Cum să vă integrați magazinul Etsy în site-ul dvs. Divi

În postarea Divi de astăzi, vă vom arăta cum să integrați articolele pe care le aveți în magazinul dvs. Etsy în site-ul dvs. Divi. Aceasta ar putea fi o nevoie pe care o aveți pentru propriul site web sau o solicitare pe care ați primit-o de la un client. Adăugarea articolelor Etsy pe site-ul dvs. web vă poate ajuta să generați mai multe vânzări. Mai ales dacă dețineți un site web care are un public țintă atractiv și un număr mare de vizitatori. Prin integrarea magazinului Etsy în site-ul dvs. web, puteți ajunge mai ușor la publicul țintă.

Vom demonstra cum să adăugați articole din magazinul Etsy prin pluginul Etsy Shop, care va furniza următorul rezultat pe desktop:

Posibilitățile

Nu tuturor le place să adauge magazinul Etsy pe un site personal. Unii oameni ar folosi mai degrabă o opțiune de comerț electronic care le permite oamenilor să cumpere produse direct de pe site. Când integrați magazinul Etsy în site-ul dvs. WordPress, nu înseamnă că achiziția se va efectua de fapt pe site-ul dvs. web. Pluginul vă ajută doar să afișați articolele Etsy în forma lor originală. Pentru procesul de cumpărare propriu-zis, vizitatorii interesați vor fi redirecționați către magazinul dvs. Etsy de pe site-ul web Etsy.

Cu toate acestea, dacă doriți să păstrați această conexiune cu magazinul dvs. Etsy și cu publicul pe care îl aveți acolo, aveți două modalități de a aborda situația.

Adăugați produsele dvs. manual pe site-ul dvs. WordPress

Deoarece pluginurile vă vor ajuta să vă redirecționați vizitatorii doar către site-ul web Etsy, puteți să vă integrați manual elementele Etsy. Deși acest lucru pare a fi mai mult de lucru, există și câteva avantaje. De exemplu, puteți stiliza articolele după cum doriți. Probabil veți avea mai mult spațiu și spațiu pentru a crea articolele în același stil ca și site-ul dvs. web. Singurul lucru de care aveți nevoie este un link direct (și de preferință un unic) către fiecare articol.

Deși există multe avantaje în adăugarea manuală a produselor Etsy, există și unele dezavantaje. După ce adăugați manual aceste elemente și schimbați stilul, vizitatorii dvs. nu vor ști imediat că vor fi redirecționați către site-ul Etsy. Îi faci, așadar, ca o surpriză.

Adăugați produsele dvs. cu un plugin

Cealaltă posibilitate pe care o aveți este utilizarea unui plugin. Acesta este de obicei cel mai simplu mod de a merge și vă economisește mult timp. În plus, aspectul articolelor este similar cu modul în care sunt afișate pe site-ul Etsy. Vizitatorii vor recunoaște mai ușor sursa articolului. Aceasta este posibilitatea de a vă arăta cum să faceți în următoarea parte a postării.

Există două pluginuri care pot face treaba: pluginul Etsy Shop și Etsy 360. Pluginul Etsy Shop este gratuit și vă vom arăta cum să îl configurați, în timp ce Etsy 360 este plătit. Din păcate, puteți utiliza pluginul Etsy Shop numai dacă doriți să afișați articolele Etsy pe desktop. Pluginul nu răspunde. Deci, dacă sunteți în căutarea unei soluții receptive, ați putea încerca Etsy 360.

Cum să vă integrați magazinul Etsy în site-ul dvs. Divi

Abonați-vă la canalul nostru Youtube

Începeți să vă integrați magazinul Etsy cu pluginul Etsy Shop

Pentru a adăuga magazinul dvs. Etsy pe site-ul dvs. Divi, vom avea nevoie de un lucru în avans; pluginul gratuit Etsy Shop, creat de Frederic Sheedy. Utilizând acest plugin, nu va trebui să depuneți mult efort pentru a adăuga articolele preferate ale magazinului Etsy pe site-ul dvs. web. În trecut, Etsy a oferit posibilitatea Etsy Mini, dar, din păcate, recent au pus mâna pe această opțiune - făcând din pluginul Etsy Shop în prezent cea mai favorabilă posibilitate.

Fără alte datorii; să începem.

Descărcați pluginul Etsy Shop

Primul pas pe care va trebui să îl faceți este să descărcați pluginul. Puteți descărca pluginul făcând clic pe următorul link.

Încărcați pluginul pe site-ul dvs. web

După ce ați descărcat pluginul, îl puteți încărca accesând tabloul de bord WordPress> Plugins> Add New> și încărcând pluginul pe site-ul dvs. web. Asigurați-vă că activați și pluginul.

Obțineți cheia API Etsy Shop

După ce ați descărcat pluginul, următorul pas pe care trebuie să-l faceți este să obțineți o cheie API a magazinului dvs. Etsy. S-ar putea să aveți deja un astfel de API disponibil, dar dacă nu îl aveți, vă vom arăta cum să obțineți unul imediat.

Creați o aplicație nouă pentru contul dvs. Etsy

După ce ați descărcat pluginul Etsy Shop și ați accesat setările, puteți vedea un link chiar sub câmpul Etsy API Key care vă arată unde să creați o nouă aplicație Etsy. Faceți clic pe linkul respectiv.

Odată ce începeți să creați o aplicație nouă, va trebui să completați câteva detalii despre aplicația pe care o creați așa cum se arată în imaginea de mai jos.

După ce ați completat toate informațiile necesare, aplicația dvs. va fi realizată. În imaginea de mai jos, puteți vedea unde puteți găsi cheia API după crearea aplicației.

Copiați cheia API în pluginul dvs.

Următorul lucru pe care va trebui să-l faceți este să reveniți la setările pluginului și să completați cheia API.

Asigurați-vă că deschideți magazinul într-o fereastră nouă

Și, în timp ce vă aflați încă în setările pluginului, este recomandabil să deschideți fiecare link într-o fereastră nouă. În acest fel, nu vă veți trimite doar vizitatorii la altă pagină, ci îi veți păstra pe ambele pagini.

Adăugați codul scurt la un modul de text din cadrul Divi Builder

Următorul lucru pe care va trebui să-l faceți este integrarea codului scurt în site-ul dvs. web. Puteți face acest lucru cu ușurință adăugându-l la un nou modul de text în pagina în care doriți să apară elementele.

Deschideți pagina pe care doriți să adăugați elementele și adăugați un modul de text la un rând cu lățime completă. Apoi, deschideți setările rândului și schimbați lățimea personalizată a rândului la „680px”.

Apoi, adăugați codul scurt în caseta Conținut din fila Conținut. Fără modificări, shortcode-ul arată astfel:

[etsy-shop shop_name="*your-etsy-shop-name*" section_id="*your-etsy-shop-setion-id*"]

Acum, înlocuiți * numele-tău-etsy-shop * și * id-ul-secțiunii-tău-etsy-shop * cu propriul tău. Pentru aceasta, accesați magazinul dvs. (sau orice alt magazin din care doriți să afișați produsele Etsy) și selectați o secțiune din partea stângă.

După ce ați făcut acest lucru, puteți observa numele magazinului Etsy și ID-ul secțiunii în adresa URL.

Dezactivează pentru mobil

Din păcate, pluginul Etsy Shop își face treaba numai corect pe desktopuri. Nu este receptiv, deci, dacă sunteți în căutarea unei soluții gratuite care să vă ajute să generați vânzări numai prin desktop, aceasta este o potrivire excelentă. Dacă nu, este posibil să doriți să vedeți despre ce este Etsy 360 sau puteți adăuga manual elementele pe care doriți să le prezentați.

Rezultat

Doar copiați aceste două lucruri și plasați-le în codul scurt. Odată ce ați salvat setările, elementele Etsy ar trebui să apară pe site-ul desktop pentru desktop când faceți clic pe previzualizare - oferindu-vă următorul rezultat:

Gânduri finale

În această postare, v-am arătat cum să adăugați magazinul Etsy pe site-ul dvs. web. V-am prezentat procesul de instalare a pluginului Etsy Shop. Unii oameni preferă să adauge articole Etsy cu un plugin și să le permită vizitatorilor să fie redirecționați către site-ul web Esty, în timp ce alte persoane ar opta mai degrabă pentru un site de comerț electronic. Dacă ați căutat prima posibilitate, această postare vă va ajuta. Dacă aveți întrebări sau sugestii, asigurați-vă că lăsați un comentariu în secțiunea de comentarii de mai jos!

Asigurați-vă că vă abonați la newsletter-ul nostru de e-mail și la canalul YouTube, astfel încât să nu pierdeți niciodată un anunț mare, un sfat util sau un cadou gratuit Divi!