Creare un modulo di iscrizione email

Un modulo di iscrizione email è una pagina web (o parte di una pagina web) che le persone possono usare per iscriversi alla tua mailing list. Direct Mail semplifica la creazione di tre diversi tipi di moduli di iscrizione:

• Landing Page: È una pagina web autonoma con un proprio URL. Puoi personalizzare la pagina e condividere l’URL per raccogliere nuovi iscritti.
• Modulo incorporato: È un modulo che incorpori nelle tue pagine web esistenti. È progettato per integrarsi perfettamente con il tuo design attuale. Direct Mail ti fornisce il codice HTML che dovrai incollare nella tua pagina web.
• Modulo pop-up: È un modulo che appare sopra le tue pagine web esistenti. Puoi controllare quando e come il modulo pop-up appare sulla tua pagina web. Direct Mail ti fornisce il codice HTML che dovrai incollare nella tua pagina web per far apparire il modulo pop-up.

Come funzionano i moduli

Il tuo modulo è sempre pronto a raccogliere nuovi iscritti, anche se il tuo Mac è spento o Direct Mail non è in esecuzione. I nuovi iscritti vengono salvati sui nostri server e sincronizzati automaticamente con il tuo progetto.

Un modulo è collegato a un gruppo nella tua mailing list. Quando crei un nuovo modulo, un nuovo gruppo viene aggiunto automaticamente alla tua mailing list e il modulo viene collegato al gruppo. Questo ti aiuta a tenere traccia di quali contatti nella tua lista sono stati aggiunti tramite il modulo.

I nostri moduli di iscrizione email sono protetti contro spam e iscrizioni da bot senza l’uso di fastidiosi captcha. Per impostazione predefinita, i nostri moduli sono a consenso singolo. Questo significa che la persona che invia il modulo viene aggiunta subito alla tua lista senza dover fare clic su un’email di conferma. Se lo desideri, puoi modificare il tuo modulo per usare il doppio consenso. Vedi sotto per i dettagli.

Creare un modulo

Per creare un modulo:

Vengono creati un nuovo modulo e un nuovo gruppo e aggiunti alla tua mailing list, quindi appare la finestra dell’editor del modulo.

Duplicare un modulo esistente

Puoi duplicare un modulo esistente:

Il tuo modulo viene duplicato e collegato a un nuovo gruppo nella tua mailing list. Apparirà quindi la finestra dell’editor del modulo.

Finestra dell’editor del modulo

Usa la finestra dell’editor del modulo per personalizzare il tuo modulo. La finestra dell’editor del modulo è organizzata come segue:

• Barra di stato: Situata nella parte superiore della finestra. La barra di stato mostra l’URL del tuo modulo (per le landing page) oppure istruzioni su come installare il modulo nella tua pagina web (per i moduli incorporati e pop-up).
• Barra delle schede: Situata sotto la barra di stato. Usa la barra delle schede per navigare tra le diverse "pagine" del tuo modulo:
  • La pagina intitolata Modulo è ciò che l’utente vede quando compila il tuo modulo
  • Inviato è ciò che l’utente vede dopo aver inviato il tuo modulo
  • Confermato è ciò che l’utente vede dopo aver fatto clic sull’email di conferma (solo per i moduli a doppio consenso)
• Barra degli strumenti del contenuto: Situata sotto la barra delle schede. Usa i pulsanti nella barra degli strumenti del contenuto per aggiungere campi, testo, immagini e altro al tuo modulo.
• Inspector: Situato sul lato destro della finestra. Usa l’inspector per modificare lo stile e il comportamento del tuo modulo. Quando selezioni diversi elementi del tuo modulo, l’inspector si aggiorna per mostrarti le opzioni pertinenti alla selezione.

Se apporti modifiche al tuo modulo, nella barra degli strumenti apparirà un pulsante intitolato Salva e pubblica. Le tue modifiche non vengono pubblicate su internet finché non fai clic su quel pulsante. Se vuoi annullare le modifiche apportate, puoi scegliere Modifica > Annulla dalla barra dei menu oppure semplicemente chiudere la finestra dell’editor del modulo e fare clic su Scarta modifiche.

Personalizzare e pubblicare un modulo Landing Page

Il tuo modulo landing page viene pubblicato non appena viene creato. Usa il pulsante Condividi nella barra di stato per copiare o condividere l’URL del modulo.

Usa la barra degli strumenti del contenuto e l’inspector per personalizzare il tuo modulo. La maggior parte delle impostazioni è comune a tutti i tipi di moduli, ma le seguenti sono specifiche delle landing page:

• Pagina > Titolo: Questo è il titolo della landing page così come apparirà nella scheda del browser.
• Pagina > URL personalizzato: Per impostazione predefinita, la tua landing page viene creata con un URL che inizia con joinlist.com seguito da un identificatore univoco. Usa l’opzione URL personalizzato per creare un URL personalizzato. Ad esempio: joinlist.com/runclub o joinlist.com/hotrods.
• Pagina > Colore e immagine di sfondo: Puoi assegnare alla tua landing page un colore di sfondo e un’immagine personalizzati
• Avanzate > Impedisci l’indicizzazione nei motori di ricerca: Se abilitato, la pagina viene aggiornata per indicare ai motori di ricerca (come Google e Bing) che la pagina non deve essere inclusa nel loro indice di ricerca.

Personalizzare e pubblicare un modulo incorporato

Il tuo modulo incorporato può essere personalizzato non appena viene creato, ma non inizia a raccogliere nuovi iscritti finché non lo aggiungi al tuo sito web. Per aggiungere il tuo modulo al tuo sito web:

Usa la barra degli strumenti del contenuto e l’inspector per personalizzare il tuo modulo.

Personalizzare e pubblicare un modulo pop-up

Il tuo modulo pop-up può essere personalizzato non appena viene creato, ma non inizia a raccogliere nuovi iscritti finché non lo aggiungi al tuo sito web. Per aggiungere il tuo modulo al tuo sito web:

La volta successiva che carichi la pagina, il modulo pop-up apparirà (in base alla temporizzazione che hai configurato).

I moduli pop-up sono progettati per non infastidire i visitatori del tuo sito web. Se un visitatore chiude il pop-up, questo non verrà mostrato di nuovo per 365 giorni. Questo può rendere difficile testare il modulo o verificare le modifiche. L’editor del modulo include due funzioni per rendere questo processo più semplice:

Usa la barra degli strumenti del contenuto e l’inspector per personalizzare il tuo modulo. La maggior parte delle impostazioni è comune a tutti i tipi di moduli, ma le seguenti sono specifiche dei moduli pop-up:

Richiamo

Sugli schermi piccoli, la comparsa improvvisa di un modulo pop-up può risultare fastidiosa. Per evitare questa cattiva esperienza utente, puoi usare un richiamo. Questa è l’impostazione predefinita quando un visitatore visualizza la tua pagina su un dispositivo mobile.

Un richiamo è un banner discreto nella parte inferiore (o superiore) della pagina che invita il visitatore a iscriversi. Quando fa clic o tocca il banner, appare il modulo pop-up completo.

Puoi abilitare il richiamo nella sezione Presentazione > Mostra richiamo dell’inspector. Puoi modificare il richiamo facendo clic su Richiamo nella barra delle schede.

Temporizzazione

Puoi controllare quando appare il tuo pop-up. Usa il menu Presentazione > Mostra pop-up per scegliere tra le seguenti opzioni:

• Immediatamente: Il pop-up appare non appena la pagina viene caricata
• Dopo un ritardo: Il pop-up appare un certo numero di secondi dopo il caricamento della pagina. Puoi configurare il ritardo.
• Dopo lo scorrimento: Il pop-up appare non appena il visitatore ha fatto scorrere una certa percentuale della pagina. Puoi configurare la percentuale.
• All’uscita: Il pop-up appare se il visitatore sta per uscire dalla pagina tornando indietro nel browser
• Manualmente: Il pop-up non appare automaticamente. Dovrai mostrarlo manualmente. Questo può essere fatto in uno dei due modi seguenti:
  • Vai a #dm-open-popup nella pagina. Ad esempio, crea un elemento anchor come segue: <a href="#dm-open-popup">Mostra pop-up</a>
  • Usa JavaScript per aprire il pop-up chiamando DirectMail.openPopUp()

Sfondo

Puoi controllare lo sfondo che appare sotto il modulo pop-up e sopra il contenuto della tua pagina web. Espandi la sezione Sfondo per mostrare le impostazioni di colore, opacità e sfocatura.

Layout

Il tuo modulo pop-up può facoltativamente mostrare un’immagine "hero" lungo il lato superiore, sinistro o destro. Espandi la sezione Layout per controllare il layout dell’immagine hero e del pulsante di chiusura.

Se usi un’immagine hero, fai clic sul segnaposto dell’immagine hero per scegliere l’immagine.

Fai clic sul pulsante di chiusura per modificarne l’aspetto.

Modificare il tuo modulo in seguito

Puoi modificare il tuo modulo in qualsiasi momento:

Il tuo modulo viene aggiornato automaticamente. Non è necessario aggiornare alcun codice sul tuo sito web (per i moduli incorporati e pop-up).

Aggiungere campi al tuo modulo

Usa la barra degli strumenti del contenuto per aggiungere al tuo modulo i seguenti tipi di campi e blocchi:

Campo di testo

Usa l’inspector per impostare le seguenti proprietà:

• Etichetta: Consigliata. Fai clic su BIU per aggiungere formattazione.
• Testo di aiuto: Facoltativo. Appare sotto l’etichetta. Fai clic su BIU per aggiungere formattazione.
• Dimensione: Riga singola o righe multiple
• Segnaposto: Facoltativo. Fornisce un suggerimento al visitatore su ciò che dovrebbe apparire nel campo, ma non viene incluso quando il modulo viene inviato.
• Valore predefinito: Il valore iniziale del campo. Verrà incluso quando il modulo viene inviato a meno che il visitatore non lo modifichi.
• Importa come: Come vuoi che questo campo venga importato quando il contatto viene creato in Direct Mail
• Obbligatorio: Se selezionato, il modulo non può essere inviato se il campo è vuoto

Campo data

Usa l’inspector per impostare le seguenti proprietà:

• Etichetta: Consigliata. Fai clic su BIU per aggiungere formattazione.
• Testo di aiuto: Facoltativo. Appare sotto l’etichetta. Fai clic su BIU per aggiungere formattazione.
• Valore minimo: Facoltativo. Usato per imporre la prima data consentita.
• Valore massimo: Facoltativo. Usato per imporre l’ultima data consentita.
• Valore predefinito: Facoltativo
• Importa come: Come vuoi che questo campo venga importato quando il contatto viene creato in Direct Mail
• Obbligatorio: Se selezionato, il modulo non può essere inviato se la data non è impostata

Campi a scelta multipla (menu a comparsa, pulsante di opzione, casella di controllo)

Usa un menu a comparsa quando può essere selezionata una sola scelta e l’elenco delle scelte possibili è lungo. Usa un pulsante di opzione quando può essere selezionata una sola scelta, ma l’elenco delle scelte possibili è breve. Usa una casella di controllo quando possono essere selezionate più scelte o come interruttore per una singola scelta.

Usa l’inspector per impostare le seguenti proprietà:

• Etichetta: Consigliata. Fai clic su BIU per aggiungere formattazione.
• Testo di aiuto: Facoltativo. Appare sotto l’etichetta. Fai clic su BIU per aggiungere formattazione.
• Stile: Il tipo di controllo a scelta multipla da usare
• Scelte: Inserisci le scelte tra cui il visitatore può selezionare.
  • La colonna Nome è il testo che appare al visitatore
  • La colonna Valore è il testo importato in Direct Mail
  • La colonna Casella di controllo indica quali scelte devono essere selezionate come predefinite
  • Fai clic su + per aggiungere una scelta. Fai clic e tieni premuto + per importare un elenco di scelte da un file o generare una serie di scelte numeriche.
  • Seleziona una scelta e fai clic su BIU per formattare il nome della scelta (si applica solo a caselle di controllo e pulsanti di opzione)
• Ordine casuale: Puoi fare in modo che le scelte appaiano in ordine casuale ogni volta che il modulo viene visualizzato
• Importa come: Come vuoi che questo campo venga importato quando il contatto viene creato in Direct Mail
• Obbligatorio: Se selezionato, il modulo non può essere inviato a meno che non sia stata fatta una scelta. Per le caselle di controllo, puoi impostare il numero minimo di scelte che devono essere selezionate.

Blocco di testo

Usa l’inspector per impostare il contenuto del blocco di testo. Fai clic su BIU per aggiungere formattazione o link.

Blocco immagine

Usa l’inspector per impostare l’immagine, la descrizione testuale, la dimensione e altre proprietà dell’immagine.

Pulsante

Usa l’inspector per impostare il titolo, il colore, il link e altre proprietà del pulsante.

Spaziatore

Usa l’inspector per impostare l’altezza dello spaziatore e, facoltativamente, aggiungere una linea/divisore.

Suggerimenti

Usa il pulsante Suggerimenti per aggiungere rapidamente al tuo modulo campi precompilati, tra cui:

• Casella di controllo per il consenso
• Casella di controllo per il consenso con linguaggio specifico GDPR
• Frequenza email (con quale frequenza vuoi ricevere nostre notizie?)
• Paesi, stati, province e regioni
• Mesi, giorni del mese, giorni della settimana, ore del giorno
• Formula di saluto
• Genere

Convertire al doppio consenso

Per impostazione predefinita, i moduli di iscrizione sono a consenso singolo. Questo significa che l’iscritto viene aggiunto immediatamente alla tua lista senza dover fare clic su un’email di conferma. Puoi convertire il tuo modulo al doppio consenso. Questo significa che l’iscritto non viene aggiunto alla tua lista finché non fa clic su un’email di conferma.

Non ti è consentito modificare il contenuto dell’email di conferma. L’email di conferma viene inviata usando la lingua che hai scelto per il tuo modulo (vedi Modulo > Avanzate > Lingua)

Abilitare le notifiche per i nuovi iscritti

Puoi ricevere una notifica via email ogni volta che un nuovo iscritto si unisce alla tua lista. Per abilitare le notifiche:

Inviare un’email di benvenuto ai nuovi iscritti

Usa la nostra funzione di autoresponder per inviare automaticamente email di benvenuto ai nuovi iscritti quando si uniscono:

Viene creato un nuovo autoresponder, ma non viene avviato finché non sei pronto. Fai clic su Vai all’autoresponder per configurarne le impostazioni.

Modificare le impostazioni avanzate

Le impostazioni avanzate si trovano facendo clic su Pagina nella barra delle schede, quindi espandendo la sezione Avanzate nell’inspector.

• Lingua: Questa è la lingua usata per i messaggi di errore e (se abilitato) per le email di conferma
• Campi nascosti: Questi sono campi del modulo nascosti all’utente, ma che vengono comunque sincronizzati con Direct Mail quando il modulo viene inviato
• CSS personalizzato: Puoi usare CSS personalizzato per definire lo stile del tuo modulo