Come integrare il tuo negozio Etsy nel tuo sito web Divi

Nel post Divi di oggi, ti mostreremo come integrare gli articoli che hai nel tuo negozio Etsy nel tuo sito web Divi. Questa potrebbe essere un'esigenza che hai per il tuo sito web o una richiesta che hai ricevuto da un cliente. Aggiungere i tuoi articoli Etsy al tuo sito web potrebbe aiutarti a generare più vendite. Soprattutto se possiedi un sito Web che ha un pubblico di destinazione attraente e un buon numero di visitatori. Integrando il negozio Etsy nel tuo sito web, puoi raggiungere più facilmente il tuo pubblico di destinazione.

Dimostreremo come aggiungere articoli del negozio Etsy tramite il plug-in Negozio Etsy, che fornirà il seguente risultato sul desktop:

Le possibilità

Non tutti amano aggiungere il negozio Etsy a un sito web personale. Alcune persone preferiscono utilizzare un'opzione di e-commerce che consente alle persone di acquistare prodotti direttamente dal sito web. Quando integri il negozio Etsy nel tuo sito WordPress, ciò non significa che l'acquisto avverrà effettivamente sul tuo sito web. Il plugin ti aiuta solo a mostrare i tuoi articoli Etsy nella loro forma originale. Per il processo di acquisto vero e proprio, i visitatori interessati verranno reindirizzati al tuo negozio Etsy sul sito web di Etsy.

Se, tuttavia, vuoi mantenere quella connessione con il tuo negozio Etsy e il pubblico che hai lì, hai due modi per affrontare la situazione.

Aggiungi i tuoi prodotti manualmente al tuo sito Web WordPress

Poiché i plug-in ti aiuteranno solo a reindirizzare i tuoi visitatori al sito web di Etsy, potresti anche integrare i tuoi articoli Etsy manualmente. Anche se sembra più lavoro, ci sono anche alcuni vantaggi. Puoi, ad esempio, modellare gli elementi come preferisci. Probabilmente avrai più spazio e spazio per realizzare gli articoli nello stesso stile del tuo sito web. L'unica cosa di cui avrai bisogno è un collegamento diretto (e preferibilmente univoco) a ciascun articolo.

Sebbene ci siano molti vantaggi nell'aggiungere manualmente i tuoi prodotti Etsy, ci sono anche alcuni svantaggi. Una volta aggiunti manualmente questi elementi e modificato lo stile, i tuoi visitatori non sapranno immediatamente che verranno reindirizzati al sito web di Etsy. Li stai quindi riservando una sorpresa.

Aggiungi i tuoi prodotti con un plugin

L'altra possibilità che hai è usare un plugin. Questo di solito è il modo più semplice per andare e ti fa risparmiare un sacco di tempo. Oltre a ciò, il layout degli articoli è simile a come vengono mostrati sul sito web di Etsy. I visitatori riconosceranno più facilmente l'origine dell'oggetto. Questa è la possibilità che ti mostreremo come fare nella prossima parte del post.

Ci sono due plug-in che possono svolgere il lavoro: il plug-in Etsy Shop e Etsy 360. Il plug-in Etsy Shop è gratuito e ti mostreremo come configurarlo mentre Etsy 360 è a pagamento. Sfortunatamente, puoi utilizzare il plug-in Etsy Shop solo se desideri visualizzare i tuoi articoli Etsy sul desktop. Il plugin non risponde. Quindi, se stai cercando una soluzione reattiva, potresti provare Etsy 360.

Come integrare il tuo negozio Etsy nel tuo sito web Divi

Iscriviti al nostro canale Youtube

Inizia a integrare il tuo negozio Etsy con il plug-in del negozio Etsy

Per aggiungere il tuo negozio Etsy al tuo sito Divi, avremo bisogno di una cosa in anticipo; il plug-in Etsy Shop gratuito, creato da Frederic Sheedy. Usando questo plugin, non dovrai impegnarti molto per aggiungere i tuoi articoli del negozio Etsy preferiti sul tuo sito web. In passato, Etsy offriva la possibilità di Etsy Mini, ma, sfortunatamente, di recente ha sospeso questa opzione, rendendo il plug-in Etsy Shop attualmente la possibilità più vantaggiosa in circolazione.

Senza ulteriori dovute; Iniziamo.

Scarica il plug-in del negozio Etsy

Il primo passo che dovrai compiere è scaricare il plugin. Puoi scaricare il plugin cliccando sul seguente link.

Carica il plugin nel tuo sito web

Una volta scaricato il plug-in, puoi caricarlo accedendo alla dashboard di WordPress > Plugin > Aggiungi nuovo > E caricando il plug-in nel tuo sito web. Assicurati di attivare anche il plugin.

Ottieni la chiave API del tuo negozio Etsy

Una volta scaricato il plug-in, il passaggio successivo che dovrai compiere è ottenere una chiave API del tuo negozio Etsy. Potrebbe essere che tu abbia già una tale API disponibile, ma se non ce l'hai, ti mostreremo come ottenerne una subito.

Crea una nuova app per il tuo account Etsy

Dopo aver scaricato il plug-in del negozio Etsy e aver aperto le impostazioni, puoi vedere un link proprio sotto il campo Chiave API di Etsy che ti mostra dove creare una nuova app di Etsy. Fare clic su quel collegamento.

Una volta che inizi a creare una nuova app, dovrai inserire alcuni dettagli sull'app che stai creando, come mostrato nell'immagine qui sotto.

Dopo aver inserito tutte le informazioni necessarie, la tua app sarà creata. Nell'immagine qui sotto, puoi vedere dove puoi trovare la chiave API dopo aver creato l'app.

Copia la chiave API nel tuo plugin

La prossima cosa che devi fare è tornare alle impostazioni del plugin e compilare la chiave API.

Assicurati di aprire il negozio in una nuova finestra

E mentre sei ancora nelle impostazioni del plug-in, è consigliabile aprire ogni collegamento in una nuova finestra. In questo modo, non manderai semplicemente i tuoi visitatori su un'altra pagina, ma li manterrai su entrambe le pagine.

Aggiungi lo shortcode a un modulo di testo all'interno del tuo Divi Builder

La prossima cosa che devi fare è integrare lo shortcode nel tuo sito web. Puoi farlo facilmente aggiungendolo a un nuovo modulo di testo nella pagina in cui vuoi che appaiano gli elementi.

Apri la pagina in cui desideri aggiungere gli elementi e aggiungi un modulo di testo a una riga a larghezza intera. Quindi, apri le impostazioni della riga e modifica la larghezza personalizzata della riga in "680 px".

Quindi, aggiungi lo shortcode alla casella Contenuto nella scheda Contenuto. Senza alcuna modifica, lo shortcode si presenta così:

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

Ora, sostituisci il *nome-negozio-etsy* e il *id-sezione-negozio-etsy* con il tuo. Per farlo, vai al tuo negozio (o qualsiasi altro negozio da cui desideri visualizzare i prodotti Etsy) e seleziona una sezione sul lato sinistro.

Dopo averlo fatto, puoi notare il nome del negozio Etsy e l'ID della sezione nell'URL.

Disattiva per dispositivi mobili

Sfortunatamente, il plug-in Etsy Shop fa il suo lavoro correttamente solo sui desktop. Non è reattivo, quindi, se stai cercando una soluzione gratuita che ti aiuti a generare vendite solo tramite desktop, questa è la soluzione ideale. In caso contrario, potresti voler vedere di cosa tratta Etsy 360 oppure puoi aggiungere gli elementi che desideri mostrare manualmente.

Risultato

Basta copiare queste due cose e inserirle nel tuo shortcode. Una volta salvate le impostazioni, i tuoi articoli Etsy dovrebbero apparire sul tuo sito web desktop quando fai clic su Anteprima , dandoti il ​​seguente risultato:

Pensieri finali

In questo post, ti abbiamo mostrato come aggiungere il negozio Etsy al tuo sito web. Ti abbiamo guidato attraverso il processo di installazione del plug-in del negozio Etsy. Alcune persone preferiscono aggiungere articoli Etsy con un plug-in e lasciare che i propri visitatori vengano reindirizzati al sito Web di Esty, mentre altre persone preferiscono optare per un sito di e-commerce. Se stavi cercando la prima possibilità, questo post ti aiuterà. Se hai domande o suggerimenti, assicurati di lasciare un commento nella sezione commenti qui sotto!

Assicurati di iscriverti alla nostra newsletter e al canale YouTube in modo da non perdere mai un grande annuncio, un consiglio utile o un omaggio Divi!