Authoring di e-mail email-authoring

Scopri come creare, personalizzare e visualizzare in anteprima le e-mail nel nuovo Marketo Engage Email Designer.

PREREQUISITES
Per accedere al nuovo e-mail designer, la sottoscrizione a Marketo Engage deve essere migrata a Adobe Identity Management System (IMS). Se non lo hai ancora fatto e desideri richiederne la rapidità, contatta il team dell'account Adobe (il tuo account manager) o il supporto Marketo.

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.

Studio Progettazione
  1. Accedi a Marketo Engage tramite Adobe Experience Cloud.

  2. In Il mio Marketo, seleziona Design Studio.

  3. Nella struttura, seleziona E-mail (nuovo editor).

  4. Fai clic sul pulsante Crea e-mail.

  5. Immetti un nome e un oggetto per l’e-mail. Fai clic su Crea.

Programma e-mail
  1. Accedi a Marketo Engage tramite Adobe Experience Cloud.

  2. Trova e seleziona (o crea) il programma e-mail.

  3. 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.

  4. Seleziona E-mail (nuovo editor).

  5. 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

  1. Nell'e-mail appena creata, fai clic su Aggiungi contenuto e-mail.

  2. La pagina Crea messaggio e-mail viene caricata. Puoi scegliere tra alcune opzioni:

Creare da zero design-from-scratch

Quando inizi da zero, utilizza le opzioni seguenti per definire il contenuto.

  1. Nella pagina Crea messaggio e-mail, seleziona Progetta da zero.

  2. Aggiungi struttura e contenuto alla tua e-mail.

  3. Aggiungi immagini.

  4. Personalizza il contenuto.

  5. 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

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.
  1. Nella pagina Progetta modello selezionare Importa HTML.

  2. Trascina e rilascia il file HTML o .zip desiderato (o seleziona un file dal computer) e fai clic su Importa.

NOTE
Quando il contenuto HTML viene caricato, il contenuto sarà in modalità di compatibilità. In questa modalità, puoi solo personalizzare il testo, aggiungere collegamenti o aggiungere risorse al contenuto.

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.

Modelli di esempio

Scegli uno dei modelli predefiniti per iniziare subito a progettare modelli e-mail.

  1. La scheda Modelli di esempio è aperta per impostazione predefinita.

  2. Seleziona il modello da utilizzare.

  3. Fare clic su Usa questo modello.

  4. Modifica il contenuto come desiderato utilizzando la finestra di progettazione del contenuto visivo.

Modelli salvati
  1. Fai clic sulla scheda Modelli salvati e seleziona il modello desiderato.

  2. Fare clic su Usa questo modello.

  3. Modifica il contenuto come desiderato utilizzando la finestra di progettazione del contenuto visivo.

Aggiungere struttura e contenuto add-structure-and-content

  1. 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.
  2. Dalla sezione Sommario, trascina gli elementi desiderati e rilasciali in uno o più componenti della struttura.

  3. 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

  1. Per accedere ai frammenti, seleziona l'icona Frammenti ( Icona Frammenti ) nell'area di navigazione a sinistra.

    Seleziona un frammento {width="700" modal="regular"}

  2. 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.

TIP
Se desideri che il frammento occupi l’intero layout orizzontale all’interno dell’e-mail, aggiungi una struttura di colonne 1:1, quindi trascina e rilascia il frammento al suo interno.

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.

NOTE
È possibile aggiungere solo immagini nella nuova finestra di progettazione, non altri tipi di file in questo momento.
  1. Per accedere alle immagini, fai clic sull’icona del selettore delle risorse.

  2. 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.

  1. Selezionare la colonna nel componente struttura direttamente nell'area di lavoro o utilizzando la struttura di spostamento visualizzata a sinistra.

  2. 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.

  3. 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.

  4. Ripeti questi passaggi per regolare l’allineamento e la spaziatura per le altre colonne del componente.

  5. 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.

  1. Seleziona il componente testo. Posiziona il cursore nel punto in cui desideri visualizzare il token e fai clic sull'icona Aggiungi personalizzazione.

  2. Fai clic sul tipo di token desiderato.

  3. 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.
  4. Imposta il testo di fallback e fai clic su Aggiungi.

  5. 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.

  1. Fai clic sull’icona Collegamenti per visualizzare tutti gli URL nel messaggio e-mail.

  2. Fai clic sull’icona a forma di matita per modificare il tracciamento di eventuali collegamenti desiderati.

  3. 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
  4. Facoltativamente, puoi assegnare all’URL un’etichetta o aggiungere Tag.

  5. 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.
NOTE
L'aggiunta di un'opzione di annullamento dell'abbonamento non è richiesta per e-mail operative (non di marketing).
  • 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.

NOTE
È possibile fare riferimento solo alle e-mail salvate. Nel nuovo e-mail designer non è presente lo stato "approvato".
recommendation-more-help
94ec3174-1d6c-4f51-822d-5424bedeecac