Utilizzare i componenti per contenuti content-components

Quando crei un contenuto e-mail da zero, i componenti per Contenuto consentono di personalizzare ulteriormente l’e-mail con componenti vuoti e non elaborati che possono essere utilizzati una volta inseriti in un’e-mail.

Puoi aggiungere tutti i Contenuti necessari all’interno di una Struttura che definisce il layout dell’e-mail.

Aggiungere componenti per contenuti add-content-components

Per aggiungere componenti per contenuti all’e-mail e modificarli in base alle tue esigenze, segui i passaggi indicati di seguito:

  1. In E-mail designer, utilizza un contenuto esistente oppure trascina una Struttura nel contenuto vuoto per definire il layout dell’e-mail. Scopri come

  2. Trascina il Contenuto desiderato all’interno delle strutture pertinenti.

    {zoomable="yes"}

    note note
    NOTE
    È possibile aggiungere più componenti in una singola struttura e in ogni colonna di una struttura.
  3. Regola le opzioni per ciascun componente utilizzando la scheda Impostazioni. Ad esempio, puoi scegliere di visualizzarlo solo su desktop o dispositivi mobili, oppure su entrambi. Da questa scheda puoi anche gestire le opzioni di collegamento. Ulteriori informazioni sulla gestione dei collegamenti

  4. Regola gli attributi di stile per ciascun componente utilizzando la scheda Stile. Ad esempio, puoi modificare lo stile del testo, la spaziatura o il margine di ciascun componente. Ulteriori informazioni su allineamento e spaziatura

    {zoomable="yes"}

  5. Dal menu avanzato del Contenuto nel riquadro a destra è possibile eliminare o duplicare facilmente qualsiasi componente per contenuti in base alle esigenze.

Contenitore container

Puoi aggiungere un contenitore semplice all’interno del quale aggiungere un altro componente di contenuto. In tal modo è possibile applicare uno stile specifico al contenitore, diverso dal componente utilizzato al suo interno.

Ad esempio, aggiungi un componente Contenitore e quindi un componente Pulsante all’interno del contenitore. Puoi utilizzare uno sfondo specifico per il contenitore e un altro per il pulsante.

{zoomable="yes"}

Pulsante buttons

Utilizza il componente Pulsante per inserire uno o più pulsanti nell’e-mail e reindirizzare il pubblico dell’e-mail a un’altra pagina.

  1. Dall’elenco Contenuti, trascina il componente Pulsante in un componente Struttura.

    {zoomable="yes"}

  2. Fai clic sul pulsante appena aggiunto per personalizzare il testo e accedere alle schede Impostazioni e Stili.

    {zoomable="yes"}

  3. Dalle schede Impostazioni, nel campo URL, aggiungi l’URL a cui desideri reindirizzare l’utente quando farà clic sul pulsante.

  4. Con l’elenco a discesa Target puoi scegliere in che modo viene visualizzato il contenuto:

    • Nessuno: il collegamento viene aperto nello stesso frame in cui è stato fatto clic (impostazione predefinita).
    • Vuoto: il collegamento viene aperto in una nuova finestra o scheda.
    • Stesso: il collegamento viene aperto nello stesso frame in cui è stato fatto clic.
    • Principale: il collegamento viene aperto nel frame principale.
    • Superiore: il collegamento viene aperto nel corpo completo della finestra.

    {zoomable="yes"}

  5. Puoi personalizzare ulteriormente il pulsante modificando gli attributi di stile, ad esempio Bordo, Dimensione, Margine, ecc. dalla scheda Stili.

Testo text

Utilizza il componente Testo per inserire testo nell’e-mail e regolarne lo stile (bordo, dimensione, spaziatura, ecc.) utilizzando le schede Impostazioni e Stili.

  1. Dal menu Contenuti, trascina Testo in un componente Struttura.

    {zoomable="yes"}

  2. Fai clic sul componente appena aggiunto per personalizzare il testo e accedere alle schede Impostazioni e Stili.

  3. Modifica il testo con le seguenti opzioni disponibili nella barra degli strumenti contestuale:

    {zoomable="yes"}

    • Modifica stile di testo: applica al testo lo stile grassetto, corsivo, sottolineato o barrato.
    • Modifica l’allineamento: applica al testo l’allineamento a sinistra, a destra, centrato o giustificato.
    • Crea elenco: aggiungi al testo un elenco puntato o numerato.
    • Imposta il titolo: aggiungi al testo fino a sei livelli di titolo.
    • Dimensione font: seleziona la dimensione del font in pixel.
    • Modifica immagine: aggiungi un’immagine o una risorsa al componente testo.
    • Mostra il codice sorgente: visualizza il codice sorgente del testo. Non può essere modificato.
    • Duplica: aggiungi una copia del componente di testo.
    • Elimina: elimina dal messaggio e-mail il componente di testo selezionato.
    • Aggiungi personalizzazione: aggiungi campi di personalizzazione per personalizzare il contenuto in base ai dati dei profili.
    • Abilita contenuto condizionale: aggiungi contenuto condizionale per adattare il contenuto del componente ai profili target.
  4. Regola gli altri attributi di stile quali colore del testo, famiglia di font, bordo, spaziatura, margine, ecc. dalla scheda Stili.

    {zoomable="yes"}

Divisore divider

Utilizza il componente Divisore per inserire una linea di divisione utile per organizzare il layout e il contenuto dell’e-mail.

È possibile regolare gli attributi di stile, ad esempio il colore, lo stile e lo spessore della linea, dalla scheda Stili.

{zoomable="yes"}

HTML HTML

Utilizza il componente HTML per copiare e incollare le diverse parti di un codice HTML esistente. Questo consente di creare componenti modulari HTML a forma libera in modo da riutilizzare dei contenuti esterni.

  1. Da Componenti, trascina e rilascia il componente HTML in un componente struttura.

    {zoomable="yes"}

  2. Fai clic sul componente appena aggiunto, quindi seleziona Mostra il codice sorgente dalla barra degli strumenti contestuale per aggiungere il codice HTML.

    {zoomable="yes"}

NOTE
Per rendere semplicemente un contenuto esterno conforme a E-mail designer, Adobe consiglia di creare un messaggio da zero e di copiare il contenuto dell’e-mail esistente nei componenti.

Immagine image

Utilizza il componente Immagine per inserire nell’e-mail un file di immagine presente nel computer.

  1. Dal menu Contenuto, trascina e rilascia l’Immagine in un componente Struttura.

    {zoomable="yes"}

  2. Fai clic su Sfoglia per scegliere un file di immagine dalle risorse. Puoi anche scegliere di Importare i contenuti multimediali.

    Per ulteriori informazioni su come caricare e aggiungere risorse in Adobe Experience Manager, consulta la documentazione di Adobe Experience Manager as a Cloud Service.

    {zoomable="yes"}

  3. Spostati all’interno delle cartelle per individuare la risorsa specifica necessaria oppure utilizza la barra di ricerca per trovarla in modo efficiente.

    Una volta trovata la risorsa che stai cercando, fai clic su Seleziona.

    {zoomable="yes"}

  4. Fai clic sul componente appena aggiunto e imposta le proprietà dell’immagine utilizzando la scheda Impostazioni:

    • Titolo immagine consente di definire il titolo da assegnare all’immagine.
    • Testo Alt consente di definire la didascalia collegata all’immagine. Questo corrisponde all’attributo HTML “alt”.

    {zoomable="yes"}

  5. È possibile aggiungere un collegamento per reindirizzare il pubblico a un altro contenuto. Ulteriori informazioni

  6. Regola gli altri attributi di stile quali margine, bordo, ecc. utilizzando la scheda Stili.

Social social

Utilizza il componente Social per inserire nel contenuto dell’e-mail dei collegamenti a pagine social media.

  1. Dal menu Componenti, trascina il componente Social in un componente Struttura.

  2. Fai clic sul componente appena aggiunto.

  3. Nel campo Social della scheda Impostazioni, scegli i social media da aggiungere o rimuovere.

    {zoomable="yes"}

  4. Scegli la dimensione delle icone nel campo Dimensioni delle immagini.

  5. Fai clic su ciascuna delle icone di social media per configurare l’URL a cui il pubblico viene reindirizzato.

    {zoomable="yes"}

  6. Se necessario, puoi anche modificare le icone di ciascuno dei social media mediante il campo Origine.

  7. Regola gli altri attributi quali stile, margine, bordo, ecc. dalla scheda Stili.

recommendation-more-help
c39c2d00-ba9a-424b-adf9-66af58a0c34b