Utilizzare i componenti per contenuti content-components

Durante la creazione del contenuto dell'e-mail, i componenti Contenuto ti consentono di personalizzare l'e-mail con componenti vuoti e non elaborati che puoi utilizzare una volta inseriti in un messaggio 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.

    Schermata che mostra come trascinare e rilasciare componenti di contenuto nelle strutture di E-mail Designer. {modal="regular"}

    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, scegli di visualizzarlo solo su dispositivi desktop o 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, modifica lo stile del testo, la spaziatura interna o il margine di ciascun componente. Ulteriori informazioni su allineamento e spaziatura

    Schermata che mostra la scheda delle impostazioni per i componenti di contenuto nel Designer e-mail. {modal="regular"}

  5. Dal menu avanzato di Content nel riquadro di destra, eliminare o duplicare qualsiasi componente di contenuto in base alle esigenze.

Contenitore container

Puoi aggiungere un contenitore semplice all’interno del quale aggiungere un altro componente di contenuto. Questo consente di applicare uno stile specifico al contenitore, che è diverso dal componente utilizzato al suo interno.

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

Schermata che mostra come aggiungere un componente contenitore nel Designer e-mail. {modal="regular"}

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.

    Schermata che mostra come trascinare un componente Pulsante nel Designer e-mail. {modal="regular"}

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

    Schermata che mostra la scheda delle impostazioni per i componenti del pulsante in E-mail Designer. {modal="regular"}

  3. Nella scheda Impostazioni, nel campo URL, aggiungi l'URL a cui reindirizzare quando fai clic sul pulsante.

  4. Scegliere la modalità di visualizzazione del contenuto utilizzando l'elenco a discesa Target:

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

    Schermata che mostra le opzioni di destinazione per i componenti del pulsante in E-mail Designer. {modal="regular"}

  5. Personalizza ulteriormente il pulsante modificando gli attributi di stile come Bordo, Dimensione, Margine e altri dalla scheda Stili.

Testo text

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

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

    Schermata che mostra come trascinare un componente di testo nel Designer e-mail. {modal="regular"}

  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:

    Schermata che mostra la barra degli strumenti di modifica del testo nel Designer e-mail. {modal="regular"}

    • Modifica stile testo: applica il grassetto, il corsivo, la sottolineatura o il barrato al testo.
    • Cambia allineamento: scegli l'allineamento a sinistra, a destra, al centro o giustificato per il testo.
    • Crea elenco: aggiungi elenchi puntati o numerati al testo.
    • 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 altri attributi di stile come il colore del testo, la famiglia di caratteri, il bordo, la spaziatura interna, il margine e altri dalla scheda Stili.

    Schermata che mostra la scheda degli stili per i componenti di testo nel Designer e-mail. {modal="regular"}

Divisore divider

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

Dalla scheda Stili è possibile regolare gli attributi di stile, ad esempio il colore della linea, lo stile e l'altezza.

Schermata che mostra come aggiungere un componente divisore nel Designer e-mail. {modal="regular"}

HTML HTML

Utilizza il componente HTML per copiare e incollare parti del HTML esistente. Questo consente di creare componenti HTML modulari gratuiti per riutilizzare contenuti esterni.

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

    Schermata che mostra come trascinare un componente HTML nel Designer e-mail. {modal="regular"}

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

    Schermata che mostra l'opzione del codice sorgente per i componenti HTML nel Designer e-mail. {modal="regular"}

NOTE
Per rendere il contenuto esterno conforme a E-mail Designer, Adobe consiglia di creare un messaggio da zero e copiare il contenuto dall'e-mail esistente nei componenti.

Immagine image

IMPORTANT
L’accesso al menu di Assets è limitato agli utenti con una licenza Adobe Experience Manager as a Cloud Service attiva. Se non si dispone di questa licenza, il menu Assets non sarà disponibile.

Utilizza il componente Immagine per inserire un file immagine dal computer nell'e-mail.

  1. Dal menu Contenuto trascinare Immagine in un componente Struttura.

    Schermata che mostra come trascinare un componente immagine nel Designer e-mail. {modal="regular"}

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

    Per ulteriori informazioni sul caricamento e l'aggiunta di risorse in Adobe Experience Manager, consulta la documentazione di Adobe Experience Manager as a Cloud Service.

    Schermata che mostra l'opzione Sfoglia per i componenti immagine nel Designer e-mail. {modal="regular"}

  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.

    Schermata che mostra il processo di selezione delle risorse nel Designer e-mail. {modal="regular"}

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

    • Titolo immagine consente di definire un titolo per l'immagine.
    • Testo Alt consente di definire la didascalia collegata all’immagine. Questo corrisponde all’attributo HTML “alt”.

    Schermata che mostra la scheda delle impostazioni per i componenti immagine nel Designer e-mail. {modal="regular"}

  5. Aggiungi un collegamento per reindirizzare il pubblico a un altro contenuto. Ulteriori informazioni

  6. Regola altri attributi di stile come margine, bordo e altri 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.

    Schermata che mostra la scheda delle impostazioni per i componenti social in E-mail Designer. {modal="regular"}

  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.

    Schermata che mostra la configurazione URL per le icone dei social media nel Designer e-mail. {modal="regular"}

  6. Se necessario, modifica le icone di ogni social media nel campo Source.

  7. Regola altri attributi di stile come stile, margine, bordo e altri dalla scheda Stili.

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