Authoring di e-mail
Utilizza Adobe Journey Optimizer B2B edition per inviare messaggi e-mail ai clienti. Puoi creare, personalizzare e visualizzare in anteprima i messaggi nella finestra di progettazione visiva.
Aggiungere un’azione e-mail in un percorso di account
Puoi impostare le consegne e-mail in un Percorso di account quando aggiungi un nodo Esegui un'azione ed effettua le seguenti operazioni:
-
Per l'azione sulla destinazione, scegliere Persone.
-
Per Azione sulle persone, scegli Invia e-mail.
-
Per l'origine e-mail, scegli Crea nuova e-mail.
In alternativa, è possibile selezionare l'opzione Seleziona e-mail da Adobe Marketo Engage per utilizzare una delle e-mail precreate nel Marketo Engage e inviarla come parte del Percorso account.
note note NOTE Se stai creando un’e-mail per la prima volta, assicurati che il canale e-mail sia configurato dall’interno di Adobe Marketo Engage. Per ulteriori informazioni, consulta Assicurare il recapito messaggi e-mail nella documentazione del Marketo Engage. {width="700" modal="regular"}
-
Nella parte inferiore del pannello Esegui un'azione, fai clic su Crea e-mail.
-
Nella finestra di dialogo, immetti un Nome univoco per l'e-mail e una riga Oggetto.
{width="400"}
-
Fai clic su Crea.
Nella sezione Proprietà e-mail della pagina del contenuto e-mail, i campi Da e-mail e Rispondi all'indirizzo sono già configurati. È possibile immettere valori per i campi Da nome e Descrizione (facoltativo).
Creare il contenuto dell’e-mail
Fai clic su Aggiungi contenuto e-mail nella parte superiore del pannello di anteprima E-mail.
{width="700" modal="regular"}
Questa azione avvia E-mail Designer, dove puoi scegliere come progettare il messaggio e-mail dalle seguenti opzioni:
-
Progetta il tuo indirizzo e-mail da zero utilizzando l'interfaccia di E-mail Designer.
-
Importa contenuto HTML esistente da un file o da una cartella .zip.
-
Selezionare un modello esistente da un elenco di modelli di posta elettronica predefiniti o personalizzati.
Per configurare e personalizzare l'oggetto con l'editor di espressioni, fare clic sull'icona Personalization e aggiungere i token di Marketo Engage.
Dopo aver creato e personalizzato il contenuto dell’e-mail, puoi esportarlo per la convalida o per un utilizzo successivo. Fai clic su Esporta HTML per salvare il contenuto come file .zip che include i tuoi HTML e le tue risorse.
Creare e-mail da zero design-from-scratch
Utilizza l’editor di contenuto visivo per definire la struttura del contenuto dell’e-mail. Aggiungendo e spostando componenti strutturali con semplici azioni di trascinamento della selezione, puoi progettare la forma del contenuto dell’e-mail riutilizzabile in pochi secondi.
-
Dalla home page di Progetta modello, seleziona l'opzione Progetta da zero.
-
Aggiungi struttura e contenuto al messaggio di posta elettronica.
-
Aggiungi risorse immagine al messaggio e-mail.
Al termine, fai clic su Simula contenuto in alto per verificare il rendering. È possibile scegliere la visualizzazione desktop o mobile.
Quando si è soddisfatti del contenuto, fare clic su Salva.
Importa contenuto HTML esistente
Il contenuto importato può essere:
-
Un file HTML con un foglio di stile incorporato
-
Un file .zip che include un file HTML, il foglio di stile (.css) e le immagini
note note NOTE La struttura del file .zip non è soggetta a vincoli. Tuttavia, i riferimenti devono essere relativi e adattarsi alla struttura ad albero della cartella .zip. Le immagini vengono sempre caricate nell’archivio delle risorse di Marketo Engage collegate. Se desideri gestire i file immagine in Experience Manager Assets, caricali separatamente nell’interfaccia dell’app e modifica i collegamenti immagine nell’e-mail designer.
Per importare un file contenente contenuto HTML:
-
Dalla home page di Progettare il modello, selezionare l'opzione Importa HTML.
-
Trascina e rilascia il file HTML o .zip contenente il contenuto HTML e fai clic su Importa.
{width="500"}
<table>
come primo livello in un file HTML può causare la perdita di stile, incluse le impostazioni di sfondo e larghezza nel tag del livello superiore.Puoi personalizzare il contenuto importato in base alle esigenze con gli strumenti dell’editor e-mail visivo.
Seleziona un modello
Puoi scegliere tra:
-
Modelli di esempio. L’interfaccia di Journey Optimizer offre 20 modelli e-mail preconfigurati tra cui puoi scegliere.
-
Modelli salvati. Utilizza un modello personalizzato salvato che hai creato da zero utilizzando il menu Modelli o salvato da un'e-mail in un percorso utilizzando l'opzione Salva come modello di contenuto.
Utilizza la sezione Seleziona modello struttura per iniziare a creare il contenuto da un modello. Puoi utilizzare un modello di esempio o un modello e-mail personalizzato salvato dall’istanza Journey Optimizer B2B Edition.
Nella home page di Progettare il modello, la scheda Modelli di esempio è selezionata per impostazione predefinita. Per utilizzare un modello personalizzato, selezionare la scheda Modelli salvati.
Viene visualizzato l’elenco di tutti i modelli e-mail creati nella sandbox corrente. Puoi ordinarli per Nome, Ultima modifica e Ultima creazione.
{width="800" modal="regular"}
Selezionare il modello desiderato dall'elenco.
Dopo la selezione, viene visualizzata un'anteprima del modello. In modalità anteprima puoi spostarti tra tutti i modelli di una categoria (campione o salvato, a seconda della selezione) utilizzando le frecce destra e sinistra.
{width="800" modal="regular"}
Quando la visualizzazione corrisponde a quella che si desidera utilizzare, fare clic su Usa questo modello in alto a destra nella finestra di anteprima.
Questa azione copia il contenuto nel designer del contenuto visivo, dove puoi modificarlo in base alle esigenze.
Adobe Journey Optimizer B2B Edition offre una selezione di modelli e-mail preconfigurati, che possono essere utilizzati per la creazione di e-mail e modelli e-mail.
{width="800" modal="regular"}
Aggiungere struttura e contenuto structure-content
-
Per iniziare la progettazione del contenuto, trascina un elemento dalle Strutture e rilascialo nell'area di lavoro.
Aggiungi tutti gli elementi da Strutture necessari e modifica le impostazioni per ciascuno nel riquadro a destra.
note tip TIP Seleziona il componente n:n column per definire il numero di colonne desiderato (tra tre e 10). Puoi anche definire la larghezza di ciascuna colonna spostando le frecce sotto di essa. {width="800" modal="regular"}
Le dimensioni di ogni colonna non possono essere inferiori al 10% della larghezza totale del componente struttura. È possibile rimuovere solo colonne vuote.
-
Espandi la sezione Contents e aggiungi tutti gli elementi necessari in uno o più componenti della struttura.
{width="800" modal="regular"}
-
Se necessario, puoi effettuare ulteriori personalizzazioni per ciascun componente nelle schede Impostazioni o Stile.
Ad esempio, puoi modificare lo stile del testo, la spaziatura interna o il margine di ciascun componente.
-
Per aggiungere contenuto condizionale e adattarlo ai profili target in base alle regole condizionali, selezionare un componente di contenuto e fare clic sull'icona Abilita contenuto condizionale nella barra degli strumenti del componente.
Per ulteriori informazioni, vedere Contenuto condizionale.
Aggiungi frammenti
Nell'editor del contenuto visivo, l'icona Frammenti è visualizzata a sinistra. L’esempio seguente illustra i passaggi per aggiungere frammenti al contenuto del modello.
-
Per aprire l'elenco dei frammenti, fare clic sull'icona Frammenti.
Puoi eseguire le seguenti operazioni:
- Ordina l’inserzione.
- Sfoglia, Cerca o filtra l’inserzione.
- Consente di passare dalla visualizzazione Anteprima alla visualizzazione Elenco.
- Aggiorna l’elenco per riflettere eventuali frammenti creati di recente.
{width="700" modal="regular"}
-
Trascina uno dei frammenti nel segnaposto del componente strutturale.
L’editor esegue il rendering del frammento all’interno della sezione/elemento della struttura e-mail.
Il contenuto del frammento viene aggiornato dinamicamente all’interno della struttura per mostrare come appare il contenuto nell’e-mail.
Dopo il salvataggio, l'e-mail viene visualizzata nella pagina dei dettagli del frammento quando si seleziona la scheda Usato da nel riepilogo. I frammenti aggiunti a un modello e-mail non sono modificabili all’interno del modello: il frammento di origine definisce il contenuto.
Aggiungere risorse
Nell'editor del contenuto visivo, selezionare l'icona Assets ( ) visualizzata a sinistra.
L’esempio seguente illustra i passaggi necessari per aggiungere risorse al contenuto del modello:
-
Per aprire la libreria di risorse, fai clic sull'icona Assets.
Dal selettore delle risorse, puoi selezionare direttamente le risorse memorizzate nella libreria di origine.
-
Aggiungi una nuova risorsa trascinando la risorsa immagine in un componente struttura.
{width="800" modal="regular"}
Per ulteriori informazioni sull'utilizzo delle risorse del tipo di origine, vedere Aggiungere risorse al contenuto.
-
Sostituisci una risorsa immagine esistente selezionandola nell'area di lavoro e fai clic su Seleziona una risorsa negli strumenti di origine delle immagini.
{width="600" modal="regular"}
Spostarsi tra livelli, impostazioni e stili
Mentre si lavora con il contenuto nella finestra di progettazione visiva, è possibile accedere ai livelli/contenitori e agli elementi utilizzando la struttura Navigazione. Fai clic sull'icona Navigazione per visualizzare la struttura a sinistra dell'area di lavoro.
{width="800" modal="regular"}
L’esempio seguente illustra i passaggi per regolare la spaziatura e l’allineamento verticale all’interno di un componente struttura composto da colonne.
-
Selezionare la colonna nel componente struttura direttamente nell'area di lavoro o utilizzando la struttura di spostamento visualizzata a sinistra.
-
Dalla barra degli strumenti della colonna, fare clic sullo strumento Seleziona una colonna e scegliere quello che si desidera modificare.
Puoi anche selezionarla dall’albero della struttura. I parametri modificabili per tale colonna vengono visualizzati nelle schede Impostazioni e Stili a destra.
{width="800" modal="regular"}
-
Per modificare le proprietà della colonna, fai clic sulla scheda Stili a destra e modificale in base alle tue esigenze:
-
Per Sfondo, modifica il colore di sfondo in base alle esigenze.
Deselezionare la casella di controllo relativa a uno sfondo trasparente. Abilita l'impostazione Immagine di sfondo per utilizzare un'immagine come sfondo invece di un colore a tinta unita.
-
Per Allineamento, seleziona l'icona Superiore, Centro o Inferiore.
-
Per Spaziatura interna, definire la spaziatura per tutti i lati.
Selezionare Spaziatura interna diversa per ogni lato per ottimizzare la spaziatura. Fai clic sull'icona Blocca per interrompere la sincronizzazione.
-
Espandi la sezione Avanzate per definire gli stili in linea per la colonna.
{width="700" modal="regular"}
-
-
Se necessario, ripeti questi passaggi per regolare l’allineamento e la spaziatura per le altre colonne del componente.
-
Salva le modifiche.
Personalizzare il contenuto
La versione B2B di Journey Optimizer utilizza una sintassi inline semplice che consente di creare espressioni con contenuto personalizzato racchiuso tra parentesi graffe {}
. È possibile aggiungere più espressioni nello stesso contenuto o campo senza restrizioni.
Esempi:
-
Hello {{profile.person.name.firstName}} {{profile.person.name.lastName}}
-
Hello {{profile.person.name.fullName}}
Durante l’elaborazione del messaggio (e-mail e SMS), Journey Optimizer B2B Edition sostituisce l’espressione con i dati contenuti nel database di Experience Platform. Il primo esempio diventa Hello John Doe.
L’esempio seguente illustra i passaggi per personalizzare il contenuto utilizzando gli attributi lead/account e i token di sistema.
-
Seleziona il componente testo e fai clic sull'icona Aggiungi personalizzazione nella barra degli strumenti.
{width="600"}
Questa azione apre la finestra di dialogo Modifica Personalization.
-
Fare clic su + o … per aggiungere un token allo spazio vuoto.
{width="700" modal="regular"}
-
Fai clic su Salva.
Modifica tracciamento URL collegato
-
Fai clic sull'icona Collegamenti a sinistra per visualizzare tutti gli URL del contenuto da tracciare.
-
Se necessario, fare clic sull'icona Modifica (matita) e modificare Tipo di tracciamento o Etichetta.
Puoi anche aggiungere Tag per un collegamento.
{width="500"}
Opzioni di visualizzazione
Sfrutta le opzioni di convalida di visualizzazione e contenuto disponibili nell’editor e-mail visivo.
-
Zoom in/out del contenuto tra le opzioni di zoom predefinite.
-
Cambia la visualizzazione del contenuto tra desktop, dispositivi mobili o solo testo/solo testo.
- Fai clic sull'icona Visualizza per l'anteprima del contenuto tra i dispositivi.
- Seleziona uno dei dispositivi predefiniti o immetti dimensioni personalizzate per visualizzare in anteprima il contenuto.
Altre opzioni
Dal menu Altro … nella parte superiore della finestra di progettazione e-mail, puoi eseguire le azioni seguenti:
{width="500"}
- Reimposta e-mail - Fare clic su questa opzione per cancellare l'area di lavoro di progettazione e-mail visiva in una lavagna vuota e riavviare la creazione del contenuto.
- Salva come frammento - Salva tutte o alcune parti dell'e-mail come frammento da riutilizzare in più e-mail o modelli di e-mail. Fornisci un nome e una descrizione per il frammento, quindi salvalo nell’elenco dei frammenti disponibili.
- Modifica la progettazione - Torna alla pagina Progetta la tua e-mail. Da lì, puoi scegliere un altro modello per riavviare il processo di progettazione o scegliere di progettare il contenuto da zero in un'area di lavoro nera.\
- Salva come modello di contenuto - Salva il corpo dell'e-mail come modello e-mail da riutilizzare in più e-mail o modelli e-mail. Fornisci un nome e una descrizione per il modello, quindi salvalo nell’elenco dei modelli e-mail salvati.
- Esporta HTML - Scarica il contenuto nell'area di lavoro visiva nel sistema locale in formato HTML compresso come file zip.
Controllare gli avvisi
Durante la progettazione del contenuto dei messaggi e-mail, gli avvisi vengono visualizzati nell’interfaccia (in alto a destra della pagina) quando mancano le impostazioni chiave.
Se non trovi questo pulsante, non sono stati rilevati problemi.
È possibile rilevare due tipi di avvisi:
-
Avvisi che fanno riferimento a consigli e best practice, ad esempio:
-
The opt-out link is not present in the email body
: è consigliabile aggiungere un collegamento di annullamento all'abbonamento nel corpo dell'e-mail.note note NOTE I messaggi e-mail in stile marketing devono includere un collegamento di rinuncia, che non è necessario per i messaggi transazionali. -
Text version of HTML is empty
: non dimenticare di definire una versione testuale del corpo dell'e-mail, che viene utilizzata quando non è possibile visualizzare il contenuto di HTML. -
Empty link is present in email body
: verificare che tutti i collegamenti presenti nel messaggio di posta elettronica siano corretti. -
Email size has exceeded the limit of 100KB
: per una consegna ottimale, assicurati che la dimensione dell'e-mail non superi i 100 KB.
-
-
Errori che impediscono di testare o attivare il percorso o la campagna finché non vengono risolti, ad esempio:
-
The subject line is missing
: l'oggetto dell'e-mail è obbligatorio. -
The email version of the message is empty
: questo errore viene visualizzato quando il contenuto dell'e-mail non è stato configurato.
-
Controllare e testare l’e-mail preview-test
Una volta definito il contenuto del messaggio, puoi utilizzare i profili di test per visualizzarne l’anteprima, inviare bozze e controllarne il rendering nei client desktop, mobili e basati su Web più diffusi. Se hai inserito dei contenuti personalizzati, puoi visualizzare in anteprima come questi contenuti vengono visualizzati nel messaggio utilizzando i dati del profilo di test.
Per visualizzare in anteprima il contenuto dell'e-mail, fai clic su Simula contenuto e quindi aggiungi un profilo di test per verificare il messaggio utilizzando i dati del profilo di test.
{width="700" modal="regular"}