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

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

本文涵盖营销邮件内容与设计的编辑方法。了解更多关于创建和发送营销邮件的信息。 

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

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

管理模块

1. 在您的 HubSpot 账户中，导航至 营销 > 电子邮件。
2. 点击草稿邮件的名称。 
3. 要向邮件添加新模块，请从 侧边栏编辑器中 点击并拖拽模块 至邮件中的目标位置。 
4. 重新排列邮件内模块：
   • 将鼠标悬停在模块上，点击并拖动至新位置。
   • 您可将模块拖拽至现有模块的左右两侧，在邮件该区域创建新列。 

5. 要编辑模块内容，请在 邮件布局中 点击该模块 。部分模块（如文本模块）可在布局内直接编辑，其余模块则需在侧边栏编辑器中进行全部自定义。 
6. 克隆模块：将鼠标悬停在模块上，点击克隆图标 。
7. 删除模块时，请将鼠标悬停在模块上，然后点击删除图标。
8. 在特定设备类型上隐藏模块：
   • 在顶部选择需要隐藏模块的设备类型。
   • 在邮件预览中悬停至该元素，点击隐藏图标。了解更多隐藏模块的方法。 

编辑邮件设计

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

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

5. • 重复上述步骤设置次要字体。 
6. 在颜色部分，设置主次强调色、主体色和背景色。
7. 点击边框颜色选项下拉菜单并选择： 
   • 自动设置边框颜色：邮件边框颜色将根据模板自动生成。 
   • 手动设置邮件边框颜色：为使用经典编辑器的所有邮件统一设置边框色。在边框颜色字段 输入十六进制代码，或点击取色器选择颜色，亦可直接输入RGB值。 
   • 不为邮件正文添加边框：使用经典编辑器的邮件将不显示边框。 

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

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

1. 在您的 HubSpot 账户中，导航至 营销 > 电子邮件。
2. 点击草稿邮件的名称。 
3. 在对话框中点击"预览转换后的邮件"以查看转换效果。 
4. 点击转换为拖放。