编辑营销邮件的内容和设计

您可以使用拖放式电子邮件编辑器，通过添加预设模块来创建营销邮件。如果您更倾向于使用代码模板，建议使用经典编辑器。

本文介绍了如何编辑营销邮件的内容和设计。了解更多关于创建和发送营销邮件的信息。 

在拖放式邮件编辑器中编辑邮件

在拖放编辑器中，您可以通过添加和重新排列预设模块来创建营销邮件。 

管理模块

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 电子邮件。如果你的帐户中未显示更多，请直接导航到营销 > 电子邮件。
2. 点击草稿邮件的名称。 
3. 要向邮件添加新模块，请点击并拖动侧边栏编辑器中的模块 ，将其放置到邮件中的目标位置。 
4. 要在邮件中重新排列模块：
   • 将鼠标悬停在模块上，然后点击并拖动该模块至其他位置。
   • 您可以将模块拖动到现有模块的右侧或左侧，从而在邮件的该部分创建一个新栏目。 
5. 要在模块之间添加间距：
   • 在侧边栏编辑器中点击“间隔模块”，然后将其拖动到邮件中的目标位置。
   • 在侧边栏编辑器中，设置间隔模块的高度、颜色和内边距。默认情况下，间隔模块的高度为 30px，透明，且无额外内边距。

5. 要编辑模块内容，请在 邮件布局中 点击该模块 。某些模块（如“文本”模块）可在布局中直接编辑，而其他模块则需在侧边栏编辑器中进行完全自定义。 
6. 要克隆模块，请将鼠标悬停在模块上，然后点击“复制”图标 。
7. 要删除模块，请将鼠标悬停在模块上，然后点击“删除”图标。
8. 若要在特定设备类型上隐藏模块：
   • 在顶部，选择您希望隐藏该模块的设备类型。
   • 在邮件预览中，将鼠标悬停在该元素上，然后点击hide ”图标。了解有关隐藏模块的更多信息。 

编辑邮件设计

您可以编辑邮件的整体设计，以及各个模块的样式选项。 

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 电子邮件。如果你的帐户中未显示更多，请直接导航到营销 > 电子邮件。
2. 点击草稿邮件的名称。 
3. 在邮件编辑器中，点击左侧边栏中的模板设计图标。
4. 为您的邮件选择一种格式： 
   • 默认：可自定义程度最高的格式。使用默认格式时，您可以设置自定义列和填充间距。 
   • 框式：简洁的格式，所有内容都位于一个带边框的区域内。
   • 简约：一种简化的布局，无列和填充。纯文本邮件主要推荐用于一对一沟通。 

5. 在“模板”部分 ，设置电子邮件的一般样式规范：
   • 正文颜色：设置邮件正文的背景颜色。输入十六进制代码或 点击颜色选择器并 选择颜色。 
   • 边框宽度：若使用“框式”格式，请以像素为单位设置边框宽度。
   • 颜色：若使用“框式”布局，请设置边框颜色。输入十六进制代码或点击颜色选择器选择颜色。
   • 背景类型：将背景设置为纯色或图案。
   • 背景颜色/图案：选择背景颜色或图案。设置背景图案时，您还可以设置一种备用背景颜色，以防邮件客户端无法显示背景图片。 
6. 在“文本样式”部分，设置电子邮件文本的样式规范。您可以为段落、h1 和 h2 文本设置特定的字体、字号和颜色。您还可以为所有链接设置颜色和样式。 
7. 在“按钮”部分，设置电子邮件按钮的样式规范。您可以设置按钮的圆角和颜色。对于按钮文本，您可以设置字体、字体颜色、字号和样式。 
8. 在“分隔线”部分，为电子邮件分隔线设置样式规范。您可以设置分隔线的高度和颜色，以及其样式（实线、虚线或点线）。 
9. 在“间距”部分，为电子邮件的内边距设置样式规范。
   • 若要对所有边应用相同的内边距，请选中“应用于所有边”复选框。
   • 若要为电子邮件的顶部和底部分别设置内边距，请在每个字段中输入像素值。
   • 若要在所有移动设备上移除内边距，请选中“在移动设备上移除内边距”复选框。 

在拖放式邮件编辑器中使用已保存的版块

通过“已保存板块”功能，您可以将营销邮件中的某个板块保存下来，以便在其他营销邮件中重复使用。已保存板块仅适用于在拖放式编辑器中创建的邮件。 

编辑板块

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 电子邮件。如果你的帐户中未显示更多，请直接导航到营销 > 电子邮件。
2. 点击草稿邮件的名称。 
3. 在邮件预览中，点击一个版块。
4. 在侧边栏编辑器中的“可见性”下，设置该版块在不同设备上的可见性： 
   • 要设置版块的可见性，请点击“显示”或 “隐藏”。 

• • 若要分别设置移动端和桌面端的可见性，请关闭“所有设备”开关。然后在“桌面”和“移动端”部分中点击“显示”或“隐藏”。 

5. 在“列”部分，点击一种列布局。这将控制该部分列的数量和大小。 
6. 在“列对齐”部分，选择“顶部”、“中间”或“底部”。这将控制该部分中模块的垂直对齐方式。 
7. 在“堆叠”部分，选择列的 堆叠 方式。这将控制模块在移动设备上的显示方式。 
8. 在“背景”部分，您可以为电子邮件设置背景。关闭“所有设备”开关，即可分别设置移动端和桌面端的背景。 
9. 在“间距”部分，您可以为该部分添加顶部和底部内边距。关闭“所有设备”开关，即可分别设置移动端和桌面端的内边距。 

保存板块

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 电子邮件。如果你的帐户中未显示更多，请直接导航到营销 > 电子邮件。
2. 点击草稿邮件的名称。 
3. 在邮件预览中，将鼠标悬停在某个版块上，然后点击saveEditableView 保存图标。

4. 在对话框中，为该部分输入名称，然后点击“保存”。 

使用已保存的版块

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 电子邮件。如果你的帐户中未显示更多，请直接导航到营销 > 电子邮件。
2. 点击草稿邮件的名称。 
3. 在邮件编辑器中，点击侧边栏编辑器中的“部分”选项卡。 
4. 点击已保存的版块，并将其拖动到邮件中的目标位置。 

管理已保存的版块

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 电子邮件。如果你的帐户中未显示更多，请直接导航到营销 > 电子邮件。
2. 点击草稿邮件的名称。 
3. 在邮件编辑器中，点击侧边栏编辑器中的“版块”选项卡。 
4. 在“已保存的版块”下，点击“管理”。

1. 在右侧面板中，您可以通过“查看”和“排序”下拉菜单对已保存的模块进行筛选。
2. 点击已保存章节旁边的“操作”下拉菜单，然后从以下选项中进行选择： 
   • 添加到收藏夹：将此部分添加到您的收藏部分中。
   • 隐藏：将此版块从侧边栏编辑器中移除。在管理版块时，如果您筛选隐藏的版块，仍可访问该版块。 
   • 显示：如果您已隐藏此版块，将其恢复到侧边栏编辑器中。 
   • 删除：永久删除该版块。在对话框中，点击“删除版块”以确认。此操作无法撤销。任何已使用该版块的现有邮件均不受影响。 

在经典编辑器中编辑邮件

在经典编辑器中，您可以使用设计管理器中创建的模板来制作电子邮件。 

编辑邮件设计

若要使用设计管理器中创建的模板对电子邮件进行设计修改，您可以在设计管理器中编辑该模板

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 电子邮件。如果你的帐户中未显示更多，请直接导航到营销 > 电子邮件。
2. 点击草稿邮件的名称。 
3. 在电子邮件编辑器中，点击左侧边栏中的模板设计图标。
4. 要在设计管理器中编辑邮件模板：
   • 在侧边栏编辑器中，点击“操作”下拉菜单，然后选择“编辑此模板”。 
   • 在对话框中，选择“编辑此模板”以编辑所列资产使用的模板，或选择“克隆并编辑新模板”以编辑当前模板的副本（该副本仅用于此邮件）。 
5. 在设计管理器中编辑模板后，点击右上角的“发布更改”。 

编辑样式

您可以在营销邮件设置中为在经典编辑器中创建的邮件设置默认样式。 

1. 在 HubSpot 帐户中，单击顶部导航栏中的 “设置”图标。
2. 在左侧边栏菜单中，导航至“营销”>“电子邮件”。 
3. 点击“品牌设置（经典编辑器）”选项卡。 
4. 在“尺寸”部分，以 像素为单位 输入营销邮件的默认 宽度和正文内边距 。 
5. 在“字体”部分，自定义邮件的主字体和次要字体： 
   • 点击“主字体”下拉菜单并选择一种字体。 
   • 点击“主字体大小”下拉菜单，并选择以像素为单位的字号。
   • 在“主字体颜色”字段中，设置字体的颜色： 
     • 若要使用十六进制代码，请在该字段中输入代码。
     • 若要手动选择颜色，请点击颜色选择器。在弹出框中，点击并拖动滑块选择基础颜色，然后点击滑块上方的最终颜色。
     • 若要使用 RGB 值，请点击颜色选择器，然后在R、G 和B字段中输入数值。 

5. • 对辅助字体重复上述操作。 
6. 在“颜色”部分，设置主色调、次要色调、正文色和背景色。
7. 点击“边框颜色”下拉菜单并选择一项： 
   • 自动设置边框颜色：邮件的边框颜色将根据其模板进行设置。 
   • 手动设置邮件边框颜色：为使用经典编辑器的所有邮件设置统一的边框颜色。在“边框颜色”字段中，输入十六进制代码，或点击颜色选择器选择颜色，或输入RGB 值。 
   • 不在邮件正文周围添加边框：使用经典编辑器的邮件将不显示边框。 

将电子邮件转换为使用拖放模板

如果您的电子邮件使用的是在布局编辑器中创建的模板或默认代码模板（而非自定义代码模板），您可以将其转换为使用拖放编辑器。 

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > 电子邮件。如果你的帐户中未显示更多，请直接导航到营销 > 电子邮件。
2. 点击草稿邮件的名称。 
3. 在对话框中，点击“预览转换后的邮件”以预览转换后邮件的外观。 
4. 点击“转换为拖放模式”。