App Shopify: Integrare i moduli di iscrizione CleverReach® Double Opt-In

Prima di iniziare

Prima di tutto è necessario scaricare e installare il nostro plugin di e-mail marketing CleverReach® per Shopify.

Inoltre, dovrete essere autorizzati da CleverReach® e completare la sincronizzazione iniziale per poter utilizzare i vostri moduli CleverReach® in Shopify.

Durante la sincronizzazione iniziale, verrà creato automaticamente un modulo responsive predefinito e collegato al vostro elenco Shopify. In questo elenco troverete gli indirizzi e-mail di Shopify.

È inoltre possibile creare altri moduli nel proprio account CleverReach® a pagamento. Se si desidera utilizzarli in Shopify, è necessario scegliere l'elenco dei destinatari "Shopify" durante la creazione del modulo. Come copiare un modulo esistente si trova più avanti in questo post.

Inserimento del modulo attraverso l'editor del tema in Shopify

Per inserire un modulo CleverReach® nella vetrina del negozio utilizzando l'editor di temi, dovrete innanzitutto cliccare su "Online Store" e poi su "Temi".

Mostrerà il tema correntemente attivo nel negozio. È possibile modificare il layout della pagina. È necessario fare clic su "Personalizza" per modificare la pagina.

Bildschirmfoto_2020-09-11_um_12.22.10.png

Questo passaggio aprirà l'editor del tema, dove è possibile visualizzare tutte le sezioni attualmente presenti nella homepage. Per aggiungere una nuova sezione è necessario fare clic sul pulsante "Aggiungi sezione" in fondo all'elenco.

Bildschirmfoto_2020-09-11_um_12.22.52.png

Verranno presentati diversi tipi di sezione. Uno di questi sarà il modulo CleverReach® . Ora si deve scegliere il modulo che si desidera inserire nella pagina e fare clic su "Aggiungi".

Bildschirmfoto_2020-09-11_um_14.55.58.png

Nella finestra successiva, è possibile modificare l'intestazione e la sottointestazione del modulo, nonché l'aspetto del modulo su CleverReach®. Facendo clic sul link si accede direttamente al modulo nel proprio account CleverReach® , dove è possibile aggiungere altri elementi al modulo, se lo si desidera.

È possibile visualizzare le modifiche in tempo reale al modulo nella pagina a destra.

Quando si è soddisfatti dell'aspetto del modulo, si possono salvare le modifiche e pubblicare il tema.

Bildschirmfoto_2020-09-11_um_14.56.35.png

Ora il modulo è inserito nel vostro negozio e potete ottenere sempre più iscritti alla vostra newsletter.

Inserimento di un modulo nelle pagine

La seconda opzione per inserire un modulo CleverReach® nella vostra pagina Shopify consiste nel copiare uno snippet di modulo e inserirlo manualmente nel codice della pagina. Per prima cosa è necessario accedere alla sezione dei moduli nella pagina del cruscotto dell'applicazione all'interno di Shopify. È necessario scegliere il modulo che si desidera inserire.

Nella fase successiva dovrete fare clic sull'icona con i tre puntini ("..."). per ulteriori opzioni e per fare clic su "Aggiungi modulo" nel menu a discesa.

Bildschirmfoto_2020-09-14_um_09.35.51.png

Nella finestra di dialogo che si apre, verrà visualizzato il frammento di codice HTML da inserire nella pagina in cui si desidera visualizzare il modulo. Facendo clic sul pulsante "Copia" si copia il codice.

Bildschirmfoto_2020-09-14_um_09.36.11.png

Ora dovrete tornare all'amministrazione del negozio e aprire la pagina (blog, prodotto, collezione ecc.) in cui volete inserire il modulo CleverReach® per modificarlo. Verrà visualizzato un editor di testo standard, che si può modificare normalmente. Sarebbe anche possibile modificare il codice stesso e aggiungervi elementi HTML personalizzati.

All'interno dell'editor xou e. g. è necessario fare clic sul pulsante con i tag ("<>") per aprire il codice della pagina:

mceclip7.png

Il contenuto dell'editor cambierà e sarà ora possibile vedere il codice HTML di tutti gli elementi della pagina. Ora non resta che incollare lo snippet copiato in precedenza in un punto qualsiasi del codice e salvare le modifiche.

mceclip8.png

Dopo il salvataggio, si può fare clic sul pulsante "Visualizza" per visualizzare la pagina sullo storefront e si vedrà il modulo all'interno della pagina:

mceclip9.png

Inserimento di un modulo nelle pagine del tema (questa soluzione è riservata agli utenti esperti che hanno familiarità con il codice HTML)

La terza opzione per inserire un modulo CleverReach® nella pagina del tema è copiare lo snippet del modulo e inserirlo manualmente nel codice del tema.

Nella pagina della dashboard dell'applicazione all'interno di Shopify si dovrà andare alla sezione Moduli.

Nella fase successiva si deve scegliere il modulo che si desidera inserire, fare clic sull'icona dei tre puntini ("...") per ulteriori opzioni e poi fare clic su "Aggiungi modulo" nel menu a discesa.

Bildschirmfoto_2020-09-14_um_09.35.51.png

Nella finestra di dialogo che si apre, verrà visualizzato il frammento di codice HTML da inserire nella pagina in cui si desidera visualizzare il modulo. Fare clic sul pulsante "Copia" per copiare il codice.

Bildschirmfoto_2020-09-14_um_09.36.11.png

Ora è necessario tornare all'amministrazione del negozio e aprire Online Store -> Themes -> Customize.

Bildschirmfoto_2020-09-11_um_12.22.10.png

Quando l'editor del tema è aperto, fare clic sulla voce di menu Azioni tema -> Modifica codice.

Bildschirmfoto_2020-09-14_um_09.41.22.png

Nel passaggio successivo dovrete scegliere il tipo di pagina del tema (blog, prodotto, collezione ecc.) dal selezionatore di file a destra e incollare lo snippet del modulo CleverReach nel punto desiderato.

mceclip14.png

Il modulo apparirà su tutte le pagine del tipo di pagina selezionato (ad esempio, prodotto, blog, collezione):

Bildschirmfoto_2020-09-14_um_10.39.05.png

Ora il modulo è presente nella vostra pagina e i nuovi destinatari possono iscriversi in modo facile e veloce alla vostra newsletter.

Copia di un modulo esistente in CleverReach

Se avete un modulo esistente che desiderate utilizzare nella vostra integrazione con Shopify, avete la possibilità di copiare tale modulo nel vostro account CleverReach a pagamento. Tutte le impostazioni e gli stili saranno copiati nel nuovo modulo e potrete creare tutti i moduli che desiderate e di cui avete bisogno.

Nel primo passo è necessario fare clic sul menu a discesa accanto al modulo desiderato.

Unbenannt_1.png

Al secondo punto è necessario fare clic sulla voce di menu Copia.

Unbenannt_2.png

3° passo: Ora dovrete inserire il nome del nuovontrare il nome del nuovo modulo e selezionare l'elenco dei destinatari utilizzato dal nostro plugin Shopify (Shopify - <nome negozio>).

Unbenannt_3.png

Bildschirmfoto_2020-08-05_um_17.03.03.png

Il nuovo modulo creato è pronto per essere utilizzato nel vostro negozio:

Bildschirmfoto_2020-08-05_um_17.03.44.png

Finito - potete inserire il vostro modulo copiato in tutte le pagine di Shopify che desiderate.

A proposito, potete inviare la prossima newsletter ai vostri clienti in modo semplice e veloce da Shopify. A tal fine, vi preghiamo di cliccare sulla scheda "Altre azioni" alla voce "Clienti". È disponibile un pulsante per inviare la prossima newsletter in modo rapido e semplice ai vostri destinatari:

Bildschirmfoto_2020-04-09_um_15.13.01.png

Per qualsiasi domanda, non esitate a contattare il nostro team di assistenza in qualsiasi momento. 

Divertitevi con il nostro plugin e iniziate subito con il vostro marketing via e-mail su Shopify! :-)