Come creare un modello base
Scopri come creare un modello di e-mail di base in Klaviyo. Dopo aver creato un modello di base, puoi usarlo nelle tue campagne e nei tuoi flussi per velocizzare il processo di creazione e assicurarti che il branding sia coerente in tutti i messaggi.
Prima di iniziare
Un modello di base include sezioni chiave come un'intestazione, il contenuto del corpo e un piè di pagina. Vai a Contenuti > Modelli e fai clic su Crea per iniziare. Poi, segui i passaggi riportati di seguito per aggiungere contenuti riutilizzabili al tuo modello.
1. Imposta gli stili di base
Prima di definire lo stile di qualsiasi blocco singolo, imposta gli stili di base. Questi stili, come carattere, colori, spaziatura interna e altro, si applicano a tutti i blocchi del modello.
L’aggiunta di stili di base semplifica l’applicazione del tuo branding e riduce anche il peso del codice, facilitando l’evitamento del clipping in Gmail.
Per aggiungere stili di base:
- Fai clic su Stili (accanto a Contenuto).
Se vedi Opzioni di visualizzazione accanto alla scheda Stili invece di Contenuto, fai clic su Fine per uscire dalle impostazioni degli stili del blocco/della sezione, che si applicano solo a quel blocco o a quella sezione.
- Imposta un colore di sfondo per il tuo modello e per i contenuti, insieme a margine e padding. Ti consigliamo di lasciare l’impostazione Larghezza su 600px per una compatibilità ottimale con i provider di posta in arrivo.
- Aggiungi stili di testo, inclusi caratteri, dimensioni dei caratteri, colori e spaziatura. Assicurati di impostare gli stili per il testo Normale, nonché per H1, H2, H3 e H4. Puoi usare questi stili di intestazione per il testo in evidenza in tutta l’e-mail. Scopri come usare un carattere personalizzato nelle tue e-mail.
- Aggiungi un colore e uno stile del link.
- Seleziona la valuta del tuo negozio nel menu Valuta. Il simbolo della valuta selezionato viene usato ovunque il tag {% currency_format ... %} sia presente in un modello.
- Se Ottimizzazione mobile è attivata, aggiungi le impostazioni per dispositivi mobili. Queste appariranno quando qualcuno apre la tua e-mail su un dispositivo mobile. Scopri di più sull’ ottimizzazione per dispositivi mobili.
2. Crea una sezione di intestazione
Dopo aver configurato gli stili delle e-mail, aggiungi la sezione di intestazione. In genere, le sezioni di intestazione includono un logo, link principali e a volte un banner con informazioni sulla tua ultima promozione o sullo stato VIP del destinatario.
- Se il tuo modello ha già una barra di intestazione, aggiornala con il tuo logo. In alternativa, trascina un blocco Intestazione e aggiungi il tuo logo. Scopri le best practice per dimensioni e qualità delle immagini.
- Seleziona un layout nei menu Layout desktop e Layout mobile (ad esempio, Logo inline per desktop e Stack all per mobile). Ricorda che i dispositivi mobili hanno schermi molto più piccoli rispetto ai desktop, quindi impilare i contenuti può rendere più facile leggere e navigare.
- Nella sezione Contenuto, aggiungi i link di navigazione principali del sito. Fai clic sull’icona del cestino per rimuovere i link oppure su Aggiungi link per aggiungerli. I link più comuni da includere nell’intestazione sono: acquista ora, nuovi arrivi, informazioni, saldi, FAQ o una selezione di categorie di prodotti.
- Regola gli stili dei blocchi nelle sezioni sotto i contenuti del link. Ricorda: se vuoi applicare un’impostazione di stile a tutta l’e-mail, usa la scheda principale Stili, come descritto nella sezione precedente.
- Fai clic su Done per tornare alle opzioni principali di modifica del modello.
Aggiungi un banner di funzionalità opzionale
Puoi aggiungere un banner di funzionalità sopra o sotto la barra dell’intestazione.
- Trascina un blocco di testo nella stessa sezione della barra dei link.
- Imposta lo sfondo su un colore in evidenza e aggiungi un messaggio in primo piano, ad esempio “Usa il codice WELCOME per ottenere il 15% di sconto sul primo ordine!”.
- Verifica che il banner di funzionalità e la barra dei link si trovino nella stessa sezione passando il mouse sullo spazio a sinistra o a destra dei blocchi. Un bordo grigio della sezione deve circondare entrambi i blocchi al passaggio del mouse e diventa blu quando fai clic sulla sezione.
- Facoltativo: fai clic sull'icona a forma di stella per salvare la sezione come contenuto universale. I blocchi e le sezioni universali possono essere utilizzati in più modelli e puoi modificare tutte le istanze del blocco/della sezione in una sola volta. Per saperne di più sul contenuto universale.
3. Aggiungi contenuto del corpo
- Trascina un blocco Sezione dalla sezione Layout della barra laterale Contenuto e posizionalo sotto l’intestazione.
- Aggiungi blocchi segnaposto per i contenuti del corpo della tua e-mail. Può includere blocchi di testo con descrizioni del tuo brand o messaggi promozionali, layout comuni che intendi usare, immagini di prodotto segnaposto e altro ancora. Scopri come posizionare i contenuti affiancati utilizzando colonne, blocchi split e tabelle.
Scopri come aggiungere un’immagine di sfondo a una sezione e sovrapporre pulsanti, testo e altri elementi sopra di essa.
4. Crea una sezione piè di pagina
Klaviyo richiede di includere un link di annullamento dell'iscrizione nei tuoi e-mail e, nella maggior parte dei casi, questo viene inserito nel piè di pagina. Inoltre, sono consigliati questi elementi del piè di pagina:
- Indirizzo aziendale
- Un link alla tua informativa sulla privacy
- Link ai tuoi profili social (ad es., Facebook, Instagram, Twitter, Tiktok)
- Un link al tuo sito web
- Un link alle preferenze e-mail
Per aggiungere un piè di pagina al tuo modello di base:
- Trascina una nuova sezione sotto la sezione del corpo o modifica il piè di pagina predefinito.
- Aggiungi un blocco di testo.
- Fai clic su Personalizzazione.
- Nel campo Personalizzazione della ricerca, cerca "annullare l'iscrizione".
- Seleziona Annullare l'iscrizione per aggiungere un tag link di annullamento dell'iscrizione al tuo blocco di testo.
- Usa questo stesso menu per aggiungere un indirizzo dell’organizzazione, un link per gestire le preferenze, un link per la visualizzazione web e altro.
- Quando invii l'e-mail, questi tag verranno sostituiti con il testo o i link appropriati.
- Poi, trascina un blocco Link social nel tuo modello, direttamente sopra il blocco di testo dei passaggi precedenti.
- Seleziona i tuoi canali social dal menu a discesa per aggiungerli al blocco.
- Nel campo Indirizzo del link per ogni canale social, aggiungi un link al tuo profilo.
- Scegli uno stile per l'icona.
- Fai clic su Done per tornare alle opzioni principali di modifica del modello.
- Facoltativamente, salva l'intera sezione del footer come contenuto universale.
5. Visualizza in anteprima
Dopo aver aggiunto un’intestazione, il contenuto del corpo e una sezione piè di pagina, visualizza l’anteprima dell’e-mail.
- Clicca su Anteprima e test nell’angolo in alto a destra dell’editor e-mail.
- Passa da desktop a mobile per assicurarti che il modello venga visualizzato come desideri in entrambi i formati.
- Fai clic su Invia test per inviare un'e-mail di prova alla tua casella di posta in arrivo.
- Fai clic su Fine per chiudere la finestra modale di anteprima.
- Fai clic su Salva per salvare il modello.
Dopo aver salvato il modello di base, puoi usarlo come base per tutte le future e-mail di campagna e di flusso.