Skrzynka produktowa pozwala zaprezentować produkty partnerskie w bardziej atrakcyjny i przyciągający wzrok sposób. Pozwala na dodanie dodatkowych informacji o produktach, wraz ze zdjęciami i linkami, aby uczynić je bardziej atrakcyjnymi dla odbiorców.
Przyciąga to uwagę użytkowników i zwiększa ich szanse na kliknięcie w linki partnerskie, pomagając w uzyskaniu pasywnego dochodu z bloga.
W WPBeginner używamy linków polecających do generowania przychodów od ponad dekady. W tym czasie zauważyliśmy, że promowanie produktów afiliacyjnych w odpowiednich artykułach, przy jednoczesnym dostarczaniu dodatkowych informacji na ich temat i dołączaniu obrazu ich strony internetowej, konsekwentnie skutkowało dla nas większą liczbą kliknięć.
Boksy produktów afiliacyjnych zasadniczo osiągają to samo, więc prawdopodobnie będą miały podobny, pozytywny wpływ na konwersje afiliacyjne.
W tym artykule pokażemy, jak łatwo utworzyć pole produktu partnerskiego w WordPress.

Dlaczego warto utworzyć pole produktu partnerskiego w WordPress?
Boks produktu afiliacyjnego jest wykorzystywany przez marketerów na ich witrynach WordPress do prezentowania i promowania określonych produktów wśród czytelników.
Pole to zazwyczaj zawiera tytuł produktu, obrazki, opis i wezwanie do działania (CTA) w celu promowania kliknięć i zakupów.

Jest to popularna strategia marketingu afiliacyjnego, która może podnieść współczynniki konwersji, zwiększyć ekspozycję marki oraz zaoszczędzić czas i zasoby, dzięki czemu jest to świetny sposób na zarabianie pieniędzy w Internecie.
Możesz łatwo dodać pole produktu partnerskiego do wpisu na blogu, aby przyciągnąć potencjalnych klientów i zarobić prowizję od każdej wynikającej z tego sprzedaży.
Biorąc to pod uwagę, zobaczmy, jak łatwo utworzyć pole produktu partnerskiego w WordPress bez użycia jakiegokolwiek kodu:
Metoda 1: Utwórz pole produktu partnerskiego za pomocą ładnych odnośników (zalecane)
Możesz łatwo utworzyć pole partnerskie produktu za pomocą Pretty Links. Jest to najlepsze narzędzie do marketingu afiliacyjnego, które ułatwia tworzenie i zarządzanie odnośnikami afiliacyjnymi na twojej witrynie internetowej WordPress.
Najpierw należy zainstalować i włączyć wtyczkę Pretty Links. Aby uzyskać więcej instrukcji, zapoznaj się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.
Uwaga: Pretty Links ma również darmową wersję. Aby korzystać z dodatku Product Displays, należy jednak zakupić plan pro.
Po włączaniu przejdź na stronę Pretty Links ” Add-ons z panelu bocznego administratora WordPress.
Z tego miejsca wystarczy zainstalować i włączyć dodatek „Product Displays”, klikając przycisk „Install Add-on”.

Po włączeniu dodatku wystarczy przejść do strony Pretty Links „ Add New , aby rozpocząć tworzenie odnośnika partnerskiego.
Najpierw należy wpisać nazwę produktu partnerskiego w polu „Dodaj tytuł” na górze strony. Tytuł ten będzie wyświetlany jako nagłówek w Twoim polu partnerskim produktu.
Następnie wpisz adres URL partnera w polu „Docelowy adres URL”.
Następnie wpisz uproszczoną nazwę odnośnika w polu „Pretty Link”. Będzie to ostatnia część partnerskiego adresu URL.

Następnie przejdź do karty „Wyświetlanie produktów” na panelu bocznym po lewej stronie.
Gdy już się tam znajdziesz, możesz zacząć od wybrania motywu dla twojego boksu partnerskiego produktu z rozwijanego menu „Motyw”.
Następnie kliknij przycisk „Update Image”, aby przesłać obrazek produktu z biblioteki multimediów WordPress lub twojego komputera.

Po wykonaniu tej czynności wpisz opis produktu w polu „Opis”.
Następnie ustaw cenę produktu obok opcji „Cena”.

Możesz również dodać plakietkę w górnej części Twojego boksu partnerskiego produktu. Na przykład, jeśli promowany produkt jest obecnie w sprzedaży, można to pokazać klientom.
Aby dodać odznakę, wystarczy wpisać jej rodzaj obok opcji „Tekst odznaki”.
Następnie wpisz wezwanie do działania dla produktu partnerskiego obok opcji „Tekst przycisku głównego”. Będzie to tekst wyświetlany na przycisku w polu partnerskim produktu.
Utworzony przez nas odnośnik partnerski zostanie automatycznie dodany do przycisku CTA.

Jeśli napisałeś recenzję produktu partnerskiego na swoim blogu, możesz dodać adres URL wpisu do pola „Adres URL recenzji”. Czytelnicy, którzy go klikną, zostaną przeniesieni do twojego wpisu z recenzją.
Aby dodać wezwanie do działania dla przycisku recenzji, wystarczy wpisać rodzaj tekstu w opcji „Tekst przycisku recenzji”.
Po zakończeniu kliknij przycisk „Aktualizuj” lub „Publikuj” u góry.
Dodanie pola partnerskiego produktu do strony lub wpisu
Teraz musisz dodać pole partnerskie produktu do strony lub wpisu w twojej witrynie internetowej WordPress. W tym poradniku dodamy pole produktu partnerskiego do wpisu.
Najpierw otwórz nowy lub istniejący wpis z panelu bocznego administratora WordPress.
Następnie kliknij przycisk „Dodaj blok” (+) w lewym górnym rogu, aby znaleźć i dodać blok PL Product Display do edytora wpisów.
Następnie kliknij przycisk „Dodaj wyświetlacz”.

Spowoduje to wyświetlenie monitu „Wyświetlanie produktu”. Z menu rozwijanego wybierz opcję „Pojedynczy odnośnik”.
Gdy to zrobisz, będziesz musiał wyszukać utworzony odnośnik partnerski w polu wyszukiwania.

Po kliknięciu na odnośnik partnerski, pole wyświetlania produktu zostanie automatycznie dodane do twojego wpisu lub strony.
Na koniec kliknij przycisk „Aktualizuj” lub „Opublikuj”, aby zapisać twoje zmiany.
Teraz użytkownik może przejść na twoją witrynę internetową, aby sprawdzić boks partnerski produktu w działaniu.

Metoda 2: Utwórz pole produktu partnerskiego w edytorze bloków (bezpłatnie)
W tej metodzie pokażemy, jak łatwo utworzyć pole produktu partnerskiego za pomocą edytora bloków.
Najpierw należy otworzyć istniejący lub nowy wpis z panelu bocznego administratora WordPress.
Gdy już tam będziesz, kliknij przycisk Dodaj blok „(+)” w lewym górnym rogu, aby otworzyć menu bloków. Następnie wyszukaj i dodaj do wpisu blok Kolumny.
Gdy to zrobisz, pojawi się lista wariantów kolumn. Aby kontynuować, wystarczy kliknąć wariant 50/50.

Spowoduje to dodanie dwóch bloków obok siebie do twojego wpisu.
Możesz zacząć od kliknięcia przycisku „+” po lewej stronie ekranu, aby otworzyć menu bloków.
Z tego miejsca wybierz blok Image, a następnie dodaj swój obrazek produktu partnerskiego z biblioteki multimediów WordPress.

Następnie należy kliknąć przycisk „+” w prawej kolumnie.
Po otwarciu menu bloków dodaj blok Nagłówek i wpisz tytuł produktu.

Następnie kliknij ikonkę „Wybierz kolumnę” na pasku narzędzi bloku, a następnie kliknij przycisk „+” na dole. Spowoduje to ponowne otwarcie menu bloku.
W tym miejscu znajdź i dodaj blok Akapit, a następnie wpisz opis produktu w polu.

Teraz, aby uzupełnić twój boks partnerski produktu, będziesz musiał dodać wezwanie do działania wraz z odnośnikiem partnerskim dla produktu.
Aby to zrobić, należy wyjść z edytora bloków.
Nie zapomnij kliknąć przycisku „Zapisz wersję roboczą”, aby zapisać twoje ustawienia przed powrotem do kokpitu administratora WordPress.
Utwórz odnośnik partnerski
Istnieje wiele narzędzi marketingu afiliacyjnego do tworzenia i zarządzania odnośnikami afiliacyjnymi na twojej witrynie internetowej WordPress.
W tym poradniku będziemy używać Pretty Links, który jest najlepszą wtyczką do marketingu afiliacyjnego WordPress.
Najpierw należy zainstalować i włączyć wtyczkę Pretty Links. Aby uzyskać więcej instrukcji, zapoznaj się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.
Po włączeniu przejdź do strony Pretty Link ” Add New z kokpitu WordPress. Gdy już się tam znajdziesz, musisz wpisać nazwę produktu w polu „Dodaj tytuł”.
Następnie skopiuj i wklej adres URL twojego produktu partnerskiego obok opcji „Docelowy adres URL”.

Możesz teraz wpisz uproszczoną nazwę adresu URL w polu „Pretty Links”. Pretty Links użyje go na końcu partnerskiego adresu URL, który utworzy dla ciebie.
Po zakończeniu kliknij przycisk „Aktualizuj”, aby wygenerować twój odnośnik partnerski.
Zostaniesz przekierowany na stronę z odnośnikami. Stąd wystarczy skopiować odnośnik partnerski z kolumny „Pretty Links”.

Dodaj odnośnik partnerski do pola produktu
Teraz wróć do wpisu na blogu, w którym tworzyłeś boks produktu partnerskiego.
Gdy już tam będziesz, kliknij prawą kolumnę twojego bloku Kolumny, aby otworzyć pasek narzędzi bloku, a następnie przycisk „Wybierz kolumny”. Spowoduje to otwarcie menu bloku.
Następnie wystarczy dodać blok Buttons.

Aby dodać odnośnik, kliknij ikonkę „Link” na pasku narzędzi bloku „Przyciski”. Spowoduje to otwarcie wyskakującego okienka, w którym należy wkleić odnośnik partnerski skopiowany ze strony Pretty Links.
Można również wyszukać odnośnik partnerski za pomocą paska wyszukiwania w polu.

Na koniec musisz dodać tekst do twojego przycisku CTA.
Upewnij się, że dodałeś ekscytującą frazę jako wezwanie do działania, aby zachęcić klientów do kliknięcia w odnośnik.

Możesz również nadać styl Twojemu pudełku produktu partnerskiego za pomocą ustawień bloku. Aby to zrobić, przejdź do ikonki „Style” w panelu bloków.
Z tego miejsca możesz wybrać kolor tła i tekstu twojego pola produktu partnerskiego za pomocą próbnika kolorów.

Na koniec kliknij przycisk „Opublikuj” lub „Aktualizuj”, aby zapisać twoje zmiany.
Tak wyglądało pole produktu partnerskiego na naszej demonstracyjnej witrynie internetowej.

Metoda 3: Tworzenie boksu produktowego dla afiliacyjnych stron docelowych za pomocą SeedProd
Jeśli chcesz stworzyć estetyczny box produktowy dla własnych afiliacyjnych stron docelowych, to ta metoda jest dla Ciebie.
Możesz użyć SeedProd, który jest najlepszą wtyczką do tworzenia stron WordPress na rynku. Pomaga ona stworzyć atrakcyjną wizualnie witrynę internetową bez żadnego kodu.
Najpierw należy zainstalować i włączyć wtyczkę SeedProd. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Uwaga: SeedProd oferuje również darmową wersję. Będziemy jednak korzystać z wersji premium, ponieważ oferuje ona więcej funkcji projektowych.
Po włączaniu przejdź na stronę SeedProd ” Ustawienia, aby wpisz klucz licencyjny wtyczki.
Informacje te można znaleźć na Twoim koncie w witrynie internetowej SeedProd.

Następnie przejdź do sekcji SeedProd ” Landing Pages w kokpicie administracyjnym WordPress i kliknij przycisk „Utwórz nową stronę docelową”.
W tym poradniku dodamy boks produktu afiliacyjnego do strony docelowej.

Zostaniesz przeniesiony do ekranu „Wybierz nowy szablon strony”.
Z tego miejsca można wybrać dowolny z gotowych szablonów oferowanych przez SeedProd.
Po dokonaniu twojego wyboru, zostaniesz poproszony o wpisz nazwę strony i wybierz adres URL. Po wpiszeniu tych danych kliknij przycisk „Zapisz i rozpocznij edycję strony”.

Spowoduje to uruchomienie kreatora stron SeedProd typu „przeciągnij i upuść”.
Następnie znajdź blok Kolumny na lewym panelu bocznym i przeciągnij go na interfejs projektu po prawej stronie.
Po dodaniu bloku zostaniesz poproszony o wybranie układu kolumn. Aby dodać dwa bloki obok siebie, wystarczy kliknąć wariant 50/50.

Teraz możesz zacząć od przeciągnięcia i upuszczenia bloku z obrazkiem do lewej kolumny.
Następnie kliknij blok Image, aby otworzyć ustawienia bloku na panelu bocznym. W tym miejscu wystarczy kliknąć przycisk „Użyj swojego obrazka”, aby wybrać obrazek produktu partnerskiego z multimediów lub przesłać go z komputera.

Następnie wystarczy przeciągnąć i upuścić blok Nagłówek do prawej kolumny i dodać tytuł produktu partnerskiego.
Wyrównanie i wielkość pisma można dostosować za pomocą ustawień w lewej kolumnie.

Gdy już to zrobisz, musisz przeciągnąć i upuścić blok Tekst pod tytułem produktu. Możesz dodać opis promowanego produktu partnerskiego.
Następnie kliknij przycisk „Zapisz”, aby zapisać twoje zmiany.

Teraz nadszedł czas na utworzenie odnośnika partnerskiego.
Utwórz odnośnik partnerski
Najpierw należy zainstalować i włączyć wtyczkę Pretty Links. Aby uzyskać bardziej szczegółowe instrukcje, zapoznaj się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.
Po włączaniu przejdź do strony Pretty Link ” Add New z panelu bocznego administratora.
Tutaj możesz zacząć od wpisania nazwy produktu w polu „Dodaj tytuł”, aby ułatwić znalezienie odnośnika partnerskiego. Wystarczy wpisz nazwę firmy partnerskiej lub samego produktu.
Następnie dodaj odnośnik partnerski obok opcji „Docelowy adres URL”.
Następnie wpisz rodzaj slugu w polu „Pretty Link”. Ta uproszczona nazwa pojawi się na końcu twojego odnośnika partnerskiego.

Na koniec kliknij przycisk „Aktualizuj”, aby wygenerować odnośnik.
Zostaniesz przekierowany na stronę z odnośnikami. Stąd wystarczy skopiować odnośnik partnerski z kolumny „Pretty Links”.

Dodaj odnośnik partnerski do pola produktu SeedProd
Po skopiowaniu odnośnika afiliacyjnego należy otworzyć stronę docelową SeedProd, na której projektowany jest boks produktu afiliacyjnego.
Gdy już tam będziesz, po prostu przeciągnij i upuść blok Button pod opisem produktu.

Następnie należy kliknąć przycisk, aby otworzyć ustawienia bloku na lewym panelu bocznym. Tutaj należy skopiować i wkleić odnośnik partnerski w polu „Link”.
Następnie wpisz tekst wezwania do działania w polu „Tekst przycisku”.

Aby nadać styl polu produktu partnerskiego, należy wybrać blok Kolumny, aby otworzyć jego ustawienia w lewej kolumnie.
W tym miejscu możesz wybrać kolor tła, a nawet dodać obrazek tła do twojego pola produktu. Możesz również dostosować szerokość i wyrównanie bloku Kolumny zgodnie z twoimi upodobaniami.

Po zakończeniu kliknij przycisk „Zapisz”, aby zapisać twoje ustawienia.
Tak wyglądało pole produktu partnerskiego na naszej demonstracyjnej witrynie internetowej.

Bonus: Stwórz program partnerski na twojej witrynie internetowej
Oprócz promowania produktów innych firm, możesz również stworzyć swój własny program partnerski, aby zwiększyć sprzedaż w twoim biznesie online.
Jest to opłacalna strategia marketingowa, która pozwala innym firmom dołączyć do twojego programu i promować twoje usługi na swoich witrynach internetowych, aby zarobić niewielką prowizję.
Uruchamiając program poleceń, możesz dotrzeć do szerszego grona odbiorców, zbudować zaufanie wśród potencjalnych nabywców i ostatecznie zwiększyć konwersje na twojej witrynie internetowej.
Na przykład, jeśli masz sklep e-handel, to uruchamiając program partnerski, zachęcasz swoich klientów, fanów i innych marketerów cyfrowych do promowania Twoich produktów za niewielką prowizję od sprzedaży.
Możesz łatwo uruchomić program polecający na swojej witrynie internetowej za pomocą AffiliateWP. Jest to najlepsze na rynku oprogramowanie do śledzenia i zarządzania programem partnerskim WordPress, które zapewnia pełną kontrolę nad twoim programem partnerskim.

Oferuje łatwą konfigurację, zaawansowane śledzenie odnośników afiliacyjnych, szczegółowe raporty, elastyczne opcje wypłat i integrację z popularnymi wtyczkami, takimi jak MemberPress, Easy Digital Downloads i WooCommerce.
Więcej informacji można znaleźć w naszej pełnej recenzji AffiliateWP.
Wtyczki te bardzo ułatwiają uruchomienie programu partnerskiego i zdobycie nowych rynków w celu zwiększenia świadomości marki i generowania potencjalnych klientów. Szczegółowe instrukcje można znaleźć w naszym poradniku na temat tworzenia programu poleceń w WordPress.
Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak dodać pole produktu partnerskiego w WordPress. Warto również zapoznać się z naszym artykułem na temat maskowania odnośników afiliacyjnych na witrynie WordPress oraz naszym porównaniem Pretty Links i Thirsty Affiliates, aby znaleźć odpowiednią wtyczkę do zarządzania afiliacją dla twojej witryny.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Dennis Muthomi
hi, is there a way to add a rating system (like a 5-star rating) to the affiliate product box? I think it would be cool to show my visitors how I rate the products I recommend. If there’s a way to do this, I’d love to know
WPBeginner Support
For something like that we would recommend taking a look at SeedProd and that should allow you what you’re wanting
Admin