Componente Página de correo electrónico email-page-component
El componente Página de correo electrónico es un componente de página ampliable diseñado para trabajar con el editor de plantillas y permite ensamblar el encabezado/pie de página y los componentes de estructura con el editor de plantillas, a medida para crear contenido de Adobe Campaign.
Uso usage
El componente Página de correo electrónico forma la base de todas las páginas diseñadas con los componentes principales de correo electrónico, así como las plantillas editables. Mediante el uso del componente Página de correo electrónico, los encabezados, los pies de página y la estructura de la página se pueden definir como una plantilla que utilice los demás componentes principales de correo electrónico.
- Mediante el cuadro de diálogo de diseño, se pueden definir bibliotecas personalizadas del lado del cliente para la página.
- A diferencia de otros componentes que tienen un cuadro de diálogo de edición accesible directamente desde el componente, ya que el componente Página de correo electrónico es la propia página, su cuadro de diálogo de edición es la ventana de propiedades de página.
Versión y compatibilidad version-and-compatibility
La versión actual del componente Página de correo electrónico es la versión 1, 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.
Para obtener más información acerca de las versiones y publicaciones de los componentes principales de correo electrónico, consulte el documento Versiones de los componentes principales de correo electrónico
Detalles técnicos technical-details
La documentación técnica más reciente acerca del componente de página se encuentra en GitHub.
Puede encontrar más información sobre el desarrollo de componentes principales en la documentación para desarrolladores de componentes principales.
Cuadro de diálogo de edición edit-dialog
Dado que el componente representa la página completa, la configuración que normalmente estaría en un cuadro de diálogo de edición se encuentra en la ventana Propiedades de página.
Pestaña Cloud Services cloud-services
Para que los componentes principales de correo electrónico puedan recuperar las variables y los datos de campaña, la página debe estar vinculada a una configuración de Adobe Campaign.
Bajo el encabezado Configuraciones de Cloud Service, en la lista desplegable, seleccione Añadir configuración.
Bajo el encabezado Adobe Campaign, seleccione la configuración para la integración con Adobe Campaign.
Consulte el documento Uso de los componentes principales de correo electrónico para obtener más información acerca de la configuración de los componentes principales de correo electrónico.
Pestaña Correo electrónico email-tab
La pestaña Correo electrónico define las propiedades de los correos electrónicos enviados mediante Adobe Campaign en función del contenido de esta página, como el asunto del correo electrónico y el contenido de texto sin formato.
- Asunto: el asunto del correo electrónico enviado por Adobe Campaign basado en esta página
- Haga clic en el icono Seleccionar la variable de Adobe Campaign para abrir el diálogo Seleccionar la variable de Adobe Campaign e insertar contenido dinámico desde Adobe Campaign.
- Encabezado previo
- Haga clic en el icono Seleccionar la variable de Adobe Campaign para abrir el diálogo Seleccionar la variable de Adobe Campaign e insertar contenido dinámico desde Adobe Campaign.
- Texto sin formato: versión de texto sin formato del correo electrónico enviado por Adobe Campaign
- Haga clic en el icono Seleccionar la variable de Adobe Campaign para abrir el diálogo Seleccionar la variable de Adobe Campaign e insertar contenido dinámico desde Adobe Campaign.
- URL de referencia
Cuadro de diálogo de diseño design-dialog
Dado que el componente representa la página completa, se accede al cuadro de diálogo de diseño a través de Información de página -> Política de página al editar la plantilla de página.
Pestaña Propiedades properties-tab
Con la ventana Diseño de página, puede definir las bibliotecas de cliente que se van a cargar, así como la biblioteca de recursos web para la página.
-
Bibliotecas de cliente: define las categorías de biblioteca de cliente que se van a cargar. JavaScript se agrega al final del cuerpo y CSS se agrega al encabezado de la página.
-
Encabezado de página JavaScript de las bibliotecas de cliente: define las categorías de biblioteca de cliente JavaScript que se cargarán en el encabezado de página.
- Las categorías definidas aquí que también están presentes en el campo Bibliotecas de cliente tendrán JavaScript cargado en el encabezado de la página en lugar de en el final del cuerpo.
- No se cargará CSS a menos que la categoría también esté presente en el campo Bibliotecas de cliente.
-
Cargar bibliotecas de JavaScript de forma asíncrona: si está habilitada, las bibliotecas de JavaScript personalizadas se cargarán asincrónicamente.
-
Biblioteca cliente de recursos web: categoría de la biblioteca de cliente que se usa para publicar recursos web, como los iconos favoritos.
-
Saltar al selector de elementos de contenido principal: se utiliza como función de accesibilidad para saltar directamente al contenido principal de la página
Las bibliotecas se pueden configurar para los campos Bibliotecas de cliente y Encabezado de página de las bibliotecas de cliente de JavaScript de la siguiente manera:
- Para agregar un nuevo campo, toque o haga clic en el botón Añadir situado debajo de los campos.
- Para quitar un campo, toque o haga clic el icono de la papelera que hay junto al campo que se va a eliminar.
- Para reorganizar el orden de carga, arrastre el controlador situado junto al campo que desee mover.
Para obtener más información acerca del uso de bibliotecas del lado del cliente, consulte Uso de bibliotecas del lado del cliente.
Pestaña Estilos styles-tab
El componente Página es compatible con el sistema de estilos de AEM.