Componente Teaser de correo electrónico

El componente Teaser de correo electrónico puede mostrar una imagen, un título, texto enriquecido y, opcionalmente, vincular a contenido adicional.

Uso

El componente Teaser de correo electrónico permite al autor del contenido crear fácilmente un teaser mediante una imagen, un título o texto enriquecido y vincularlo a más contenido u otras acciones.

Versión y compatibilidad

La versión actual del componente Teaser de correo electrónico es la v1, que se introdujo con la versión x de los componentes principales de correo electrónico en octubre de 2022 y se describe en este documento.

La siguiente tabla detalla todas las versiones compatibles del componente, las versiones de AEM con las que son compatibles las versiones del componente y los vínculos a la documentación de versiones anteriores.

Versión del componente AEM 6.5 AEM as a Cloud Service
Versión 1 Compatible Compatible

Salida del componente de ejemplo

Para experimentar el componente Teaser de correo electrónico, así como ver ejemplos de sus opciones de configuración, así como HTML y salida JSON, visite la Biblioteca de componentes.

Detalles técnicos

La documentación técnica más reciente acerca del componente Teaser de correo electrónico se encuentra en GitHub.

Puede encontrar más información acerca del desarrollo de componentes principales en la documentación para desarrolladores de componentes principales.

Cuadro de diálogo de configuración

El autor del contenido puede utilizar el cuadro de diálogo de configuración para definir las propiedades del teaser individual. También existe un cuadro de diálogo de edición para modificar la imagen de teaser si se selecciona una.

Pestaña de vínculos del cuadro de diálogo editar del componente Teaser de correo electrónico

El título, la descripción y la imagen del teaser se pueden heredar del contenido vinculado o del contenido vinculado en la primera llamada a acción. Si no se especifica ningún vínculo ni una llamada a la acción, el título, la descripción y la imagen se heredarán del contenido actual.

  • Vínculo: este archivo establece un vínculo a un contenido, a una URL externa o a un anclaje.
  • Llamadas a la acción: esta opción permite la vinculación a varios destinos.
    • La página vinculada en la primera llamada a la acción se utiliza al heredar el título, la descripción o la imagen del teaser.
    • Haga clic en el icono de la campaña para abrir el cuadro de diálogo Seleccione la variable Adobe Campaign para insertar contenido dinámico desde Adobe Campaign.

Pestaña Texto

Pestaña de texto del cuadro de diálogo de edición del componente teaser de correo electrónico

  • Pretítulo: el pretítulo se mostrará antes del título del teaser.
  • Título: texto que se mostrará como el titular del teaser.
    • Haga clic en el icono de la campaña para abrir el cuadro de diálogo Seleccione la variable Adobe Campaign para insertar contenido dinámico desde Adobe Campaign.
    • Obtener el título de la página vinculada: cuando se activa, el título se rellena con el título de la página vinculada.
  • Descripción: define una descripción para mostrarla como el subencabezado del teaser.
    • Haga clic en el icono Seleccione la variable Adobe Campaign para abrir el cuadro de diálogo Seleccione la variable Adobe Campaign para insertar contenido dinámico desde Adobe Campaign.
    • Obtener la descripción de la página vinculada: cuando está marcada, la descripción se rellena con la descripción de la página vinculada.
  • ID: esta opción permite controlar el identificador único del componente en HTML.
    • Si se deja en blanco, se generará automáticamente un ID único que se puede encontrar inspeccionando el contenido resultante.
    • Si se especifica un ID, es responsabilidad del autor asegurarse de que sea único.
    • Cambiar el ID puede afectar al CSS.

Pestaña Recurso

Pestaña de imagen del cuadro de diálogo de edición del componente teaser de correo electrónico

  • Heredar imagen destacada de la página: utilice la imagen definida en las propiedades de página de la página vinculada o la página actual si no encuentra ninguna.
  • Recurso de imagen: coloque un recurso desde el explorador de recursos o pulse la opción Examinar para cargar desde un sistema de archivos local.
  • Texto alternativo para fines de accesibilidad: este campo le permite definir una descripción de la imagen para los usuarios con discapacidades visuales.
    • Heredar texto alternativo de la página: esta opción utiliza la descripción alternativa del valor de recurso vinculado de los dc:description metadatos en DAM o de la página actual si no hay ningún recurso vinculado.
  • No proporcionar texto alternativo: esta opción marca la imagen para que sea ignorada por las tecnologías de asistencia, como lectores de pantalla, en casos en los que la imagen es puramente decorativa o no transmite información adicional a la página.
NOTA

Actualmente, las funciones de Dynamic Media no están disponibles en el componente Teaser.

Pestaña Estilos

El componente Teaser de correo electrónico es compatible con el sistema de estilos de AEM.

Utilice la lista desplegable para seleccionar los estilos que desea aplicar al componente. Las selecciones realizadas en el cuadro de diálogo de edición tienen el mismo efecto que las seleccionadas en la barra de herramientas de componentes.

Los estilos deben configurarse para este componente en el cuadro de diálogo de diseño para que la pestaña esté disponible.

Cuadro de diálogo de edición

El componente Teaser de correo electrónico delega el procesamiento de imágenes en el componente Imagen. Por lo tanto, el cuadro de diálogo de edición del componente de imagen está disponible para que el autor del contenido manipule la imagen de Teaser.

Cuadro de diálogo de diseño

El cuadro de diálogo de diseño permite al autor de la plantilla definir las opciones de teaser que tiene el autor de contenido al utilizar este componente.

Pestaña Teaser

Cuadro de diálogo de diseño del componente Teaser de correo electrónico

  • Elementos de encabezado permitidos: utilice la lista desplegable para definir qué elementos HTML de encabezado puede seleccionar un autor para el tipo de título del teaser.
  • Elemento de encabezado predeterminado del título: el elemento HTML de encabezado predeterminado que se utiliza para el tipo de título del teaser
  • Llamadas a la acción
    • Deshabilitar las llamadas a la acción: oculta la opción Llamadas a la acción para autores de contenido
  • Elementos
    • Ocultar pretítulo: oculta la opción Pretítulo para autores de contenido
    • Ocultar título: oculta la opción Título para autores de contenido
      • Cuando se selecciona, el Tipo de título está oculto
    • Mostrar tipo de título
    • Ocultar descripción: oculta la opción Descripción para autores de contenido
  • Delegado de imágen: visualización informativa que indica a qué componente delega el Teaser de correo electrónico la administración de las imágenes.

Pestaña Estilos

El componente Teaser de correo electrónico es compatible con el sistema de estilos de AEM.

En esta página