Progetta il tuo modulo pop-up

Dopo aver selezionato un template e creato il modulo popup Mailchimp, progetta e personalizza il form in base al tuo brand. Carica un logo, modifica caratteri e colori, aggiungi passaggi di follow-up e altri elementi accattivanti per coinvolgere il tuo pubblico.

In questo articolo scoprirai come progettare il tuo modulo popup.

Prima di iniziare

Ecco alcune cose da sapere prima di iniziare.

• I moduli popup Mailchimp richiedono un template. Per saperne di più, consulta Crea un modulo pop-up.
• Il design del modulo pop-up deve essere conforme ai requisiti GDPR. Per saperne di più, consulta Raccogli il consenso con i moduli pop-up.

Progetta il tuo modulo

Dopo aver creato un modulo pop-up e aver scelto un modello, progettalo nell’editor di moduli pop-up per adattarlo al tuo brand e massimizzare il coinvolgimento del sito web. Il modulo contiene diversi elementi o componenti come testo, immagini, pulsanti e campi di immissione che possono essere modificati separatamente.

I moduli pop-up già creati sono elencati nella pagina Panoramica. Per aggiornare, fai clic sul modulo con cui desideri lavorare, quindi fai clic su Modifica contenuto nella sezione Come si presenta?.

Aggiungi un logo

Per aggiungere il logo al modulo popup, segui queste indicazioni.

1. Nel riquadro Passaggi, fai clic su Offerta.
2. Fai clic su Logo.
3. Nella sezione Immagine, fai clic su Sostituisci immagine.
   
4. Scegli il file che vuoi caricare. Sono supportati i file SVG, PNG, WebP o AVIF.
5. Modifica lo stile del logo, regola posizione, larghezza, altezza e margine. Puoi aggiungere angoli arrotondati e altri elementi per soddisfare le tue esigenze di design.

Aggiorna caratteri

Aggiorna i caratteri del modulo pop-up utilizzando lo strumento di modifica di massa o singolarmente.

Modifica di massa

Per aggiornare i caratteri con una modifica in blocco, segui queste indicazioni.

1. Nella sezione Tipografia, scegli il carattere che desideri aggiornare.
2. Nel popup Modifica in blocco tutte le istanze di questo carattere, scegli un carattere dal menu a tendina Carattere.
3. Per visualizzare l’anteprima delle modifiche, fai clic su Anteprima, quindi fai clic su Anteprima localmente.
4. Quando sei pronto a salvare le modifiche, fai clic su Salva e rivedi.
   
5. Scegli il peso di un carattere dal menu a tendina Peso, quindi fai clic su Aggiorna tutti gli usi di questo carattere.

Modifica individuale

Per aggiornare i caratteri singolarmente, segui queste indicazioni.

1. Nel layout del modulo popup, fai clic sul blocco di testo che desideri aggiornare.
2. Nella sezione Tipografia, fai clic sul menu a tendina e scegli il carattere.
3. Modifica colore, bordo, spaziatura, opacità, rotazione, animazione e altro ancora.
4. Per visualizzare l’anteprima delle modifiche, fai clic su Anteprima, quindi fai clic su Anteprima localmente.
5. Quando sei pronto a salvare le modifiche, fai clic su Salva e rivedi.
   

Modifica i colori

Modifica i colori del modulo popup per testo, sfondi, pulsanti e bordi.

Per modificare i colori, segui queste indicazioni.

1. Nella sezione Colori, fai clic sul colore che desideri aggiornare. Se sei nel layout del modulo pop-up, fai clic su Torna a tutti i passaggi.
2. Usa il selettore colore per scegliere una preimpostazione o inserire un codice HEX personalizzato.
3. Per visualizzare l’anteprima delle modifiche, fai clic su Anteprima, quindi fai clic su Anteprima localmente.
4. Quando sei pronto a salvare le modifiche, fai clic su Salva e rivedi.
   

Ripeti questo processo per tutti i colori che desideri modificare.

Aggiungi immagini

Le immagini sono un modo efficace per rendere i moduli popup Mailchimp più accattivanti dal punto di vista visivo. Sostituisci o aggiungi nuove immagini in base al tuo stile e al tuo marchio. Per risultati ottimali, consigliamo una dimensione dell’immagine di 300KB.

Per aggiungere o aggiornare immagini, segui queste indicazioni.

Immagine

1. Nel riquadro Passaggi, fai clic su Offerta.
2. Fai clic su Aggiungi un elemento.
3. Trascina l’ elemento Immagine nel layout.
4. Nella sezione Immagine, fai clic su Carica.
   
5. Personalizza l’immagine in base al marchio del tuo sito web.
6. Se non desideri più l’immagine, fai clic su Elimina sulla tastiera.

Sfondo immagine

1. Nel layout, fai clic sullo sfondo dell’immagine con cui desideri lavorare.
2. Nella sezione Sfondo immagine, fai clic su Sostituisci immagine. Puoi anche rimuovere solo Sfondo + Ritaglio automatico o Rimuovi sfondo.
   
3. Regola le dimensioni, imposta un pattern di ripetizione o scegli l’allineamento secondo necessità.
4. Se non desideri più l’immagine, fai clic su Elimina sulla tastiera.

Aggiorna testo

Si consiglia di aggiornare il testo utilizzando la visualizzazione mobile. Il testo si aggiornerà automaticamente sul desktop.

Per aggiornare il testo del modulo pop-up, segui queste indicazioni.

1. Nel layout del modulo pop-up, fai doppio clic sul testo che desideri aggiornare.
2. Inserisci il nuovo testo nel blocco di testo.
3. Assicurati di aggiornare il testo in tutte le fasi del layout del modulo popup.

Pulsanti di aggiornamento

Puoi aggiornare l’aspetto e le azioni dei pulsanti nel tuo layout.

Per aggiornare i pulsanti, segui queste indicazioni.

1. Nel layout, fai clic sul pulsante con cui desideri lavorare.
2. Nel riquadro Proprietà, fai clic su Aspetto per aggiornare l’aspetto del pulsante.
   
3. Fai clic su Azioni pulsante per visualizzare o aggiungere azioni. Ad esempio, potresti avere delle azioni sui pulsanti per raccogliere dati via email e SMS dai visitatori del sito web.
   
4. Nella sezione Vai alla fase, fai clic sul menu a tendina Fase per visualizzare altre azioni dei pulsanti o fai clic su Aggiungi azione per aggiungere azioni in base alle tue esigenze.
   

Aggiorna stili

Gli stili vengono applicati ai template di moduli popup Mailchimp per aiutarti a progettare il tuo modulo. Aggiungi o rimuovi gli stili nel tuo layout in base al tuo brand personale.

Modifica stili

Per modificare gli stili, segui queste indicazioni.

1. Nel riquadro Livelli, fai clic sull’elemento con lo stile che desideri modificare. L’icona a goccia indica che è stato applicato uno stile.
2. Nel riquadro Proprietà, fai clic sul menu a tendina STILE per visualizzare tutti gli elementi con tale stile.
3. Scegli la proprietà (font, colore, dimensione, opacità, ecc.) che desideri aggiornare. Tutti gli elementi del layout con questo stile verranno aggiornati.

Crea stili

Per creare un nuovo stile, segui queste indicazioni.

1. Seleziona l’elemento senza uno stile collegato.
2. Nel riquadro Proprietà, fai clic sull’ icona Nuovo stile.
   
3. Assegna un nome al tuo stile, quindi fai clic su Crea stile elemento.
4. Nel menu a tendina STILE, fai clic su Scollega stile per rimuovere uno stile.

Aggiorna codice sconto

Se il template del modulo pop-up ha un codice sconto, aggiorna il testo del codice sconto segnaposto con il tuo codice.

Per aggiornare il codice sconto, segui queste indicazioni.

1. Nel layout del modulo pop-up, fai doppio clic sul codice sconto segnaposto.
2. Inserisci il codice sconto.
3. Dovrai anche sostituire questo testo sulla barra dei promemoria prima di poter pubblicare.

Aggiorna link legali SMS

Se scegli un modello di modulo pop-up che includa SMS, aggiungi link ai termini e condizioni di marketing SMS e all’informativa sulla privacy.

Per aggiornare i tuoi link legali SMS, segui queste indicazioni.

1. Nel layout della fase Termina iscrizione, fai clic sui link Termini e privacy.
2. Fai clic su Azioni del pulsante(1).
3. Inserisci l’URL (o gli URL) per i tuoi link legali SMS.

Mini-quiz

I mini-quizze sono un modo interattivo per coinvolgere i visitatori del sito web e raccogliere dati preziosi. Progetta un mini quiz con caselle di controllo, menu a tendina o pulsanti di opzione. Per domande con 1 risposta, usa i pulsanti di opzione o i menu a tendina. Per domande con più di 1 risposta, usa le caselle di controllo.

Ecco i tipi di mini quiz che puoi creare.

Pulsanti di opzione

I pulsanti di opzione o un set radio offrono un design a scelta multipla visibile per il tuo mini quiz. I visitatori del tuo sito web scelgono una sola risposta tra le opzioni che crei.

Per impostare i pulsanti di opzione, segui queste indicazioni.

1. Nel riquadro Passaggi, fai clic su Offerta.
2. Fai clic su Aggiungi un elemento.
3. Trascina e rilascia l’ elemento Radio Set nel layout.
4. Inserisci il testo nei campi di testo. Assicurati che ogni pulsante di opzione abbia un valore univoco assegnato.
5. Aggiungi un pulsante di invio.

Menu a tendina

I menu a tendina offrono un design nascosto a scelta multipla per il tuo mini quiz. I visitatori del tuo sito web scelgono una sola risposta tra le opzioni che crei.

Per impostare un menu a tendina, segui queste indicazioni.

1. Nel riquadro Passaggi, fai clic su Offerta.
2. Fai clic su Aggiungi un elemento.
3. Trascina e rilascia l’ elemento Menu a tendina nel layout.
4. Inserisci le opzioni del menu a tendina nei campi. Assicurati che ogni opzione nel menu a tendina abbia un valore univoco assegnato.

Caselle di spunta

Le caselle di controllo offrono una risposta multipla e un’opzione di risposta individuale per il tuo mini quiz. I visitatori del tuo sito web scelgono tutte le risposte che desiderano tra le opzioni che crei, oppure possono selezionare una casella di controllo obbligatoria. Utilizza le caselle di controllo per raccogliere autorizzazioni o preferenze di marketing e il consenso legale.

Per impostare una casella di controllo, segui queste indicazioni.

Set di caselle di controllo

1. Nel riquadro Passaggi, fai clic su Offerta.
2. Fai clic su Aggiungi un elemento.
3. Trascina e rilascia l’ elemento Checkbox Set nel layout.
4. Inserisci il testo da visualizzare accanto a ciascuna casella di controllo. Assicurati che a ogni opzione del set di caselle di controllo sia assegnato un valore univoco.
5. Aggiungi un pulsante Invia.

Casella di controllo individuale

1. Nel riquadro Passaggi, fai clic su Offerta.
2. Fai clic su Aggiungi un elemento.
3. Trascina e rilascia l’ elemento Casella di controllo individuale nel layout.
4. Inserisci il testo della casella di controllo nel campo.
5. Scegli un campo pubblico per memorizzare i dati delle caselle di controllo nel tuo pubblico.
6. Scegli le impostazioni obbligatorie e predefinite.

Aggiungi fasi di follow-up

Aggiungi i passaggi di follow-up al modulo popup per aiutare i visitatori a interagire nuovamente con il modulo. Ricorda loro un’offerta di sconto o usa i pulsanti per spostarli nel modulo pop-up.

Ecco alcuni passaggi di follow-up che puoi aggiungere al modulo popup.

Elementi di seconda possibilità

Gli elementi di seconda possibilità, noti anche come teaser, aiutano a coinvolgere nuovamente i visitatori che hanno precedentemente ignorato il modulo popup. Queste bolle teaser compaiono solitamente nell’angolo dello schermo e seguono i visitatori per tutto il tempo sul tuo sito web.

Per aggiungere un elemento di seconda possibilità, segui queste indicazioni.

1. Nel pannello Passaggi, fai clic su Follow-up.
2. Fai clic sul contenitore 2a possibilità.
3. Scegli le impostazioni di stile per la fase di follow-up, il testo e i pulsanti.
4. Per rimuovere un elemento di seconda possibilità, rimpicciolisci e fai clic su Termina campagna.

Barra di promemoria

La barra Promemoria funge da prompt per incoraggiare i contatti iscritti a utilizzare il loro codice sconto dopo la chiusura del modulo popup e dopo che hanno accettato di partecipare al tuo marketing. Questa barra non è interattiva e appare come notifica permanente mentre i visitatori navigano nel tuo sito web.

Rivedi le impostazioni

Dopo aver progettato il modulo popup, rivedi le impostazioni e l’anteprima. Fai clic su Salva e rivedi per rivedere la lista di controllo del modulo pop-up. Fai clic su Anteprima per testare il modulo popup.

Quando sei pronto, fai clic su Pubblica o pianifica la pubblicazione del modulo popup sul tuo sito web. Per saperne di più, consulta Crea un modulo pop-up.

Fasi successive

Dopo aver pubblicato il modulo popup, gestisci i contenuti e le metriche per raggiungere i tuoi obiettivi di marketing. Per scoprire come gestire i moduli, consulta Gestisci il modulo pop-up.