Inserimento di un invito all'azione (CTA) efficace nei design delle email (pulsante)

Crea pulsanti accattivanti per incoraggiare i lettori ad agire nelle tue campagne email. Usa il blocco di contenuti Button (Pulsante) nell'editor di email drag & drop, definito anche invito all'azione (CTA) per guidare i destinatari verso il passaggio successivo, che si tratti di visitare il tuo sito web, effettuare un acquisto o registrarsi a un evento. Un CTA ben posizionato e ben progettato può fare la differenza nelle prestazioni della tua campagna.

Prima di iniziare

💡 Consigli per un invito all'azione efficace

Il tuo CTA dovrebbe essere chiaro, conciso e visivamente accattivante. Tieni a mente queste best practice:

  • Sii breve (2-4 parole)
    I pulsanti lunghi sembrano ingombranti e riducono l'impatto.
  • Usa verbi d'azione ("Acquista", "Compra", "Prenota", "Prova") 
    Incoraggia i lettori ad agire immediatamente.
  • Scegli un colore a contrasto
    Fa risaltare il tuo pulsante rispetto al resto della tua email.
  • Posizione strategica
    Posiziona il tuo CTA principale vicino alla parte in alto e ripetilo alla fine se necessario.
  • Rendilo adatto a dispositivi mobili e compatibile con la modalità scura
    Assicurati che il pulsante sia abbastanza ampio da poter essere toccato facilmente sullo schermo di un dispositivo mobile e in modalità scura.

✅ Cose da fare

❌ Cose da non fare

DDE_button-dos_en-us.png
DDE_button-donts_en-us.png

🖱️ Inserimento di un pulsante nel design dell'email

Per inserire un pulsante nel design dell'email:

  1. Trascina un blocco di contenuto Button (Pulsante) nell'area di lavoro dell'email. 
  2. Clicca sul pulsante e sostituisci il testo Call to action (Invito all'azione) con il tuo testo. Le impostazioni del pulsante si aprono nel pannello di sinistra.
  3. (Opzionale) Clicca su magic-wand-icon.pngUse AI assistant (Usa l'assistente AI) nella barra degli strumenti testuali in alto per perfezionare il testo del pulsante
  4. Nella sezione Link settings (Impostazioni del link), scegli dal menu a discesa Type of link (Tipo di link) il tipo di link ce desideri aggiungere al pulsante:
    Link esterni
    • Absolute link (URL) (Link assoluto (URL completo))

      Questa è l'opzione di base per i link, selezionala per aggiungere un URL.
    • Email link (mail-to) (Link all'email (mailto))

      Aggiungi un link a un indirizzo email.
    • Click-to-call phone number (tel) (Clicca per chiamare un numero di telefono (tel))
      Aggiungi un link a un numero di telefono.
    Link standard
    • Unsubscribe link (global) Link di disiscrizione (globale))
      Il link di disiscrizione viene aggiunto automaticamente al piè di pagina delle tue campagne. Si tratta di un link che il destinatario può cliccare per aprire la tua pagina di disiscrizione Brevo per annullare la ricezione delle email. Inserire un link di disiscrizione nelle tue campagne è obbligatorio in quanto è indispensabile per i tuoi contatti e per il corretto funzionamento delle campagne. 
      ➡️ Per ulteriori informazioni, consulta il nostro articolo dedicato sui link di disiscrizione.
    • Double opt-in link (Link per il doppio opt-in) 
      Aggiungi un link per il doppio opt-in al tuo modello di email, se desideri che i destinatari confermino l'iscrizione alle tue email dopo aver compilato il modulo di iscrizione. 
      ➡️ Per ulteriori informazioni, consulta il nostro articolo dedicato alla creazione di un modello di conferma a doppio opt-in.
    • View in browser (Visualizza nel browser)
      Il link alla versione web può essere aggiunto all'intestazione delle campagne. Si tratta di un link che i destinatari possono cliccare in caso di problemi con la visualizzazione delle email nella posta in arrivo e se desiderano aprire la tua email come pagina web. L'aggiunta di un link alla versione web nelle campagne non è obbligatoria. 
      ➡️ Per ulteriori informazioni, consulta il nostro articolo dedicato ai link alla versione web.
    • Update your preferences (Aggiorna le tue preferenze)
      Brevo fornisce un modulo di aggiornamento del profilo che ti aiuta a raccogliere informazioni aggiornate sui tuoi abbonati, ad esempio dati, preferenze, e perfino a quali liste vogliono essere iscritti. Ti consigliamo di includere un link a questo modulo nel piè di pagina di tutte le tue email per rendere più facile per gli abbonati comunicarti le loro preferenze. 
      Il modulo di aggiornamento del profilo verrà aggiunto automaticamente nelle impostazioni aggiuntive della tua campagna email come illustrato qui
      Se stai creando un modello di email, devi aggiungere manualmente il link al modulo Update your preferences (Aggiorna le tue preferenze). ➡️ Per ulteriori informazioni, consulta il nostro articolo dedicato ai link di aggiornamento del profilo.
    Link Brevo
    • Payments (Pagamenti)
      Seleziona uno dei link di pagamento creati da Pagamenti. 
      ➡️ Per ulteriori informazioni, consulta i nostri articoli dedicati a Pagamenti
    Link di ancoraggio
    • Relative link (to anchor) (Link associato (ancoraggio))
      Dopo aver creato l'ancoraggio nella tua campagna, usa questa opzione per aggiungere un link all'ancoraggio.
      Ad esempio, per tornare a una sezione specifica della newsletter nella parte superiore della pagina.
    • Anchor for relative links (Ancoraggio per link relativi)

      Crea un ancoraggio in un punto della tua campagna e utilizza l'opzione del link relativo per aggiungere il link all'ancoraggio.

    ➡️ Per ulteriori informazioni sui link di ancoraggio, consulta il nostro articolo dedicato Aggiunta di una tabella di contenuti e di un link di ancoraggio alla tua email.

  5. Dal menu a discesa Link target (Destinazione del link), a seconda del tipo di link che selezioni, immetti un URL, seleziona un link o inserisci eventuali informazioni richieste. 
    DDE_insert-button-content-block_en-us.gif
  6. (Opzionale) Clicca sull'icona {} Add variable (Aggiungi variabile) per personalizzare il tuo URL con un attributo del contatto, i dati dell'evento o una variabile del feed di dati.
  7. (Opzionale) Aggiungi un titolo del link per visualizzare un tooltip con la descrizione della destinazione del link per i destinatari quando passano il mouse sopra il link.

Congratulazioni! 🎉 Hai aggiunto con successo un invito all'azione alla tua email. Ora puoi personalizzarlo per adattarlo al tuo brand. 

🎨 Modifica e personalizzazione dello stile dei pulsanti 

💡 Buono a sapersi
Per risparmiare tempo, se desideri che tutti i pulsanti abbiano lo stesso colore, carattere e formato, così come la stessa lunghezza, raggio, colori e bordi, usa la scheda Style (Stile) per configurare l'identità grafica. Per ulteriori informazioni, consulta il nostro articolo dedicato Configurazione del layout e del design delle email con la scheda Style (Stile).

Ora che hai aggiunto il tuo pulsante, rendilo unico! Personalizza testo, colore e forma per creare un CTA in linea con il tuo brand che catturi l'attenzione a prima vista:

Modifica di colore e dimensione del pulsante (larghezza e altezza) 

Per modificare il colore e la dimensione dell'invito all'azione, clicca sul pulsante per aprire le relative impostazioni nel pannello a sinistra. Da qui, puoi eseguire le seguenti operazioni:

↔️ Modifica della larghezza del pulsante

Per modificare la larghezza del pulsante, trascina i lati per allungarlo o accorciarlo. In alternativa, puoi modificare i pixel o la percentuale di larghezza dal campo Width (Larghezza) nella sezione Button settings (Impostazioni del pulsante)

DDE_change-button-width_en-us.gif
↕️️ Modifica dell'altezza del pulsante

Per modificare l'altezza del pulsante, apri la sezione Spacing (Spaziatura) nel pannello a sinistra e aggiungi una distanza nella parte in alto e in basso del pulsante. 

DDE_change-button-height_en-us.gif
🖍️ Modifica del colore del pulsante

Per modificare il colore del pulsante, apri la sezione Button settings (Impostazioni del pulsante) nel pannello a sinistra e scegli un colore dall'opzione Background color (Colore di sfondo).

DDE_change-button-color_en-us.gif

Modifica di colore del testo, carattere, dimensione, ecc. del pulsante

Per personalizzare il formato e il colore del testo del pulsante, clicca sul pulsante e usa la barra degli strumenti in alto. Qui puoi:

  1. Usare l'AI per perfezionare il testo, 
  2. Modificarne carattere, dimensione, colore, formato, e
  3. Aggiungere emoji o variabili. 
DDE_edit-button-text-en-us.png

➡️ Per ulteriori informazioni su come utilizzare la barra degli strumenti superiore per personalizzare il testo, consulta il nostro articolo dedicato Informazioni sui blocchi di contenuto Title (Titolo) e Text (Testo).

Aggiunta di angoli arrotondati al pulsante

Per aggiungere angoli arrotondati al pulsante, apri la sezione Button settings (Impostazioni del pulsante) e seleziona il raggio dell'angolo dall'opzione Rounded corners (Angoli arrotondati):

DDE_add-rounded-corners-button_en-us.gif

Aggiunta di un bordo al pulsante

Per aggiungere un bordo al pulsante, apri la sezione Button settings (Impostazioni del pulsante) e seleziona la larghezza del bordo e il colore dall'opzione Borders (Bordi):

DDE_add-border-button_en-us.gif

❓ FAQ

Posso monitorare i clic sul mio CTA?

Sì! Brevo monitora automaticamente i clic sui tuoi link e CTA. Puoi accedere alle tue analisi dei clic dal report della campagna email

⏭️ E adesso?

🤔 Domande?

In caso di domande, non esitare a contattare il team dell’assistenza creando un ticket dal tuo account. Se ancora non hai un account, puoi contattarci qui.

Se stai cercando aiuto per un progetto che prevede l'utilizzo di Brevo, possiamo metterti in contatto con l'agenzia partner di Brevo giusta per te.

💬 Questo articolo ti è stato utile?

Utenti che ritengono sia utile: 0 su 0