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 moduli → Fai clic su Usa 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 del 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.
Impostazioni di targeting: Decidi se il modulo dovrebbe apparire su pagine dei prodotti esauriti.
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.
💡Se desideri utilizzare colori personalizzati, fai clic sul segno + sotto I miei colori e scegli i colori di cui hai bisogno da una tavolozza.
Pulsanti: Stila i pulsanti del modulo per adattarli al tuo marchio.
Campi: Personalizza i campi di input, inclusi font, dimensioni, colori e altro.
Infine, puoi impostare Messaggi che verranno mostrati dopo l'iscrizione riuscita e ai clienti che sono già nel tuo Audience.
Questo è tutto! Il tuo modulo è pronto per essere incorporato.
Nota: Le forme incorporate funzionano su tutte le piattaforme, ma se stai utilizzando una piattaforma personalizzata, dovrai prima completare 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 e-commerce è 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, o WordPress/WooCommerce.
Incorporare il 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ù su Shopify App Embeds
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 del modulo incorporato di Omnisend nella posizione preferita all'interno del layout del tema.
💡 Suggerimento: Sperimenta con diverse posizioni per posizionare il tuo modulo in un'area visibile e coinvolgente per i visitatori del tuo sito web.
Passo 4. Fai clic su Salva nell'angolo in alto a destra dell'editor del tema Shopify.
Il tuo modulo sarà ora visibile nel tuo negozio.
Incorporamento manuale in Shopify:
Se necessario, puoi sempre incorporare il modulo manualmente utilizzando il codice di incorporamento.
Nell'amministrazione di Shopify, vai a Negozio online → Temi → Modifica tema.
Fai clic su Aggiungi sezione → Seleziona Liquid personalizzato.
Incolla il tuo codice incorporato → Salva le tue modifiche.
Incorporare il 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 contattare 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.
Incorporare il 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 'Articoli' 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 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 al tuo 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 i tag sono predefiniti e non possono essere modificati.
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 iscrizione.
Quei tag possono essere utilizzati per la segmentazione se desideri inviare una campagna o flusso automatizzato a un segmento specifico di clienti.
Nota: Il tuo flusso automatizzato di benvenuto predefinito verrà attivato automaticamente per i clienti che utilizzano il modulo incorporato. Non è necessario impostare un flusso automatizzato di benvenuto separato per loro.
Domande frequenti
Posso utilizzare lo stesso modulo incorporato su più pagine?
Sì. Copia il codice di integrazione 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.