Come utilizzare il blocco della barra di intestazione in un'e-mail

Cosa imparerai 

Scopri i blocchi delle barre di intestazione, che servono per aggiungere un logo, i link principali e altre informazioni nella parte superiore della tua e-mail.

Informazioni sul blocco bar della testata 

La barra di intestazione può contenere un logo e i link che vuoi mettere in evidenza. Considera di inserire alcuni dei seguenti link nella barra dell'intestazione: 

• Casa
• Chi siamo
• Acquista ora 
• Nuovo 
• I migliori venditori 
• Vendita 
• DOMANDE FREQUENTI
• Resi & cambi (in ordine di e-mail di follow-up) 

Sii prudente nell'aggiungere i link; inserirne troppi può far sembrare la tua e-mail affollata e difficile da navigare. 

Opzioni di formato della barra di intestazione 

Puoi scegliere diverse disposizioni dei pulsanti e del logo per desktop e mobile: 

• Opzioni di layout del desktop
  • Logo impilato 
  • Logo in linea 
  • Logo centrato 
  • Solo link e pulsanti
    
• Opzioni di layout mobile 
  • Impilare tutti 
  • Logo impilato
  • Logo in linea
  • Solo link e pulsanti 
  • Solo link e pulsanti impilati
    

L'utilizzo di un formato impilato su mobile può rendere i tuoi pulsanti più facili da leggere e da cliccare, dato che gli schermi dei cellulari sono molto più piccoli. 

Aggiungi una barra di intestazione a un'e-mail

1. All'interno di un modello di e-mail, trascina un blocco della barra di intestazione nell'area di disegno.
   
2. Il logo è precompilato se hai già aggiunto il tuo logo al tuo account Klaviyo alla voce Contenuto > Immagini e marchio > Marchio. Altrimenti, aggiungi un logo. 
3. Usa l'icona della freccia a discesa per vedere i dettagli di ogni link e modificarne il testo e l'URL.
   
   1. Per risparmiare spazio sui dispositivi mobili, considera di selezionare solo il Desktop per i link non essenziali.
      
4. Usa i pulsanti Aggiungi link o Aggiungi immagine per aggiungere altri link o contenuti.
   
5. Utilizza le impostazioni sotto la sezione contenuto per dare stile al testo del link, inclusi i font, i colori e il padding. 

Salva una barra di intestazione per utilizzarla nelle e-mail future 

La maggior parte delle e-mail che invii dovrebbe includere una barra di intestazione. Per salvare un blocco della barra di intestazione come contenuto universale da riutilizzare in future e-mail, clicca sull'icona a forma di stella accanto al blocco e segui le indicazioni che ti verranno fornite. 

Scopri di più sul contenuto universale e salvato.

Considerazioni sulla casella di posta della barra di intestazione 

A seconda della casella di posta del destinatario, la barra di intestazione (o l'e-mail nel suo complesso) può apparire con leggere differenze. Per vedere come apparirà la tua e-mail nelle diverse caselle di posta, prendi in considerazione uno strumento come Email on Acid. 

Blocco della barra di intestazione e ritaglio di Gmail 

I blocchi delle barre di intestazione sono pesanti dal punto di vista del codice, il che significa che aumentano il peso complessivo del codice della tua e-mail. Nei messaggi che contengono una grande quantità di altri contenuti, questo potrebbe portare al ritaglio di Gmail. 

Se il tuo messaggio rischia di essere tagliato, prendi in considerazione l'utilizzo di un blocco immagine per il tuo logo, seguito da un blocco tabella con i tuoi link. 

Blocco della barra di intestazione e Microsoft Outlook

A causa dei motori di rendering HTML di Outlook, è possibile che venga aggiunto un bordo all'elemento della barra di intestazione per i destinatari che utilizzano Outlook. 

Per evitare che ciò accada, crea un'intestazione utilizzando un blocco immagine per il tuo logo e una tabella per i tuoi link.

Risorse aggiuntive

• Come utilizzare un blocco di testo in un'e-mail
• Come aggiornare, aggiornare gli stili del tuo marchio in Klaviyo