In questa pagina: scopri come progettare contenuti e-mail da zero in Adobe Journey Optimizer Email Designer aggiungendo strutture e componenti di contenuto, quindi personalizzando e visualizzando in anteprima il tuo indirizzo e-mail.
Utilizza il Designer e-mail di Adobe Journey Optimizer per definire facilmente la struttura del contenuto. Aggiungendo e spostando elementi strutturali con semplici azioni di trascinamento della selezione, è possibile progettare la forma del contenuto in pochi secondi.
Per iniziare a creare i contenuti, segui i passaggi seguenti:
-
Dalla home page di Designer, selezionare l’opzione Progetta da zero.
-
Per iniziare rapidamente, utilizza Moduli, blocchi di contenuto predefiniti pronti all’uso come intestazioni, sezioni principali e piè di pagina, per velocizzare la creazione di e-mail e mantenere visivamente coerenti le tue campagne. Ulteriori informazioni sui moduli
-
In caso contrario, puoi progettare il contenuto trascinando Strutture nell’area di lavoro per definire il layout dell’e-mail.
note tip TIP In alternativa, accelera la creazione di e-mail con Genera contenuto per generare contenuti e-mail completi, inclusi testo e immagini, utilizzando Genera contenuto completo con IA. Puoi quindi passare all’anteprima e alla convalida del contenuto. -
Aggiungi tutte le Strutture necessarie e modificane le impostazioni nel riquadro dedicato a destra.
note NOTE Su schermi stretti (ad esempio dispositivi mobili), le colonne si sovrappongono verticalmente per impostazione predefinita per migliorarne la leggibilità. Alcuni client di posta elettronica non supportano questo comportamento, nel qual caso le colonne rimangono affiancate. È inoltre possibile disattivarlo utilizzando l'interruttore Non impilare colonne su dispositivi mobili nella scheda Impostazioni. -
La maggior parte delle strutture (1:1 colonna, 2:2 colonna, 1:2 colonna sinistra e così via) sono predefiniti fissi. Selezionare il componente n:n column per definire un numero qualsiasi di colonne desiderato (tra 3 e 10).
Puoi aumentare il numero di colonne di una struttura esistente in qualsiasi momento dalla scheda Impostazioni, anche dopo avervi aggiunto il contenuto. Il contenuto esistente viene mantenuto invece di essere perso.
Puoi anche regolare la larghezza di ogni colonna direttamente nell’area di lavoro o modificando le percentuali nella scheda Impostazioni.
note NOTE Le dimensioni di ogni colonna non possono essere inferiori al 10% della larghezza totale del componente struttura. Non è possibile rimuovere una colonna non vuota. -
Dalla sezione Contents, aggiungi tutti gli elementi necessari in uno o più componenti della struttura. Ulteriori informazioni sui componenti contenuto
-
Ogni componente può essere ulteriormente personalizzato utilizzando le schede Impostazioni o Stile nel menu di destra. Ad esempio, puoi modificare lo stile del testo, la spaziatura o il margine di ciascun componente. Ulteriori informazioni su allineamento e spaziatura
-
Dal selettore risorse, puoi selezionare direttamente le risorse archiviate nella libreria Assets. Ulteriori informazioni sulla gestione delle risorse
Fai doppio clic sulla cartella che contiene le risorse. Trascinali e rilasciali in un componente struttura.
-
Inserisci campi di personalizzazione per personalizzare il contenuto da attributi di profili, iscrizioni di pubblico, attributi contestuali e altro ancora. Ulteriori informazioni sulla personalizzazione dei contenuti
-
Fai clic su Abilita contenuto condizione per aggiungere contenuto dinamico e adattare il contenuto ai profili target in base alle regole condizionali. Introduzione ai contenuti dinamici
-
Fai clic sulla scheda Collegamenti nel riquadro a sinistra per visualizzare tutti gli URL del contenuto che saranno tracciati. Puoi modificare il Tipo di tracciamento o Etichetta e aggiungere Tag se necessario. Ulteriori informazioni su collegamenti e monitoraggio
-
Se necessario, puoi personalizzare ulteriormente l’e-mail facendo clic su Passa all’editor di codice nel menu avanzato. Questo consente di modificare il codice sorgente dell’e-mail, ad esempio per aggiungere tag di tracciamento o HTML personalizzati. Ulteriori informazioni sull’editor di codice
note caution CAUTION Dopo il passaggio all’editor di codice, per l’e-mail corrente non è possibile tornare al designer visivo. -
Una volta che il contenuto è pronto, utilizza uno dei metodi di simulazione per controllare il rendering. È possibile scegliere la visualizzazione su desktop o dispositivo mobile. Informazioni dettagliate sono disponibili nella sezione Gestione dei contenuti.
-
Puoi anche convalidare la qualità dei contenuti per valutarne la leggibilità, l’efficacia e la coerenza. Ulteriori informazioni sulla convalida della qualità dei contenuti
-
Quando il contenuto è pronto, fai clic su Salva.
This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.
For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.
- TL;DR: This page explains how to design email content from scratch in the Email Designer by adding structure and content components, defining columns, personalizing, adding dynamic content and links, and previewing before saving.
Intents:
- Start an email from the Design from scratch option and add structure components
- Define the number and width of columns in a structure component
- Add content components, personalization fields, and dynamic (conditional) content
- Review and configure tracked links from the Links tab
- Preview rendering with a simulation method and validate content quality
- Switch to the code editor for advanced source editing
Glossary:
- Design from scratch: The Designer home page option to start building content by adding structures and components (product-specific)
- Structure components: Elements that define the layout of the email, added by drag and drop into the canvas (product-specific)
- n:n column: A structure component whose number of columns can be defined between 3 and 10 (product-specific)
- Switch to code editor: An advanced-menu option to edit the email source code (for example to add tracking or custom HTML tags) (product-specific)
Guardrails:
- The n:n column component supports between 3 and 10 columns.
- Each column size cannot be under 10% of the total width of the structure component.
- You cannot remove a column that is not empty.
- After switching to the code editor, you cannot revert back to the visual designer for that email.
- Stacking columns is not compatible with all email programs; when not supported, columns will not be stacked.
Terminology:
- Canonical name: Structure components — Acronym: n/a — variants: Structures, structure component
- Synonyms: “Design from scratch” = starting content with no template
- Do not confuse: “Structure components” (define layout) ≠ “Content components” (elements placed inside structures)
- Do not confuse: “Settings tab” ≠ “Style tab” (both used to customize components)
FAQ:
- Q: How many columns can a structure have? — Between 3 and 10, defined with the n:n column component.
- Q: Can I make a column narrower than 10%? — No, each column size cannot be under 10% of the total width of the structure component.
- Q: Can I go back to the visual designer after using the code editor? — No, you cannot revert back to the visual designer for that email after switching to the code editor.
- Q: How do I check rendering before saving? — Use either simulation method to check rendering, choosing the desktop or mobile view.
- Q: Where do I manage tracked links? — In the Links tab from the left pane, where you can modify Tracking Type or Label and add Tags.