Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak utworzyć pole produktu partnerskiego (bez kodowania)

Czy chcesz utworzyć pole produktu partnerskiego w WordPress?

Boks produktowy pozwala zaprezentować twoje produkty afiliacyjne w bardziej atrakcyjny i przyciągający wzrok sposób. Może to przyciągnąć uwagę użytkowników i zwiększyć szanse na kliknięcie w twoje odnośniki partnerskie, co może pomóc w uzyskaniu pasywnego dochodu z twojego bloga.

W tym artykule pokażemy, jak łatwo utworzyć pole produktu partnerskiego w WordPress.

Creating an affiliate product box in WordPress

Dlaczego warto utworzyć pole produktu partnerskiego w WordPress?

Boks produktu partnerskiego jest wykorzystywany przez marketerów na ich witrynach internetowych 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.

Affiliate product box preview

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:

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”.

Install and activate the Product Displays addon

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.

Create an affiliate link by typing the target 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.

Choose a theme and upload product image

Po wykonaniu tej czynności wpisz opis produktu w polu „Opis”.

Następnie ustaw cenę produktu obok opcji „Cena”.

Add product description and price

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.

Add a badge and CTA text

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”.

Add the PL Product Display box

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.

Add the affiliate product box

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.

Product box preview

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.

Add the Columns block in the block editor

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.

Add the image block and then add product image from the media library

Następnie należy kliknąć przycisk „+” w prawej kolumnie.

Po otwarciu menu bloków dodaj blok Nagłówek i wpisz tytuł produktu.

Add the Heading block and type product title

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.

Add the Paragraph block to type product descriptions

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”.

Create pretty link

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”.

Copy the affiliate link

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.

Add the buttons block in the right column

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.

Add an affiliate link

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.

Type CTA text

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.

Choose a background color for the product affiliate box

Na koniec kliknij przycisk „Opublikuj” lub „Aktualizuj”, aby zapisać twoje zmiany.

Tak wyglądało pole produktu partnerskiego na naszej demonstracyjnej witrynie internetowej.

Product affiliate box preview

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.

Paste license key in the field

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.

Click the Add New Landing Page button

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”.

Enter your page details

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.

Add the Column Block in SeedProd

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.

Choose an affiliate product image from the media library

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.

Add the heading block and type product title

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.

Add product description and click Save button

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.

Create an affiliate link

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”.

Copy the affiliate link

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.

Drag and drop the Button block in the product box

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”.

Add the affiliate link and CTA text

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.

Change the affiliate product box background color in SeedProd

Po zakończeniu kliknij przycisk „Zapisz”, aby zapisać twoje ustawienia.

Tak wyglądało pole produktu partnerskiego na naszej demonstracyjnej witrynie internetowej.

SeedProd preview of the affiliate product box

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 własnych 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.

AffiliateWP website

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

3 komentarzeZostaw odpowiedź

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. 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 :)

      Administrator

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.