Ak existuje jedna funkcia, ktorú nájdete na takmer akomkoľvek združenom webe, jedná sa o graf porovnania produktov. Vážne si myslím, že požiadavkou na pripojenie sa k pridruženému programu Amazon Associates je, že ste schopní vytvoriť tabuľky na porovnanie produktov.

Napriek svojej všadeprítomnosti však väčšina ľudí napriek tomu pracne vytvára tabuľky svojich produktov pomocou nástrojov na tvorbu stránok, vlastného kódu HTML alebo doplnku tabuľky, ako je Excel alebo TablePress.

V tomto návode vám ukážem alternatívne riešenie, ktoré je skvelou voľbou, ak používate pridruženú stránku poháňanú WooCommerce.

Naučíte sa, ako vytvárať dynamicky generované, prehľadávateľné, filtrovateľné a triediteľné tabuľky. Najlepšie zo všetkého je, že budete mať úplnú kontrolu nad informáciami, ktoré zobrazujete vo svojej tabuľke pridružených produktov.

Nielenže vám to ušetrí čas, ale aj vám to zlepší veci Návštevníci (a lepší zážitok znamená viac konverzií!).

Ako vytvoriť dosku pre pridružené produkty na webe WooCommerce

Aby táto príručka fungovala, budete potrebovať dva pluginy:

  • WooCommerce - to je to, čo budete používať na správu svojich rôznych pridružených produktov.
  • Tabuľka produktov WooCommerce - to je to, čo použijete na zobrazenie týchto pridružených produktov vo filtrovateľnej, prehľadnej a prehľadávateľnej tabuľke.

Pred spustením príručky predpokladám, že máte nainštalované aj aktivované doplnky.

To znamená, že keď vám ukážem, ako pridať pridružený produkt WooCommerce, Nebudem vám ukazovať, ako si založiť predajňu WooCommerce. Ak potrebujete pomoc, môžete si pozrieť túto komplexnú príručku.

Krok 1: Pridajte svoje pridružené produkty do služby WooCommerce

Mnoho ľudí si myslí, že WooCommerce je len riešením na predaj svoje vlastné Produkty. Ale v skutočnosti obsahuje základnú funkčnosť predaja externých pridružených produktov - nie sú potrebné žiadne úpravy!

Ak chcete pridať svoj prvý pridružený produkt, prejdite na stránku Produkty → Pridať nové vo vašom prístrojovom paneli.

Dôležité je nájsť Meta krabicu údaje o produkte a zmeňte typ výrobku v Externé / pridružené:

Tvorba pridruženého produktu wordpress

Potom vyplňte informácie pre:

  • Adresa URL produktu - toto je adresa URL, ktorá vedie priamo k produktu.
  • Text tlačidla – WooCommerce zobrazí tlačidlo na prepojenie na miesto návštevník môžete zakúpiť produkt namiesto tlačidla Pridať do košíka.
  • prix - Nie je to povinné . A ak odkazujete na Amazon, nezabudnite uviesť statickú cenu, pretože nepresné ceny sú v rozpore so zásadami spoločnosti Amazon Associates ( čo je pravdepodobne spôsobené skutočnosťou, že Amazon mení ceny ). Pre ďalšie pridružené programy by ste nemali mať problém.

Spolu s konkrétnymi informáciami o pridruženom podniku budete chcieť vyplniť aj všeobecné podrobnosti o produkte, ako napríklad:

  • Názov
  • Popis
  • Obraz
  • Atď

Po zverejnení pridruženého produktu môžete overiť, či sa na stránke produktu zobrazuje tlačidlo s výzvou na akciu k nákupu v externom obchode:

Ukážka produktu, ktorý je možné kúpiť v obchodeVšetko, čo musíte urobiť, je zopakovať rovnaký postup pre toľko pridružených produktov, koľko chcete pridať.

Na rozdelenie produktov podľa predmetov odporúčam použiť kategóriu alebo značku, pretože neskôr sa to bude hodiť, ak chcete vytvoriť viac pridružených tabuliek produktov pre rôzne subjekty.

Krok 2: Konfigurácia skráteného kódu tabuľky produktov WooCommerce

Ak chcete zobraziť tabuľku pridružených produktov, použijete krátky kód doplnku WooCommerce Table Table.

Aj keď stále môžete ručne upravovať skrátený kód podľa tabuľky, doplnok vám umožňuje nakonfigurovať predvolenú funkčnosť skráteného kódu prístupom WooCommerce → Nastavenia → Produkty → Tabuľky produktov (Tabuľka produktov):

Tabuľka produktov Woocommerce

Zameriame sa na nastavenia, ktoré sa najviac vzťahujú na vytvorenie tabuľky pridružených produktov.

V oblasti Tabuľka návrhu, môžete nakonfigurovať vlastný dizajn tabuľky, ak si budete priať:

Dizajn tabuľky produktov Woocommerce

Alebo sa môžete vždy držať predvoleného štýlu doplnku.

Ak si vyberiete trochu, môžete si vybrať, ktoré informácie sa majú zobraziť stĺpce vo vašej tabuľke. Osobne si myslím, že predvolené nastavenie je dosť pevné. Zobrazí sa:

  • Obrázok produktu
  • krstné meno
  • Stručný opis
  • prix
  • Tlačidlo Pridať do košíka ( priamy odkaz na pridružený obchod )

Ak neplánujete zobrazovať ceny, môžete stĺpec ceny odstrániť. Môžete tiež odstrániť krátky popis, pretože ak máte dlhé popisy, môže byť vaša doska trochu neprehľadná.

Podobne môžete pridať ďalšie stĺpce na zobrazenie ďalších informácií. Tento článok Pomocníka obsahuje úplný zoznam potenciálnych stĺpcov.

Konfigurácia krátkych kódov

Toto sú naozaj len dve veci, ktoré ste vy DEVEZE zvážiť. Aj keď môžete kedykoľvek zmeniť ďalšie nastavenia podľa svojho vkusu, myslím si, že predvolené hodnoty sú na väčšinu použití celkom dobré.

Krok 3: Vložte kód produktu WooCommerce

Teraz, keď ste nakonfigurovali predvolené hodnoty, môžete pomocou krátkeho kódu vložiť tabuľku pridružených produktov product_table ] (bez medzier).

Jediné, čo musíte do svojho krátkeho kódu pridať, je parameter označujúci konkrétne produkty, ktoré sa majú zahrnúť (v opačnom prípade sa v krátkom kóde zobrazí každý dostupný produkt WooCommerce, ktorý nemusí byť to, čo chcete).

K tomu môžete použiť štítok „Tag_name“ ou kategórie "Meno kategórie" .

Tu je napríklad príklad použitia krátkeho režimu:

Pomocou krátkeho kódu

A takto to vyzerá na rozhraní:

Ukážka tabuľky výrobkov

Niektoré body, na ktoré treba v tejto tabuľke pri vytváraní tabuľky upozorniť:

  • V tabuľke sa použije text tlačidla, ktorý zadáte pri nastavovaní svojho pridruženého produktu. Môžete teda všade použiť rovnaký text alebo ich odlíšiť ako v mojom príklade.
  • Ak nezadáte cenu, bude cena prázdna. Z tohto dôvodu by ste pravdepodobne mali používať tvorbu cien alebo nepoužívať tvorbu cien pre všetky svoje pridružené produkty.

Krok 4: (voliteľné) Zahrňte widgety filtra bočného panela

Zaujímavá vec, ktorú môžete urobiť s tabuľkou produktov WooCommerce ( a nemôže robiť s inými riešeniami porovnávacej tabuľky produktov ) je zobraziť miniaplikácie filtrov na bočnom paneli tak, aby vaše Návštevníci môže interagovať s vaším radom pridružených produktov.

Nie je to potrebné - ale myslím si, že robia vašu dosku oveľa použiteľnejšou.

Ak ich chcete pridať, prejdite na položku Vzhľad → Widgety a posuňte rôzne widgety “ Tabuľka produktov vrstveného Nav Filter« .

Pridajte widgety na wordpress

Keď to urobíte, vaša Návštevníci budú môcť filtrovať pridružené produkty.

Dokončiť

Tento výukový program nebude fungovať pre každú pridruženú stránku, pretože záleží na použití WooCommerce na správu vašich pridružených produktov.

Ale ak používate WooCommerce alebo máte túto možnosť, mali by ste vedieť, že je to skvelý spôsob, ako zobraziť použiteľnejšiu a flexibilnejšiu škálu pridružených produktov.

A pretože sa generuje dynamicky, všetky nové pridružené produkty, ktoré pridáte do WooCommerce, sa automaticky zobrazia na zodpovedajúcich doskách, čo je oveľa jednoduchšie, ako keby ste museli ručne upravovať statické tabuľky zakaždým, keď ich chcete pridať. alebo aktualizovať produkt.