Authoring di e-mail email-authoring
Scopri come creare, personalizzare e visualizzare in anteprima le e-mail nel nuovo Marketo Engage Email Designer.
Creare un messaggio e-mail create-an-email
Le e-mail inviate da e-mail designer possono essere create solo in Design Studio e a cui si fa riferimento in Smart Campaigns/Lists, oppure create/utilizzate direttamente in Email Programs (Programmi e-mail) in questo momento.
-
Accedi a Marketo Engage tramite Adobe Experience Cloud.
-
In Il mio Marketo, seleziona Design Studio.
-
Nella struttura, seleziona E-mail (nuovo editor).
-
Fai clic sul pulsante Crea e-mail.
-
Immetti un nome e un oggetto per l’e-mail. Fai clic su Crea.
-
Accedi a Marketo Engage tramite Adobe Experience Cloud.
-
Trova e seleziona (o crea) il programma e-mail.
-
Sono disponibili due opzioni per creare una nuova e-mail. Fai clic con il pulsante destro del mouse sul nome del programma e-mail e seleziona Nuova risorsa locale oppure fai clic sul pulsante +Nuova e-mail nella casella E-mail nel dashboard. In questo esempio, eseguiremo la prima.
-
Seleziona E-mail (nuovo editor).
-
Immetti un nome e un oggetto per l’e-mail. Fai clic su Crea.
Tutto qui. Ora è il momento di progettare la tua e-mail.
Scegli il tipo di contenuto choose-your-content-type
-
Nell'e-mail appena creata, fai clic su Aggiungi contenuto e-mail.
-
La pagina Crea messaggio e-mail viene caricata. Puoi scegliere tra alcune opzioni:
-
Progetta da zero utilizzando l'editor e-mail visivo
-
Importa il tuo HTML tramite un file HTML o zip
-
Seleziona un modello esistente (uno dei nostri esempi o uno già salvato)
Creare da zero design-from-scratch
Quando inizi da zero, utilizza le opzioni seguenti per definire il contenuto.
-
Nella pagina Crea messaggio e-mail, seleziona Progetta da zero.
-
Aggiungi struttura e contenuto alla tua e-mail.
-
Aggiungi immagini.
-
Personalizza il contenuto.
-
Controlla i collegamenti e modifica il tracciamento.
Importa HTML import-html
Puoi importare contenuti HTML esistenti per progettare i messaggi e-mail. Il contenuto 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
-
Nella pagina Progetta modello selezionare Importa HTML.
-
Trascina e rilascia il file HTML o .zip desiderato (o seleziona un file dal computer) e fai clic su Importa.
Puoi apportare le modifiche desiderate al contenuto importato utilizzando gli strumenti dell'editor di posta elettronica visivo.
Scegli un modello choose-a-template
È possibile scegliere tra due tipi di modelli.
-
Modelli di esempio: Marketo Engage offre quattro modelli e-mail predefiniti.
-
Modelli salvati: si tratta di modelli creati da zero utilizzando il menu Modelli o di un messaggio di posta elettronica creato e scelto di salvare come modello.
Scegli uno dei modelli predefiniti per iniziare subito a progettare modelli e-mail.
-
La scheda Modelli di esempio è aperta per impostazione predefinita.
-
Seleziona il modello da utilizzare.
-
Fare clic su Usa questo modello.
-
Modifica il contenuto come desiderato utilizzando la finestra di progettazione del contenuto visivo.
-
Fai clic sulla scheda Modelli salvati e seleziona il modello desiderato.
-
Fare clic su Usa questo modello.
-
Modifica il contenuto come desiderato utilizzando la finestra di progettazione del contenuto visivo.
Aggiungere struttura e contenuto add-structure-and-content
-
Per iniziare a creare o modificare il contenuto, trascina un elemento da Strutture nell’area di lavoro. Modificane le impostazioni nel riquadro a destra.
note tip TIP Seleziona il componente colonna n:n 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. note note NOTE Le dimensioni di ogni colonna non possono essere inferiori al 10% della larghezza totale del componente struttura. È possibile rimuovere solo colonne vuote. -
Dalla sezione Sommario, trascina gli elementi desiderati e rilasciali in uno o più componenti della struttura.
-
Ogni componente può essere personalizzato tramite le schede Impostazioni o Stile. Modificare il carattere, lo stile del testo, il margine e altro ancora.
Aggiungi frammenti add-fragments
-
Per accedere ai frammenti, seleziona l'icona Frammenti (
-
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 scheda Used By della pagina dei dettagli del frammento. I frammenti aggiunti a un modello e-mail non sono modificabili all’interno del modello; il frammento di origine definisce il contenuto.
Aggiungi Assets add-assets
Aggiungi le immagini archiviate nella sezione Immagini e file dell'istanza di Marketo Engage.
-
Per accedere alle immagini, fai clic sull’icona del selettore delle risorse.
-
Trascina e rilascia l’immagine desiderata in un componente struttura.
note note NOTE Per sostituire un'immagine esistente, selezionala, quindi fai clic su Seleziona una risorsa nella scheda Impostazioni a destra.
Livelli, impostazioni e stili layers-settings-styles
Apri la struttura di navigazione per accedere a strutture specifiche e alle relative colonne/componenti per una modifica più granulare. Per accedere a, fai clic sull’icona della struttura di navigazione.
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 Select a column e scegliere quello che si desidera modificare.
Puoi anche selezionarla dall’albero della struttura. I parametri modificabili per tale colonna vengono visualizzati nelle schede Settings e_Styles_ a destra.
-
Per modificare le proprietà della colonna, fare clic sulla scheda Styles a destra e modificarle in base alle proprie esigenze:
-
Per Background, modificare il colore di sfondo in base alle esigenze.
Deselezionare la casella di controllo relativa a uno sfondo trasparente. Abilitare l'impostazione Background image per utilizzare un'immagine come sfondo invece di un colore a tinta unita.
-
Per Alignment, seleziona l'icona Top, Middle o Bottom.
-
Per Padding, definire la spaziatura per tutti i lati.
Selezionare Different padding for each side se si desidera regolare la spaziatura. Fai clic sull'icona Blocca per interrompere la sincronizzazione.
-
Espandere la sezione Advanced per definire gli stili in linea per la colonna.
-
-
Ripeti questi passaggi per regolare l’allineamento e la spaziatura per le altre colonne del componente.
-
Salva le modifiche.
Personalizzazione dei contenuti personalize-content
I token funzionano nel nuovo editor nello stesso modo in cui funzionano nel vecchio, ma l’icona ha un aspetto diverso. L’esempio seguente illustra l’aggiunta di un token di nome con testo di fallback.
-
Seleziona il componente testo. Posiziona il cursore nel punto in cui desideri visualizzare il token e fai clic sull'icona Aggiungi personalizzazione.
-
Fai clic sul tipo di token desiderato.
-
Trova il token desiderato e fai clic sull'icona … (facendo clic sull'icona + viene aggiunto un token senza testo di fallback).
note note NOTE "Testo di fallback" è il nuovo termine dell’editor per il valore predefinito. Esempio: {{lead.First Name:default=Friend}}
. È consigliato nel caso in cui non vi sia alcun valore per la persona nel campo scelto. -
Imposta il testo di fallback e fai clic su Aggiungi.
-
Fai clic su Salva.
Modifica tracciamento URL edit-url-tracking
A volte è meglio non abilitare l’URL di tracciamento di Marketo su un collegamento all’interno di un’e-mail. Questa funzione è utile quando la pagina di destinazione non supporta i parametri URL e può causare il mancato funzionamento del collegamento.
-
Fai clic sull’icona Collegamenti per visualizzare tutti gli URL nel messaggio e-mail.
-
Fai clic sull’icona a forma di matita per modificare il tracciamento di eventuali collegamenti desiderati.
-
Fai clic sul menu a discesa Tipo di tracciamento ed effettua la selezione.
table 0-row-2 1-row-2 2-row-2 html-authored no-header Traccia senza markt_tok Attiva il tracciamento sull’URL senza utilizzare il parametro della stringa di query mkt_tok nell’URL di destinazione Traccia con mkt_tok Attiva il tracciamento sull’URL utilizzando il parametro della stringa di query mkt_tok nell’URL di destinazione Non tracciare Disattiva il tracciamento dell’URL -
Facoltativamente, puoi assegnare all’URL un’etichetta o aggiungere Tag.
-
Al termine, fai clic su Salva.
Controlla avvisi check-alerts
Durante la progettazione del contenuto, gli avvisi vengono visualizzati in alto a destra dello schermo quando mancano le impostazioni chiave.
Esistono due tipi di avvisi:
Avvisi
Le avvertenze si riferiscono a consigli e best practice, ad esempio:
- Il collegamento di rinuncia non è presente nel corpo dell'e-mail: sebbene i collegamenti di annullamento dell'iscrizione siano un requisito, è consigliabile aggiungerli al corpo dell'e-mail.
-
La versione testuale di HTML è vuota: è necessario definire una versione testuale del corpo dell'e-mail per i casi in cui non è possibile visualizzare il contenuto di HTML.
-
Nel corpo dell'e-mail è presente un collegamento vuoto: verifica che tutti i collegamenti presenti nell'e-mail siano corretti.
-
La dimensione dell'e-mail ha superato il limite di 100 KB: per una consegna ottimale, assicurati che la dimensione dell'e-mail non superi i 100 KB.
Errori
Gli errori impediscono l’invio o il test dell’e-mail finché non vengono risolti:
-
Riga dell'oggetto mancante: è necessaria una riga dell'oggetto dell'e-mail.
-
La versione e-mail del messaggio è vuota: questo errore si verifica quando il contenuto dell'e-mail non è stato configurato.
Verifica l’e-mail test-your-email
Una volta definito il contenuto del messaggio, puoi utilizzare i profili di test per visualizzarne l’anteprima, inviare bozze e controllare il rendering nei client desktop, mobili e basati su Web più diffusi. Se hai inserito contenuti personalizzati, puoi controllarne la modalità di visualizzazione nel messaggio utilizzando i dati del profilo di test.
Per visualizzare l'anteprima del contenuto dell'e-mail, fai clic su Simula contenuto, quindi aggiungi un profilo di test per verificare il messaggio utilizzando i dati del profilo di test.
Fai riferimento a un’e-mail reference-an-email
Le e-mail Designer sono accessibili tramite e-mail, coinvolgimento, programmi predefiniti ed eventi (con l’unica eccezione dei programmi di webinar interattivi). Se hai creato l’e-mail in Design Studio, puoi farvi riferimento da Campagne avanzate e/o Elenchi avanzati come faresti con qualsiasi altra e-mail.
-
Per farvi riferimento in un elenco avanzato, segui i soliti passaggi.
-
Per farvi riferimento in una campagna avanzata, segui i soliti passaggi.