Prácticas recomendadas para plantillas de correo electrónico
- Temas:
- Administering
Creado para:
- Admin
En este documento se describen algunas de las prácticas recomendadas relacionadas con el diseño de correo electrónico, lo que resulta en una plantilla de campaña de correo electrónico bien desarrollada.
La campaña de demostración disponible en AEM sigue todas estas prácticas recomendadas. Para cada práctica recomendada se describe cómo se implementan las prácticas recomendadas en la campaña de demostración.
Siga estas prácticas recomendadas al crear su propio boletín informativo.
master
página de tipo cq/personalization/components/ambitpage
. Por ejemplo, si está planeando una estructura de campaña, algo así como:/content/campaigns/teasers/en/campaign-promotion-global
/content/campaigns/teasers/master/en/campaign-promotion-global
Componente de plantilla/página
/libs/mcm/campaign/components/campaign_newsletterpage
Especifique el tipo de documento para garantizar una representación coherente.
Agregar DOCTYPE al principio (HTML o XHTML)
Se puede configurar cambiando el diseño de cq:doctype propiedad en "/etc/designs/default/jcr:content/campaign_newsletterpage"
El valor predeterminado es "XHTML":
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Se puede cambiar a "HTML_5":
<!DOCTYPE HTML>
Especifique la definición del carácter para garantizar la representación correcta de los caracteres especiales.
Agregar la declaración CHARSET (por ejemplo, iso-8859-15, UTF-8) a <head>
Se establece en UTF-8.
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
Codifique todas las estructuras utilizando la variable <table>elemento. Para diseños más complicados, debe anidar tablas para crear estructuras complejas.
El correo electrónico debería tener un aspecto adecuado incluso sin css.
Las tablas se utilizan en toda la plantilla para estructurar el contenido. Actualmente se está utilizando un máximo de cuatro tablas anidadas (1 tabla base + máx.). 3 niveles de anidación)
<div> las etiquetas solo se utilizan en el modo de autor para garantizar la correcta edición de los componentes.
Todas las tablas contienen atributos necesarios como borde, cellpadding, espaciado de celdas y width.
Para armonizar la colocación de elementos dentro de las tablas, todas las celdas de la tabla tienen el atributo valign="top" que se está configurando.
Tenga en cuenta la facilidad de uso del móvil, si es posible. Utilice consultas de medios para aumentar el tamaño del texto en pantallas pequeñas y proporcione áreas de visita del tamaño de la miniatura para los vínculos.
Haga que un correo electrónico responda si el diseño lo permite.
Para demostrar mejor la estructura del HTML subyacente y facilitar la posibilidad de personalizar la estructura del boletín, solo se han resaltado algunas definiciones de CSS.
Los estilos base y las variaciones de plantilla se han extraído a un bloque de estilos en la variable <head> de la página. En el envío final del boletín, estas definiciones de CSS deben incluirse en el HTML. Está previsto un mecanismo automático de inlineado, pero actualmente no está disponible.
Imágenes
/libs/mcm/campaign/components/image
<img>
en lugar de imágenes de fondo en una tabla.Texto y vínculos
/libs/mcm/campaign/components/header, /libs/mcm/campaign/components/textimage
Depende del diseño de la newsletter.
Para el diseño de demostración se utiliza la fuente "Helvetica", pero regresará a la fuente genérica sans-serif, si no está presente.
Genérica
<html>
falta el elemento .Plantillas y ejemplos de boletines informativos de Campaign
AEM viene con varias plantillas y componentes listos para usar para crear boletines de campaña. Puede utilizar estas plantillas y componentes para crear boletines informativos personalizados.
Plantillas
Para ofrecer una base sólida y ampliar la variedad de posibilidades de flujo de contenido, hay tres tipos de plantilla disponibles de forma predeterminada. Puede utilizarlos fácilmente para crear un boletín personalizado.
Todos tienen un header, pie de página y body para obtener más información. Debajo de la sección del cuerpo, cada plantilla difiere en diseño de columna (1, 2 o 3 columnas).
Componentes
Actualmente hay siete componentes disponibles para su uso en plantillas de campaña. Todos estos componentes se basan en el lenguaje de marcado de Adobe HTL.
Estos componentes se describen detalladamente en Componentes de Adobe Campaign.