Authoring di modelli e-mail email-template-authoring

Per un processo di progettazione accelerato e migliorato, puoi creare modelli e-mail autonomi per riutilizzare facilmente i contenuti personalizzati.

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.
NOTE
I modelli e-mail nel nuovo e-mail designer possono essere utilizzati solo per creare e-mail nel nuovo e-mail designer. Non è possibile farvi riferimento nel vecchio editor e-mail.

Creare un modello e-mail create-an-email-template

  1. Accedi a Marketo Engage tramite Adobe Experience Cloud.

  2. In Il mio Marketo, seleziona Design Studio.

  3. Nella struttura selezionare Modelli di posta elettronica (nuovo editor).

  4. Fare clic sul pulsante Crea modello.

  5. Immettere un nome di modello e una descrizione facoltativa. Fai clic su Crea.

Progettare il modello design-your-template

Nella pagina Progetta modello puoi scegliere tra alcune opzioni. Progetta da zero, importa il tuo HTML o seleziona un modello esistente (uno dei nostri esempi o uno già salvato).

Creare da zero design-from-scratch

Definisci il contenuto aggiungendo e spostando elementi strutturali con semplici azioni di trascinamento della selezione.

  1. Nella pagina Progetta modello, seleziona Progetta da zero.

  2. Aggiungi struttura e contenuto.

Importa il HTML import-your-html

Puoi importare contenuti HTML esistenti per progettare i modelli 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, seleziona Importa HTML.

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

    note note
    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.
  3. Per utilizzare i componenti di contenuto di E-mail Designer, fare clic sulla scheda HTML converter e quindi su Converti.

    note caution
    CAUTION
    L'utilizzo di un tag <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.

Ora puoi personalizzare il file importato in base alle esigenze con l’editor e-mail 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
    Selezionare 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 da 1:1, quindi trascina e rilascia il frammento all’interno di esso.

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.

Aggiungere risorse 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.

Opzioni di visualizzazione view-options

Sfrutta le opzioni di convalida di visualizzazione e contenuto disponibili nell’editor e-mail visivo.

  • Effettua lo zoom avanti/indietro sul contenuto utilizzando le opzioni di zoom predefinite.

  • Visualizza il contenuto in Desktop, Dispositivi mobili o Solo testo/Testo normale.

    • Fai clic sull’icona della visualizzazione live (occhio) 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 more-options

Dalle opzioni Altro nell'editor dei contenuti, puoi eseguire le azioni seguenti:

  • Reimposta modello: selezionare questa opzione per cancellare l'area di lavoro di progettazione e-mail visiva in un'area di lavoro vuota e riavviare la creazione del contenuto.

  • Modifica la progettazione: torna alla pagina Progetta modello. Da qui puoi intraprendere qualsiasi azione come descritto nella sezione Progettare il modello.

  • Esporta HTML: scarica il contenuto nell'area di lavoro visiva nel sistema locale in formato HTML racchiuso in un file zip.

Visualizza dettagli modello view-template-details

Nella pagina dell'elenco Modelli e-mail, fai clic sul nome di un modello e-mail per visualizzarne i dettagli.

È possibile modificare dettagli di base come nome e descrizione. Fare clic all'esterno del campo modificato per salvare le modifiche.

Fai clic su Altro per eliminare o duplicare rapidamente il modello.

Se sono presenti avvisi attivi (errori/avvisi per il modello e-mail), fai clic su Avvisi per visualizzare le informazioni.

NOTE
Anche se questi avvisi non vietano l’utilizzo del modello e-mail per la creazione di e-mail, forniscono visibilità su ciò che potrebbe non funzionare e sugli aggiornamenti necessari prima che l’e-mail possa essere utilizzata per la consegna.

Visualizza modello e-mail utilizzato da riferimenti email-template-used-by-references

Nel riepilogo del modello e-mail, fai clic sulla scheda Usato da per visualizzare i dettagli di dove è stato utilizzato questo modello e-mail in Marketo Engage.

Modifica modelli e-mail edit-email-templates

Questa azione può essere intrapresa da:

  • Scheda dei dettagli - Fare clic su Modifica modello e-mail.

Questa azione ti porta alla pagina Progetta il modello o alla pagina dell'editor di contenuti visivi in base all'ultimo stato salvato del modello e-mail. Da qui puoi modificare il contenuto del modello e-mail in base alle esigenze. Consulta Creare modelli e-mail per informazioni sulle opzioni di modifica.

Modelli e-mail duplicati duplicate-email-templates

Esistono due modi per duplicare un modello e-mail:

  • Dai dettagli del modello e-mail a destra, fai clic su Altro e seleziona Duplica.

  • Nella pagina di elenco dei modelli e-mail, fai clic sull'icona Altre azioni (tre punti) del modello e-mail desiderato e scegli Duplica.

Nella finestra di dialogo, inserisci un nome univoco e una descrizione facoltativa. Al termine, fai clic su Duplica.

Il modello e-mail duplicato viene quindi visualizzato nella pagina di elenco Modelli e-mail.

Elimina modelli e-mail delete-email-templates

Esistono due modi per eliminare un modello e-mail.

CAUTION
L’eliminazione di un modello e-mail non può essere annullata.
  • Dai dettagli del modello e-mail a destra, fai clic su Altro e seleziona Elimina.

  • Nella pagina dell'elenco Modelli e-mail, fai clic sull'icona Altre azioni (tre punti) del modello e-mail desiderato e scegli Elimina.

Azioni in blocco bulk-actions

Dalla pagina di elenco dei modelli e-mail, seleziona più modelli selezionando le caselle di controllo a sinistra. Nella parte inferiore viene visualizzato un banner.

Elimina: è possibile eliminare un massimo di 20 modelli alla volta. Una finestra di dialogo di conferma ti consente di interrompere l’azione o confermare l’eliminazione.

recommendation-more-help
94ec3174-1d6c-4f51-822d-5424bedeecac