Jeśli istnieje jedna funkcja, którą znajdziesz w prawie każdej witrynie stowarzyszonej, jest to tabela porównawcza produktów. Poważnie, myślę, że warunkiem przystąpienia do programu partnerskiego Amazon Associates jest możliwość tworzenia tabel porównawczych produktów.

Jednak pomimo ich wszechobecności, większość ludzi nadal mozolnie tworzy tabele produktów za pomocą narzędzi do tworzenia stron, niestandardowego kodu HTML lub wtyczek tabel, takich jak Excel lub TablePress.

W tym samouczku pokażę Ci alternatywne rozwiązanie, które jest świetną opcją, jeśli korzystasz ze strony partnerskiej obsługiwanej przez WooCommerce .

Dowiesz się, jak tworzyć dynamicznie generowane, przeszukiwalne, filtrowalne i sortowalne tabele. A co najważniejsze, będziesz mieć pełną kontrolę nad informacjami wyświetlanymi w tabeli produktów stowarzyszonych.

Nie tylko zaoszczędzi to Twój czas, ale także poprawi sytuację odwiedzający (a lepsze wrażenia oznaczają więcej konwersji!).

Jak utworzyć tablicę produktów stowarzyszonych w WooCommerce

Aby ten przewodnik działał, będziesz potrzebować dwóch wtyczek:

  • WooCommerce  - tego będziesz używać do zarządzania różnymi produktami partnerskimi.
  • Tabela produktów WooCommerce - to jest to, czego będziesz używać do wyświetlania tych produktów stowarzyszonych w tabeli z możliwością filtrowania, sortowania i wyszukiwania.

Zakładam, że masz zainstalowane i aktywowane obie wtyczki przed uruchomieniem przewodnika.

To znaczy, podczas gdy pokażę ci, jak dodać produkt partnerski do WooCommerce , nie będę Ci pokazywać jak założyć sklep WooCommerce . Jeśli potrzebujesz pomocy, możesz zapoznać się z tym obszernym przewodnikiem.

Krok 1: Dodaj swoje produkty partnerskie do WooCommerce

Wiele osób uważa, że ​​WooCommerce to tylko rozwiązanie do sprzedania twój własny produkty. Ale w rzeczywistości zawiera podstawową funkcjonalność do sprzedaży zewnętrznych produktów stowarzyszonych - nie są wymagane żadne korekty!

Aby dodać swój pierwszy produkt partnerski, przejdź do Produkty → Dodaj nowe na pulpicie nawigacyjnym.

Ważne jest, aby znaleźć skrzynkę Meta dane produktu i zmień typ produktu w Zewnętrzny / stowarzyszony:

Stworzenie produktu partnerskiego Wordpress

Następnie wpisz informacje dla:

  • URL produktu - to jest adres URL prowadzący bezpośrednio do produktu.
  • Tekst przycisku – WooCommerce wyświetli przycisk prowadzący do miejsca, w którym znajduje się plik gość może kupić produkt, zamiast przycisku Dodaj do koszyka.
  • Cena - Nie jest to obowiązkowe . A jeśli łączysz się z Amazon, pamiętaj o wprowadzeniu ceny statycznej, ponieważ jest to sprzeczne z polityką Amazon Associates, aby mieć niedokładne ceny ( co prawdopodobnie wynika z faktu, że Amazon zmienia ceny ). W przypadku innych programów partnerskich nie powinieneś mieć problemu.

Oprócz szczegółowych informacji o partnerze będziesz chciał również podać ogólne informacje o produkcie, takie jak:

  • Tytuł
  • Opis
  • Obraz
  • Itd.

Po opublikowaniu produktu stowarzyszonego możesz sprawdzić, czy na stronie produktu wyświetla się przycisk z wezwaniem do działania do zakupu w sklepie zewnętrznym:

Przykład produktu do kupienia w sklepieTeraz wszystko, co musisz zrobić, to powtórzyć ten sam proces dla tylu produktów stowarzyszonych, ile chcesz dodać.

Zalecam użycie kategorii lub tagu, aby podzielić produkty według tematu, ponieważ przyda się później, jeśli chcesz utworzyć wiele tabel produktów stowarzyszonych dla różnych tematów.

Krok 2: Skonfiguruj skrót do tabeli produktów WooCommerce

Aby wyświetlić tabelę produktów stowarzyszonych, użyjesz skrótu wtyczki WooCommerce Product Table.

Mimo że nadal możesz ręcznie edytować skrót dla tabeli, wtyczka umożliwia skonfigurowanie domyślnej funkcji skrótu poprzez dostęp WooCommerce → Ustawienia → Produkty → Tabele produktów (Tabela produktów):

Tabela produktów Woocommerce

Skoncentrujemy się na ustawieniach, które najczęściej dotyczą tworzenia tabeli produktów stowarzyszonych.

W obszarze Projekt stołu, możesz skonfigurować niestandardowy projekt stołu, jeśli chcesz:

Projekt tabeli produktów Woocommerce

Lub zawsze możesz pozostać przy domyślnym stylu wtyczki.

Idąc w dół, możesz wybrać informacje, które chcesz wyświetlić kolumny w twoim stole. Osobiście uważam, że domyślna konfiguracja jest całkiem solidna. Wyświetli się:

  • Obraz produktu
  • imię
  • Krótki opis
  • Cena
  • Dodaj do koszyka przycisk ( bezpośredni link do sklepu partnerskiego )

Jeśli nie planujesz wyświetlać cen, możesz usunąć kolumnę ceny. Możesz również usunąć krótki opis, ponieważ może on trochę zagracić tablicę, jeśli masz długie opisy.

Podobnie możesz dodać dodatkowe kolumny, aby wyświetlić więcej informacji. Ten artykuł pomocy zawiera pełną listę potencjalnych kolumn.

Konfigurowanie skrótów

To są naprawdę jedyne dwie rzeczy, które ty devez rozważać. Chociaż zawsze możesz zmienić inne ustawienia według własnych upodobań, myślę, że ustawienia domyślne są całkiem dobre dla większości zastosowań.

Krok 3: wstaw kod produktu WooCommerce

Teraz, gdy skonfigurowałeś ustawienia domyślne, możesz wstawić tabelę produktów stowarzyszonych za pomocą skrótu product_table ] (bez spacji).

Jedyne, co musisz dodać do swojego shortcode, to parametr wskazujący konkretne produkty do włączenia (w przeciwnym razie shortcode pokaże każdy dostępny produkt WooCommerce, co może nie być tym, czego chcesz).

Aby to zrobić, możesz użyć etykieta "Nazwa znacznika" ou kategoria "Nazwa Kategorii" .

Na przykład, oto przykład użycia shortode:

Korzystanie z shortcode

A tak to wygląda na interfejsie:

Przykładowa tabela produktów

Kilka punktów, na które należy zwrócić uwagę w tej tabeli:

  • W tabeli zostanie użyty tekst przycisku wprowadzony podczas konfigurowania produktu partnerskiego. Możesz więc wszędzie używać tego samego tekstu lub zmieniać je, jak w moim przykładzie.
  • Jeśli nie podasz ceny, będzie ona pusta. Z tego powodu prawdopodobnie powinieneś stosować ceny lub nie stosować cen we wszystkich produktach stowarzyszonych.

Krok 4: (Opcjonalnie) Dołącz widżety filtrów paska bocznego

Ciekawą rzeczą, którą możesz zrobić z tabelą produktów WooCommerce ( i nie może tego zrobić z innymi rozwiązaniami tabeli porównawczej produktów ) służy do wyświetlania widżetów filtrów na pasku bocznym, dzięki czemu Twój odwiedzający może wchodzić w interakcje z Twoją gamą produktów stowarzyszonych.

Nie jest to konieczne - ale myślę, że dzięki nim twoja deska jest o wiele bardziej użyteczna.

Aby je dodać, przejdź do Wygląd → Widżety i przesuń na różne widżety ” Warstwowy filtr Nawigacyjny z tabelą produktów« .

Dodaj widżety na WordPress

Gdy to zrobisz, Twoje odwiedzający będzie mógł filtrować produkty partnerskie.

Na koniec

Ten samouczek nie będzie działał dla każdej witryny partnerskiej, ponieważ zależy od korzystania z WooCommerce do zarządzania produktami partnerskimi.

Ale jeśli korzystasz z WooCommerce lub masz taką opcję, powinieneś wiedzieć, że jest to świetny sposób na wyświetlenie bardziej użytecznego i elastycznego zestawu produktów afiliacyjnych.

A ponieważ jest generowany dynamicznie, wszelkie nowe produkty partnerskie, które dodasz do WooCommerce, automatycznie pojawią się na odpowiednich tablicach, co jest znacznie łatwiejsze niż konieczność ręcznej edycji tabel statycznych za każdym razem, gdy chcesz dodać. lub zaktualizuj produkt.