Componente Teaser e-mail

Il componente Teaser e-mail può mostrare un’immagine, un titolo, un testo formattato e, opzionalmente, un collegamento ad altro contenuto.

Utilizzo

Il componente Teaser e-mail consente all’autore di contenuti di creare facilmente un teaser per ampliare il contenuto utilizzando un’immagine, un titolo o un testo formattato e anche collegamenti ad altro contenuto o altre azioni.

Versione e compatibilità

La versione corrente del componente Teaser e-mail è la v1, introdotta con la versione x dei Componenti core e-mail a ottobre 2022, ed è quella descritta in questo documento.

La tabella che segue descrive tutte le versioni supportate del componente, le versioni di AEM con cui le versioni del componente sono compatibili e i collegamenti alla documentazione delle versioni precedenti.

Versione del componente AEM 6.5 AEM as a Cloud Service
v1 Compatibile Compatibile

Esempio di output del componente

Per avere un’idea del componente Teaser e-mail e vedere esempi delle opzioni di configurazione e dell’output HTML e JSON, visita la Libreria dei componenti.

Dettagli tecnici

La documentazione tecnica più recente sul componente Teaser e-mail è disponibile su GitHub.

Per ulteriori informazioni sullo sviluppo di Componenti core, vedi la documentazione per gli sviluppatori di Componenti core.

Finestra di dialogo per la configurazione

L’autore di contenuti può utilizzare la finestra di dialogo per la configurazione per definire le proprietà del singolo teaser. È inoltre disponibile una finestra di dialogo per la modifica che consente di modificare l’immagine del teaser, se ne è stata selezionata una.

Scheda collegamento della finestra di dialogo per la modifica del componente Teaser e-mail

Il titolo, la descrizione e l’immagine del Teaser possono essere ereditati dal contenuto collegato o dal contenuto collegato nel primo invito all’azione. Se non viene specificato né un collegamento né un invito all’azione, il titolo, la descrizione e l’immagine verranno ereditati dal contenuto corrente.

  • Collegamento: questo file collega ai contenuti, un URL esterno o un ancoraggio.
  • Inviti all’azione - Questa opzione consente il collegamento a più destinazioni.
    • La pagina collegata nella prima chiamata all’azione viene utilizzata per ereditare il titolo, la descrizione o l’immagine del teaser.
    • Fai clic sull’icona Campagna per aprire la finestra di dialogo Seleziona variabile di Adobe Campaign per inserire contenuto dinamico da Adobe Campaign.

Scheda Testo

Scheda Testo della finestra di dialogo per la modifica del componente Teaser e-mail

  • Pretitolo: il pretitolo viene visualizzato prima del titolo del teaser.
  • Titolo: definisce un testo da visualizzare come titolo del teaser.
    • Fai clic sull’icona Campagna per aprire la finestra di dialogo Seleziona variabile di Adobe Campaign per inserire contenuto dinamico da Adobe Campaign.
    • Ottieni titolo da pagina collegata: se questa opzione è selezionata, viene utilizzato il titolo della pagina collegata.
  • Descrizione: è una descrizione da visualizzare come sottotitolo del teaser.
    • Fai clic sull’icona Seleziona variabile di Adobe Campaign per aprire la finestra di dialogo Seleziona variabile di Adobe Campaign e inserire contenuto dinamico da Adobe Campaign.
    • Ottieni descrizione da pagina collegata: se questa opzione è selezionata, la descrizione verrà popolata utilizzando la descrizione della pagina collegata.
  • ID: questa opzione consente di controllare l’identificatore univoco del componente nell’HTML.
    • Se non specificato, viene generato automaticamente un ID univoco reperibile esaminando il contenuto risultante.
    • Se l’ID viene specificato, è responsabilità dell’autore accertarsi che sia univoco.
    • La modifica dell’ID può avere un impatto sulle CSS.

Scheda Risorsa

Scheda Immagine della finestra di dialogo per la modifica del componente Teaser e-mail

  • Eredita immagine in primo piano dalla pagina - Se non ne viene trovata alcuna, utilizza l’immagine definita nelle proprietà della pagina collegata o della pagina corrente.
  • Risorsa immagine - Rilascia una risorsa dal browser di risorse oppure tocca l’opzione Sfoglia per caricarla da un file system locale.
  • Testo alternativo per accessibilità: Questo campo consente di definire una descrizione dell’immagine per gli utenti ipovedenti.
    • Eredita testo alternativo dalla pagina - Questa opzione utilizza la descrizione alternativa del valore della risorsa collegata dei metadati dc:description in DAM o nella pagina corrente se non è collegata alcuna risorsa.
  • Non fornire testo alternativo - Questa opzione contrassegna l’immagine da ignorare da tecnologie per l’accessibilità, come gli assistenti vocali, nei casi in cui l’immagine sia puramente decorativa o in altro modo non trasmetta informazioni aggiuntive alla pagina.
NOTA

Le funzioni di Dynamic Media non sono attualmente disponibili nel componente Teaser.

Scheda Stili

Il componente Teaser e-mail supporta il Sistema di stili di AEM.

Utilizza il menu a discesa per selezionare gli stili da applicare al componente. Le selezioni effettuate nella finestra di dialogo di modifica hanno lo stesso effetto di quelle selezionate nella barra degli strumenti del componente.

Gli stili devono essere configurati per questo componente nella finestra di dialogo per la progettazione affinché la scheda sia disponibile.

Finestra di dialogo per la modifica

Il componente Teaser e-mail delega il rendering dell’immagine al componente Immagine. Pertanto, la finestra di dialogo per la modifica del componente Immagine è disponibile per consentire all’autore del contenuto di manipolare l’immagine del teaser.

Finestra di dialogo per la progettazione

La finestra di dialogo per la progettazione consente all’autore di modelli di definire le opzioni del teaser disponibili per l’autore di contenuti quando utilizza questo componente.

Scheda Teaser

Finestra di dialogo per la progettazione del componente Teaser e-mail

  • Elementi intestazione consentiti: utilizza l’elenco a discesa per definire l’intestazione degli elementi HTML che possono essere selezionati da un autore per il tipo di titolo del teaser.
  • Elemento per titoli predefinito del titolo: elemento HTML del titolo predefinito utilizzato per il tipo di titolo del teaser
  • Inviti all’azione
    • Disabilita inviti all'azione: nasconde l’opzione Inviti all’azione agli autori di contenuti
  • Elementi
    • Nascondi pretitolo: nasconde l’opzione Pretitolo agli autori di contenuti
    • Nascondi titolo: nasconde l’opzione Titolo agli autori di contenuti
      • Quando è selezionata, il tipo di titolo è nascosto
    • Mostra tipo di titolo
    • Nascondi descrizione: nasconde l’opzione Descrizione agli autori di contenuti
  • Delegato immagine: visualizzazione informativa che indica a quale componente il Teaser e-mail delega la gestione dell’immagine.

Scheda Stili

Il componente Teaser e-mail supporta il Sistema di stili di AEM.

In questa pagina