Dacă există o caracteristică pe care o veți găsi pe aproape orice site afiliat, este o diagramă de comparare a produselor. Serios, cred că o cerință pentru aderarea la programul de afiliere Amazon Associates este că puteți crea tabele de comparare a produselor.

Dar, în ciuda omniprezenței lor, majoritatea oamenilor încă își creează în mod laborios tabelele de produse folosind constructori de pagini, HTML personalizat sau un plugin pentru tabele precum Excel sau TablePress

În acest tutorial, vă voi arăta o soluție alternativă, care este o opțiune excelentă dacă utilizați un site afiliat alimentat de WooCommerce.

Veți învăța cum să creați tabele generate dinamic, căutabile, filtrabile și sortabile. Cel mai bun dintre toate, veți avea control deplin asupra informațiilor afișate în Tabelul dvs. de produse afiliate.

Acest lucru nu numai că vă va economisi timp, ci va face lucrurile mai bune pentru dvs vizitatori (și o experiență mai bună înseamnă mai multe conversii!).

Cum să creați o placă de produse afiliate pe WooCommerce

Pentru ca acest ghid să funcționeze, veți avea nevoie de două pluginuri:

  • WooCommerce - aceasta este ceea ce veți folosi pentru a vă gestiona diferitele produse afiliate.
  • WooCommerce Product Table - aceasta este ceea ce veți folosi pentru a afișa aceste produse afiliate într-un tabel filtrabil, sortabil și căutabil.

Voi presupune că aveți ambele pluginuri instalate și activate înainte de a începe ghidul.

Adică, în timp ce vă voi arăta cum să adăugați un produs afiliat la WooCommerce, nu vă voi arăta cum să înființați un magazin WooCommerce. Dacă aveți nevoie de ajutor, puteți consulta acest ghid cuprinzător.

Pasul 1: Adăugați produsele afiliate la WooCommerce

Mulți oameni cred că WooCommerce este doar o soluție de vânzare al tău produse. Dar include de fapt funcționalități de bază pentru vânzarea de produse afiliate externe - nu sunt necesare ajustări!

Pentru a adăuga primul dvs. produs afiliat, accesați Produse → Adăugare noi în tabloul de bord.

Important este să găsiți caseta Meta a date despre produs și modificați tipul de produs în Extern / Afiliat:

Crearea unui produs afiliat wordpress

Apoi completați informațiile pentru:

  • URL-ul produsului - aceasta este adresa URL care duce direct la produs.
  • Buton text – WooCommerce va afișa un buton pentru a face legătura către locul în care se află vizitator pot cumpăra produsul, mai degrabă decât un buton Adaugă în coș.
  • Prix - Nu este obligatoriu . Și dacă vă conectați la Amazon, asigurați-vă că introduceți un preț static, deoarece este împotriva politicii Amazon Associates să aveți prețuri inexacte ( ceea ce probabil se datorează faptului că Amazon schimbă prețurile ). Pentru alte programe afiliate, nu ar trebui să aveți nicio problemă.

Împreună cu informațiile specifice afiliaților, veți dori, de asemenea, să completați detalii generale despre produs precum:

  • Titlu
  • Descriere
  • Imagine
  • Etc

După ce ați publicat produsul afiliat, puteți verifica dacă pagina produsului afișează un buton cu un îndemn de cumpărat de la un magazin extern:

Exemplu de produs de cumpărat într-un magazinAcum tot ce trebuie să faceți este să repetați același proces pentru câte produse afiliate doriți să adăugați.

Vă recomand să utilizați o categorie sau o etichetă pentru a împărți produsele în funcție de subiect, deoarece va fi util mai târziu dacă doriți să creați mai multe tabele de produse afiliate pentru diferite subiecte.

Pasul 2: Configurați codul scurt al tabelului de produse WooCommerce

Pentru a afișa un tabel cu produse afiliate, veți utiliza codul scurt pentru pluginul WooCommerce Product Table.

Deși puteți edita manual codul scurt pe tabelă, pluginul vă permite să configurați funcționalitatea implicită a shortcode-ului accesând WooCommerce → Setări → Produse → Tabele de produse (Tabelul de produse):

Tabel de produse Woocommerce

Ne vom concentra asupra setărilor care se aplică cel mai mult la crearea unui tabel de produse afiliate.

În zona Tabel de proiectare, puteți configura un design personalizat pentru tabelul dvs. dacă doriți:

Tabel de proiectare a produsului woocommerce

Sau, puteți rămâne întotdeauna cu stilul implicit al pluginului.

Mergând puțin, puteți alege ce informații să afișați coloane în masa ta. Personal, cred că setarea implicită este destul de solidă. Se va afișa:

  • Imaginea produsului
  • prenume
  • Scurta descriere
  • Prix
  • Adaugă în coș ( link direct către magazinul afiliat )

Dacă nu intenționați să afișați prețurile, puteți elimina coloana Preț. De asemenea, puteți elimina scurta descriere, deoarece vă poate face placa puțin aglomerată dacă aveți descrieri lungi.

De asemenea, puteți adăuga coloane suplimentare pentru a afișa mai multe informații. Acest articol de ajutor conține o listă completă de potențiale coloane.

Configurarea codurilor scurte

Acestea sunt într-adevăr cele două lucruri pe care le aveți must considera. Deși puteți schimba oricând celelalte setări după gustul dvs., cred că valorile implicite sunt destul de bune pentru majoritatea utilizărilor.

Pasul 3: Introduceți codul produsului WooCommerce

Acum că ați configurat valorile implicite, vă puteți insera tabelul de produse afiliate folosind codul scurt product_table ] (fără spațiile).

Singurul lucru pe care trebuie să îl adăugați la codul dvs. scurt este un parametru care să indice produsele specifice pe care să le includă (în caz contrar, codul scurt va afișa fiecare produs WooCommerce disponibil, care poate nu este ceea ce doriți).

Pentru a face acest lucru puteți folosi etichetă "Nume eticheta" ou categorie "Numele categoriei" .

De exemplu, iată un exemplu de utilizare a shortode-ului:

Folosind codul scurt

Și așa arată pe interfață:

Eșantion de tabel de produse

Câteva puncte de notat în acest tabel atunci când vă construiți tabelul:

  • Tabelul va utiliza textul butonului pe care îl introduceți la configurarea produsului afiliat. Deci, puteți folosi același text peste tot sau le puteți face diferite, ca în exemplul meu.
  • Dacă nu introduceți un preț, acesta va apărea gol. Din acest motiv, probabil ar trebui să utilizați prețurile sau să nu utilizați prețurile pentru toate produsele afiliate.

4 Pas: (opțional) Includeți widget-uri pentru filtrul din bara laterală

Un lucru interesant pe care îl puteți face cu tabelul de produse WooCommerce ( și nu se poate face cu alte soluții de comparare a produselor ) este de a afișa widget-uri de filtrare pe bara laterală, astfel încât dvs vizitatori poate interacționa cu gama dvs. de produse afiliate.

Nu este necesar - dar cred că vă fac tabloul mult mai utilizabil.

Pentru a le adăuga, mergeți la Aspect → Widgets și glisați pe diferite widgeturi " Plăcuța de produse cu strat de filtrare Nav« .

Adăugați widgeturi pe wordpress

Odată ce faci asta, ta vizitatori va putea filtra produsele afiliate.

Pentru a termina

Acest tutorial nu va funcționa pentru fiecare site afiliat, deoarece depinde de utilizarea WooCommerce pentru a vă gestiona produsele afiliate.

Dar dacă utilizați WooCommerce sau aveți opțiunea, ar trebui să știți că aceasta este o modalitate excelentă de a afișa o gamă mai utilizabilă și mai flexibilă de produse afiliate.

Și pentru că este generat dinamic, orice produse afiliate noi pe care le adăugați la WooCommerce vor apărea automat pe panourile corespunzătoare, ceea ce este mult mai ușor decât să editați manual tabelele statice de fiecare dată când doriți să adăugați. sau actualizați un produs.