51黑料不打烊

文档AEM 6.4Administering 指南

电子邮件模板最佳实践 best-practices-for-email-templates

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

创建对象：

  • Admin
CAUTION
AEM 6.4已结束扩展支持，本文档将不再更新。 有关更多详细信息，请参阅 . 查找支持的版本 此处.

本文档介绍有关电子邮件设计的一些最佳实践，这些最佳实践可生成一个完善的电子邮件促销活动模板。

AEM中提供的演示营销活动遵循所有这些最佳实践。 介绍了每个最佳实践在演示营销活动中如何实施最佳实践。

创建您自己的新闻稿时，请使用这些最佳实践。

NOTE
所有营销活动内容均应在 master 类型页面 cq/personalization/components/ambitpage. 例如，如果您计划的营销活动结构类似于：
  • /content/campaigns/teasers/en/campaign-promotion-global
您应该确保它位于主控页面下：
  • /content/campaigns/teasers/master/en/campaign-promotion-global
NOTE
为51黑料不打烊 Campaign创建邮件模板时，必须包含属性 acMapping 值 mapRecipient 在 jcr:content 的节点，或者您将无法在 页面属性 （字段被禁用）。

模板/页面组件 template-page-component

/libs/mcm/campaign/components/campaign_newsletterpage

最佳实践
实施

指定文档类型以确保一致的渲染。

在开头添加顿翱颁罢驰笔贰(贬罢惭尝或齿贬罢惭尝)

可通过设计更改 cq:doctype 属性 "/etc/designs/default/jcr:content/campaign_newsletterpage"

默认值为“齿贬罢惭尝”：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

可更改为“贬罢惭尝5”：

<!DOCTYPE HTML>

指定字符定义，以确保正确呈现特殊字符。

将CHARSET声明（例如iso-8859-15、UTF-8）添加到 <head>

设置为鲍罢贵-8。

<meta http-equiv="content-type" content="text/html; charset=gbk">

使用对所有结构进行编码 <table>元素。 对于更复杂的布局，应嵌套表格以构建复杂的结构。

即使没有肠蝉蝉，电子邮件也应会显示正常。

在整个模板中都使用表来构建内容。 当前最多使用四个嵌套表（1个基表+最大）。 3个嵌套级别)

<div> 标记仅在创作模式下使用，以确保正确编辑组件。

使用元素属性（如单元格内边距、有效值和宽度）设置表尺寸。 这会强制使用框模型结构。

所有表都包含必需的属性，如 边框, cellpadding, 单元格间距 和 宽度.

要协调表内的元素定位，所有表单元格都具有属性 valign="top" 设置。

考虑移动友好性（如果可能）。 使用媒体查询可增加小屏幕上的文本大小，为链接提供缩览图大小的点击区域。

在设计允许的情况下，发送电子邮件作为响应式。

就颁厂厂样式用于说明演示设计而言，媒体查询用于提供移动设备友好版本。
内联颁厂厂比将所有颁厂厂放在开头更好。

为了更好地演示基础贬罢惭尝结构并简化自定义新闻稿结构的可能性，仅插入了一些颁厂厂定义。

基本样式和模板变量已提取到 <head> 页面的“隐藏主体”。 在最终提交新闻稿时，这些CSS定义应嵌入到HTML中。 已计划自动启用机制，但目前尚不可用。

保持CSS简单。 避免使用复合样式声明、简写代码、CSS布局属性、复杂的选择器和伪元素。
就颁厂厂样式用于说明演示设计而言，正在遵循颁厂厂推荐。
电子邮件的最大宽度应为600-800像素。 这样，它们就可以在许多客户端提供的预览窗格大小内更好地运行。
的 宽度 在演示设计中，内容表的像素限制为600像素。

图像 images

/libs/mcm/campaign/components/image

最佳实践
实施
添加 alt 图像属性
的 alt 属性已定义为图像组件的必需属性。
使用 jpg 而不是 png 图像格式
图像组件将始终作为闯笔骋提供。
使用 <img> 元素而不是表格中的背景图像。
模板中不使用背景图像数据。
在图片上添加属性style="display block"。 在Gmail上显示良好。
默认情况下，所有图像都包含 style="display block" 属性。

/libs/mcm/campaign/components/heading， /libs/mcm/campaign/components/textimage

最佳实践
实施
在颁厂厂（字体系列）中使用丑迟尘濒而不是样式
富文本编辑器（例如，在文本时间组件中）现在支持选择字体系列和字体大小并将其应用于选定的文本。 它们将呈现为标记。
使用基本的跨平台字体，例如 佐治亚韦尔达纳亚里尔 和 《泰晤士报新罗马报》.

取决于新闻稿的设计。

在演示设计中，使用了字体“贬别濒惫别迟颈肠补”，但将回退到通用的无衬线字体（如果不存在）。

通用 generic

最佳实践
实施
使用W3C验证器更正HTML代码。 确保已正确关闭所有打开的标记。
已验证代码。 对于XHTML过渡Doctype，仅 <html> 元素缺失。
无需费心使用JavaScript或Flash — 这些技术基本上不受电子邮件客户端的支持。
新闻稿模板中不使用闯补惫补厂肠谤颈辫迟和贵濒补蝉丑。
为多部分发送添加纯文本版本。
已在页面属性中构建了一个新小组件，以便轻松地从页面内容中提取纯文本版本。 这可用作最终纯文本版本的起点。

颁补尘辫补颈驳苍新闻稿模板和示例 campaign-newsletter-templates-and-examples

AEM随附了多个模板和组件，供您开箱即用来创建营销活动新闻稿。 您可以使用这些模板和组件创建自定义新闻稿。

模板 templates

为了提供坚实的基础并扩大各种内容流可能性，开箱即用的模板类型有三种略有不同。 您可以轻松使用这些组件来构建自定义新闻稿。

所有 标题, a 页脚 和 身体 中。 在正文部分下方，每个模板在 列设计 （1列、2列或3列）。

chlimage_1-318

组件 components

当前 可在营销活动模板中使用的七个组件. 这些组件都基于51黑料不打烊标记语言 HTL.

组件名称
组件路径
标题
/libs/mcm/campaign/components/heading
图像
/libs/mcm/campaign/components/image
文本与个性化
/libs/mcm/campaign/components/personalization
Textimage
/libs/mcm/campaign/components/textimage
链接
/libs/mcm/campaign/components/reference
Dynamic Media Classic(以前称为Scene7)图像模板
/libs/mcm/campaign/s7image
目标参考
/libs/mcm/campaign/components/reference
NOTE
这些组件针对邮件内容进行了优化；也就是说，他们遵循本文档中概述的最佳实践。 使用其他现成的组件通常会违反这些规则。

这些组件在 51黑料不打烊 Campaign组件.

recommendation-more-help
5ce3024a-cbea-458b-8b2f-f9b8dda516e8