Imparerai
Scopra come creare un modello di email di base in Klaviyo. Una volta creato un modello di base, può utilizzarlo in tutte le sue campagne e flussi per accelerare il processo di creazione e garantire che il suo marchio sia coerente tra i messaggi.
Prima di iniziare
Prima di iniziare
Un modello di base comprende sezioni chiave come l'intestazione, il contenuto del corpo e il piè di pagina. Vai al contenuto > modello e clicca su Crea per iniziare. Quindi, segui i passaggi seguenti per aggiungere contenuti riutilizzabili al tuo modello.
1. Impostare gli stili di base1. Impostare gli stili di base
Prima di creare lo stile di ogni singolo blocco, imposti gli stili di base. Questi stili, come il carattere, i colori, il padding e altro ancora, si applicano a tutti i blocchi del suo modello.
L'aggiunta di stili di base facilita l'applicazione del suo marchio e riduce anche il peso del codice, rendendo più facile evitare il ritaglio in Gmail.
Per aggiungere gli stili di base:
- Clicchi su Stili (accanto a Contenuto).
Se vede Opzioni di visualizzazione accanto alla scheda Stili invece di Contenuti, clicchi su Fine per uscire dalle impostazioni degli stili del blocco/sezione, che si applicano solo a quel blocco o sezione. - Imposta un colore di sfondo per il suo modello e il suo contenuto, oltre a margine e padding. Consigliamo di lasciare l'impostazione Larghezza a 600px per una compatibilità ottimale con i provider di posta in arrivo.
- Aggiunga gli stili di testo, compresi i caratteri, le dimensioni dei caratteri, i colori e la spaziatura. Si assicuri di impostare gli stili per il testo normale, così come per H1, H2, H3 e H4. Può utilizzare questi stili di intestazione per il testo in evidenza in tutta la sua email. Scopra come utilizzare un font personalizzato nelle sue e-mail.
- Aggiunga un colore e uno stile di collegamento.
- Se l'ottimizzazione mobile è attivata, aggiunga le impostazioni mobile. Questi appariranno quando qualcuno apre la sua e-mail su un dispositivo mobile. Per saperne di più sull'ottimizzazione mobile.
- Infine, selezioni la valuta del suo negozio nel menu Valuta. Il simbolo di valuta selezionato viene utilizzato ovunque sia presente il tag{% currency_format … %} in un modello.
2. Costruisca una sezione di intestazione
Dopo aver impostato gli stili delle sue e-mail, aggiunga la sezione dell'intestazione. In genere, le sezioni di intestazione includono un logo, i link principali e talvolta un banner con informazioni sulla sua ultima vendita o sullo stato VIP del destinatario.
- Se il suo modello ha già una barra di intestazione, la aggiorni con il suo logo. In alternativa, trascini un blocco Intestazione e aggiunga il suo logo. Impara le migliori pratiche per il dimensionamento e la qualità delle immagini.
- Selezioni un layout nei menu Layout desktop e Layout mobile (ad esempio, Logo inline per il desktop e Stack all per il mobile). Si ricordi che i dispositivi mobili utilizzano schermi molto più piccoli rispetto ai desktop, quindi impilare i contenuti può facilitare la lettura e la navigazione.
- Nella sezione Contenuto, aggiunga i link di navigazione chiave del sito. Clicchi sull'icona del cestino per rimuovere i link, o su Aggiungi link per aggiungerli. I link più comuni da includere nella sua intestazione sono: acquisti ora, nuovi arrivi, informazioni, vendite, FAQ, o una selezione di categorie di prodotti.
- Regoli gli stili dei blocchi nelle sezioni sotto il contenuto del link. Si ricordi che se desidera applicare un'impostazione di stile all'intera e-mail, deve utilizzare la scheda principale Stili, come indicato nella sezione precedente.
- Clicchi su Fine per tornare alle opzioni principali di modifica del modello.
Aggiunga un banner di funzioni opzionali
Può aggiungere un banner di funzionalità sopra o sotto la barra dell'intestazione.
- Trascini un blocco di testo nella stessa sezione della barra dei link.
- Imposti lo sfondo su un colore d'accento e aggiunga un messaggio in evidenza, come "Utilizzi il codice WELCOME per uno sconto del 15% sul suo primo ordine!".
- Verifichi che il banner delle caratteristiche e la barra dei link si trovino nella stessa sezione, passando il mouse sullo spazio a sinistra o a destra dei blocchi. Un bordo di sezione grigio deve circondare entrambi i blocchi al passaggio del mouse e diventa blu quando si clicca sulla sezione.
- Opzionale: Clicchi sull'icona della stella per salvare la sezione come contenuto universale. I blocchi e le sezioni universali possono essere utilizzati in più modelli e lei può modificare tutte le istanze del blocco/sezione in una sola volta. Per saperne di più sui contenuti universali.
3. Aggiungere il contenuto del corpo
- Trascini un blocco Sezione dalla sezione Layout della barra laterale Contenuto e lo collochi sotto la sua intestazione.
- Aggiunga blocchi segnaposto per il contenuto del corpo dell'e-mail. Questo potrebbe includere blocchi di testo con descrizioni del suo marchio o messaggi promozionali, layout comuni che intende utilizzare, immagini di prodotti segnaposto e altro ancora. Impari a posizionare i contenuti uno accanto all'altro utilizzando colonne, blocchi divisi e tabelle.
4. Costruisca una sezione footer
Klaviyo richiede che lei includa un link di annullamento dell'iscrizione nelle sue e-mail, e questo è più comunemente collocato nel piè di pagina. Inoltre, sono consigliati questi elementi del piè di pagina:
- Il suo indirizzo professionale
- Un link alla sua politica sulla privacy
- Collegamenti ai suoi profili social (ad esempio, Facebook, Instagram, Twitter, Tiktok)
- Un link al suo sito web
- Un link per le preferenze e-mail
Per aggiungere un piè di pagina al suo modello di base:
- Trascini una nuova sezione sotto la sezione del corpo, oppure modifichi il piè di pagina predefinito.
- Aggiunga un blocco di testo.
- Clicchi su Personalizzazione.
- Nel campo di ricerca della personalizzazione, cerchi "unsubscribe".
- Selezioni Unsubscribe per aggiungere un tag di link di annullamento dell'iscrizione al suo blocco di testo.
- Utilizzi questo stesso menu per aggiungere un indirizzo dell'organizzazione, un link per la gestione delle preferenze, un link per la visualizzazione web e altro ancora.
- Quando invia l'e-mail, questi tag saranno sostituiti con il testo o i link appropriati.
- Successivamente, trascini un blocco Social links nel suo modello, direttamente sopra il blocco di testo dei passi precedenti.
- Selezioni i suoi canali sociali dal menu a tendina per aggiungerli al blocco.
- Nel campo Indirizzo del link per ogni canale sociale, aggiunga un link al suo profilo.
- Scelga uno stile di icona.
- Clicchi su Fine per tornare alle opzioni principali di modifica del modello.
- Opzionalmente, salvi l'intera sezione del piè di pagina come contenuto universale.
5. Anteprima
Dopo aver aggiunto un'intestazione, il contenuto del corpo e una sezione a piè di pagina, visualizzi l'anteprima dell'e-mail.
- Clicchi su Anteprima & test nell'angolo in alto a destra dell'editor di e-mail.
- Si sposti tra desktop e mobile per assicurarsi che il modello appaia come desiderato in entrambi i formati.
- Clicchi su Invia test per inviare un'e-mail di prova alla sua casella di posta elettronica.
- Clicchi su Fine per chiudere la maschera di anteprima.
- Clicchi su Salva per salvare il suo modello.
Una volta salvato il modello base, potrà utilizzarlo come base per tutte le future campagne e flussi e-mail.
Risorse aggiuntive