Crea e modifica i template

Questa pagina mostra come creare un template nel pannello o con l’API, come funziona ciascuno dei tre editor e come gestire i template dall’elenco. È per chiunque progetti email, che lavori con il codice o no.

Crea un template

1. Apri Templates. Vai a Email Marketing›Templates e seleziona Add template.

2. Dagli un nome. Compila il campo Name, ad esempio Welcome email. Emailit ricava Alias dal nome, ad esempio welcome-email.

3. Controlla l’alias. L’alias è il modo in cui il tuo codice e le automazioni fanno riferimento al template. Può contenere lettere minuscole, cifre, _ e -, fino a 191 caratteri. Se l’alias esiste già, la finestra mostra Alias already exists e il nuovo template diventa una versione non pubblicata di quello esistente.

4. Scegli un editor. Scegli Dragit Editor (predefinito), HTML Editor o Rich Text Editor. Nel pannello non puoi passare un template esistente a un altro editor, quindi scegli quello che vuoi mantenere.

5. Imposta i valori predefiniti. Facoltativamente, inserisci un Subject, che può contenere segnaposto Temple, e un indirizzo From come Acme <hello@acme.com>. Entrambi sono valori predefiniti che un invio può sovrascrivere.

6. Crea e progetta. Seleziona Create. Il template si apre nel suo editor. Progetta il contenuto, poi salva.

Per impostare un indirizzo Reply-To o un corpo separato in testo semplice, usa l’API.

Crea un template con l’API

Chiama Crea un template con una chiave Full Access. editor può essere dragit, tiptap (Rich Text), html o text, e il valore predefinito è html.

curl https://api.emailit.com/v2/templates \
  -H "Authorization: Bearer $EMAILIT_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "name": "Welcome email",
    "alias": "welcome-email",
    "editor": "html",
    "from": "Acme <hello@acme.com>",
    "reply_to": "support@acme.com",
    "subject": "Welcome to Acme, {{first_name|\"there\"}}",
    "html": "<p>Hi {{first_name|\"there\"}}, thanks for joining.</p>",
    "text": "Hi {{first_name|\"there\"}}, thanks for joining."
  }'

La risposta ha stato 201 e il template in data. Se l’alias è nuovo, il template viene pubblicato subito.

Scegli un editor

Editor Dragit

Dragit è un editor di email drag and drop che si apre a schermo intero.

• Trascina nel layout blocchi come testo, immagini e pulsanti, e regolane contenuto e stili.
• Carica le immagini con il gestore di file integrato. Vengono memorizzate nel workspace e servite da un URL ospitato.
• Inserisci le variabili dal menu dei campi di unione: First name, Last name, Email e i campi personalizzati dei contatti in Custom fields. Il link di disiscrizione è disponibile come tipo di link speciale.
• Il lavoro viene salvato automaticamente mentre modifichi. Chiudi l’editor per tornare alla pagina del template.

I template Dragit conservano il design sia in JSON Dragit sia in HTML, quindi puoi esportare il JSON e importarlo in un altro workspace. Vedi Importazione ed esportazione.

Editor Rich Text

L’editor Rich Text si apre a schermo intero con una barra di formattazione: annulla e ripeti, titoli da 1 a 3, elenchi puntati e numerati, citazioni, grassetto, corsivo, sottolineato, barrato, link e allineamento del testo.

• Seleziona il pulsante Variables (l’icona @) nella barra degli strumenti per inserire una variabile nel punto del cursore.
• Inserisci un Preview text in alto per impostare la riga che le inbox mostrano dopo l’oggetto. Emailit la aggiunge come testo nascosto all’inizio dell’email.
• Seleziona Save per conservare le modifiche. Al salvataggio, Emailit applica un font senza grazie a ogni elemento, così l’email ha un aspetto coerente nei vari client di posta.

Editor HTML

L’editor HTML mostra il tuo codice, con numeri di riga ed evidenziazione della sintassi, insieme a un’anteprima dal vivo. Passa l’anteprima tra Desktop e Mobile. Sotto l’anteprima, Available variables elenca i segnaposto che puoi scrivere nell’HTML. Seleziona Save per conservare le modifiche.

L’anteprima mostra i segnaposto così come sono scritti. Non elabora le condizioni Temple e non inserisce valori.

Variabili negli editor

Tutti e tre gli editor offrono le stesse variabili:

Chi le compila dipende da come viene inviato il template:

• Le campagne le compilano tutte dal record del contatto destinatario, e {{unsubscribe_url}} con il suo link di disiscrizione. Vedi Tag di unione.
• Gli invii con l’API compilano solo ciò che passi in variables, con gli stessi nomi. Per {{cf.plan}}, passa "variables": { "cf": { "plan": "Pro" } }. Tutto ciò che non passi resta vuoto.
• Le automazioni sui contatti compilano {{first_name}}, {{last_name}} e {{email}} dal contatto. I campi personalizzati sono disponibili come {{custom_fields.<key>}}, e {{unsubscribe_url}} non viene compilato.

Per le regole complete, vedi Temple.

Gestisci i template

Email Marketing›Templates mostra una scheda per ogni alias, con un’anteprima, il nome, l’alias, un badge dell’editor e il numero di versioni. Nella griglia compare solo la versione pubblicata di ogni alias. Le bozze si trovano nel pannello Versions della pagina del template.

• Cerca per nome o alias.
• Ordina per Newest first, Oldest first, Recently updated, Recently published, Name A-Z o Name Z-A.
• Filtra per editor.
• Seleziona Import per aggiungere un template da un file. Vedi Importazione ed esportazione.

Il menu di ogni scheda contiene queste azioni:

La pagina del template

Seleziona una scheda per aprire la pagina del template. Mostra lo stato (Published o Draft), l’alias, l’editor, la data di creazione, il nome, l’oggetto, From, Reply-To e l’ID, un’anteprima e il pannello Versions.

• Publish compare sulle versioni in bozza e rende questa versione quella attiva per l’alias.
• Open Editor apre il contenuto nell’editor del template.
• Il menu contiene Edit (modifica nome, alias, oggetto e From), Duplicate Template, le opzioni di esportazione e Delete.
• New Version nel pannello Versions copia una versione esistente in una nuova bozza. Vedi Versioni dei template.

Vedi anche

• Versioni dei template
• Il linguaggio di template Temple
• Riferimento dell’API dei template
• Campi personalizzati