I moduli incorporati appaiono costantemente su determinate pagine del tuo sito web, rendendo facile e fluido il processo di raccolta dei contatti iscritti. Incorporando un modulo in qualsiasi pagina del tuo sito web, puoi ampliare la tua portata, costruire la tua lista di contatti e aggiungere nuovi iscritti direttamente alla tua Audience di Omnisend.
In questo articolo, imparerai come aggiungere un modulo incorporato al tuo sito e come utilizzarlo per potenziare la tua strategia di email marketing.
Prima di iniziare
Un modulo incorporato è un modo per visualizzare il tuo modulo di iscrizione come parte del tuo sito web.
Devi copiare e aggiungere un breve codice HTML al codice del tema del tuo sito web.
Se hai già un modulo nel piè di pagina del tuo sito web, non è necessario creare un altro modulo incorporato in Omnisend. I contatti che arrivano attraverso il modulo del tuo tema si sincronizzeranno automaticamente con il tuo Audience.
Per far funzionare il modulo incorporato, devi completare l'integrazione front-end prima (viene eseguita automaticamente per Shopify, BigCommerce e WooCommerce una volta installata l'app Omnisend).
Wix non supporta i moduli incorporati. Se utilizzi Wix, puoi creare un Pop-up o Modulo a comparsa invece.
Per gli utenti di Shopify: L'Omnisend App Embed deve essere abilitato nel tuo tema affinché i moduli incorporati funzionino. Scopri di più su Shopify App Embed
Processo di configurazione
Passo 1. Naviga a Moduli e fai clic su Crea modulo.
Passo 2. Nella Libreria Moduli, seleziona Moduli incorporati → Seleziona uno dei modelli di modulo CliccaUsa il template email.
Passo 3. Sarai reindirizzato al Costruttore di moduli, dove puoi modificare il tuo modulo e aggiungere eventuali elementi aggiuntivi che desideri.
Puoi facilmente personalizzare il tuo modulo incorporato utilizzando un semplice editor drag-and-drop.
Oltre a raccogliere indirizzi email, puoi utilizzare campi di input e a discesa per raccogliere altre informazioni sui clienti, come la data di nascita, il numero di telefono o proprietà personalizzate.
Puoi anche migliorare il tuo modulo con testo, immagini, più pulsanti o persino una Ruota della Fortuna per rendere l'esperienza più coinvolgente e incentivare le iscrizioni.
Passo 4. Rivedi e regola il tuo Impostazioni del modulo.
Nel menu a destra, troverai le schede Comportamento e Impostazioni tema.
Impostazioni del comportamento
Gestione dell'Audience: Assegna un tag ai contatti che inviano il modulo per una segmentazione più semplice. Puoi aggiungere un tag esistente al modulo o crearne uno nuovo direttamente nel costruttore di moduli. Leggi di più sui tag di contatto qui
Puoi anche abilitare double opt-in o reCAPTCHA per garantire che il tuo modulo raccolga solo iscritti validi. 💡 Scopri di più su double opt-in e reCAPTCHA.
Reindirizza dopo l'invio: Scegli l'URL su cui atterrano gli iscritti dopo aver inviato il modulo.
Targeting: Configura dove e a chi appare il tuo modulo incorporato. Puoi utilizzare il targeting dei visitatori, il targeting delle pagine, il targeting della posizione, il targeting della fonte e il targeting UTM.
Impostazioni del Tema
Layout del modulo: Scegli il tipo di modulo (pop-up, flyout, incorporato o landing page) e regola la larghezza (fino a 1000px).
Stili del modulo: Personalizza il raggio degli angoli, la larghezza del bordo, lo stile e il colore.
1Se desideri utilizzare colori personalizzati, fai clic sul segno + sotto I miei colori e scegli i colori di cui hai bisogno da una tavolozza.
Bottoni: Stilizza i bottoni del modulo per abbinarli al tuo marchio.
Campi: Personalizza i campi di input, inclusi font, dimensione, colori e altro.
Infine, puoi impostare Messaggi che verranno mostrati dopo la registrazione riuscita e ai clienti che sono già nella tua Audience.
Ecco fatto! Il tuo modulo è pronto per essere incorporato.
Nota: I moduli incorporati funzionano su tutte le piattaforme, ma se stai utilizzando una piattaforma personalizzata, dovrai completare prima l'integrazione front-end.
Codice di incorporamento
Una volta che hai personalizzato il tuo modulo, devi abilitarlo per generare il codice di incorporamento.
Fai clic su Abilita nel menu in alto. Vedrai le Opzioni per scegliere come incorporare il tuo modulo:
Shopify Se la tua piattaforma ecommerce è Shopify, vedrai passaggi dedicati e reindirizzamenti automatici per aiutarti a incorporare il modulo.
Manuale Se utilizzi una piattaforma ecommerce diversa (ad es. WooCommerce, BigCommerce, ecc.), riceverai un codice di incorporamento che deve essere aggiunto al pannello di amministrazione del tuo negozio.
Puoi anche trovare il codice di incorporamento in seguito facendo clic su Impostazioni comportamento Mostra istruzioni di configurazione Scegli come incorporare il tuo modulo Seleziona Shopify o Manuale.
Nota: L'inserimento di moduli non è una soluzione universale, poiché spesso richiede aggiustamenti in base al tema del tuo negozio. Per indicazioni dettagliate specifiche per la piattaforma, fai riferimento alla documentazione qui sotto per la tua piattaforma di ecommerce: Shopify,BigCommerce, oWordPress/WooCommerce.
Incorporamento del modulo in Shopify
Passo 1. In Omnisend, fai clic su Abilita → Seleziona Shopify come metodo di incorporamento → Copia il ID del modulo → Fai clic su Apri le impostazioni di Shopify.
Verrai reindirizzato al tuo admin di Shopify.
Nota: Se l' app del modulo incorporato di Omnisend non è abilitata, verrai prima reindirizzato a Incorpora app per abilitarla. Una volta abilitata, torna all'editor del tema per continuare. Scopri di più sugli incorporamenti delle app Shopify
Passo 2. In Shopify, trova il Sezione del modulo incorporato di Omnisend (di solito in fondo al layout del tema) → Fai clic sulla sezione → Incolla il ID del modulo.
Passo 3. Trascina e sposta la Sezione modulo Omnisend incorporato nella posizione preferita all'interno del layout del tema.
1 Consiglio: Sperimenta con diverse posizioni per posizionare il tuo modulo in un'area visibile e coinvolgente per i visitatori del tuo sito web.
Passo 4. Clicca Salva nell'angolo in alto a destra dell'editor del tema Shopify.
Il tuo modulo sarà ora visibile nella tua vetrina.
Incorporamento manuale in Shopify:
Se necessario, puoi sempre incorporare il modulo manualmente utilizzando il codice di incorporamento.
Nell'admin di Shopify, vai a Negozio online Temi Modifica tema.
Fai clic su Aggiungi sezione Seleziona Liquido personalizzato.
Incolla il tuo codice incorporato Salva le tue modifiche.
Incorporamento del modulo in BigCommerce
I seguenti passaggi funzionano con tutti i temi costruiti secondo gli standard di BigCommerce. Se il tuo tema è stato importato ma non costruito in BigCommerce, devi controllare con il tuo sviluppatore di temi per sapere come incorporare il codice.
Passo 1. In Omnisend, fai clic su Abilita → Seleziona Manuale → Copia il Codice di incorporamento del modulo.
Passo 2. Naviga al tuo Amministratore Bigcommerce → clicca Negozio → Temi → Personalizza.
Passo 3. Trascina e rilascia il Blocco HTML dove desideri che si trovi il modulo incorporato.
Passo 4. Incolla il codice di integrazione → Clicca Salva HTML.
Passo 5. Pubblica le modifiche. Il tuo modulo è ora attivo.
Nota: Il modulo apparirà solo quando le modifiche sono pubblicate.
Incorporamento del modulo in WordPress/WooCommerce
Passo 1. In Omnisend, clicca Abilita → Seleziona Manuale → Copia il Codice di incorporamento del modulo.
Passo 2. Vai al tuo sito WordPress e accedi al tuo Pannello di controllo di WordPress. Qui puoi gestire tutti gli aspetti del tuo negozio, inclusa l'aggiunta di nuovi elementi del modulo.
Passo 3. A seconda di dove vuoi incorporare il modulo, naviga a 'Pagine' o 'Post' dal pannello di controllo e poi seleziona 'Aggiungi Nuovo' o scegli di 'Modifica' una pagina/post esistente.
Passo 4. Per aggiungere il blocco HTML personalizzato, fai clic sull'icona + Blocco Inseritore e cerca 'HTML.'
Passo 5. Una volta che hai aggiunto il blocco, puoi incollare il tuo codice nella casella fornita, modificarlo e visualizzarlo all'interno dell'editor.
In pochi clic, l'HTML si trasforma in un modulo incorporato nel tuo Negozio WordPress/WooCommerce.
Lavorare con gli iscritti
I clienti che utilizzano il tuo modulo incorporato verranno immediatamente aggiunti con uno stato di iscrizione alla tua Audience.
Tutti i contatti che utilizzano il modulo incorporato riceveranno anche un Tag assegnato. Puoi controllare i tag mentre imposti il modulo. Si prega di notare che le etichette sono predefinite e non possono essere modificate.
A seguito dell'iscrizione, i tuoi clienti riceveranno due Tag: un Tag predefinito assegnato al modulo incorporato e un Tag predefinito associato al modulo di registrazione. Fonte: modulo di registrazione.
Queste etichette possono essere utilizzate per la segmentazione se desideri inviare una campagna o automazione a un segmento specifico di clienti.
Nota: La tua automazione di benvenuto predefinita verrà attivata automaticamente per i clienti che utilizzano il modulo incorporato. Non è necessario impostare un'automazione di benvenuto separata per loro.
Domande frequenti
Posso utilizzare lo stesso modulo incorporato su più pagine?
Sì. Copia il codice di incorporamento da Impostazioni comportamento Aggiungi codice al tuo sito web e incollalo su quante più pagine desideri.
Se hai ulteriori domande o hai bisogno di aiuto, ti preghiamo di contattarci all'indirizzo [email protected] o nell'app.