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:
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:
Acum 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):
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:
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.
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:
Și așa arată pe interfață:
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« .
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.