概述

在 Hostinger Reach 中，你的邮件模板是通过 AI 提示词生成的。你可以直接在 AI 聊天界面中创建、完善并个性化你的模板。

生成模板后，你可以：

  • 在 AI 聊天中继续手动编辑它，或
  • 使用编辑模式（Edit Mode）进行快速微调并添加你的个人风格。

要编辑模板中的某一部分而无需重新生成整个设计，请在聊天中使用针对特定版块的 AI 编辑。点击 Build with AI（用 AI 构建），在提示窗口中选择「用 AI 编辑版块（Edit section with AI）」图标，并在预览中选择你想要更新的版块。然后描述你希望 AI 做出的更改。模板的其余部分将保持不变。

编辑模式让你能够轻松打磨内容——非常适合在不从头开始的情况下润色细节、调整语气或更新版块。

何时使用编辑模式

在以下情况下使用编辑模式：

  • 你已经有一个由 AI 生成的模板。
  • 你想做微小的更改（例如更新文本、链接或格式）。
  • 你倾向于使用可视化编辑器，而不是在 AI 聊天中继续操作。

进入编辑模式

要开始编辑 AI 生成的邮件模板：

  • 在 AI 聊天模式下，点击左上角的 Edit（编辑） 按钮。
  • 选择编辑模式后，点击模板中你想要编辑的任何元素——例如文本块、按钮或图片。

这将打开该元素的编辑工具栏，你可以在其中自定义其内容和外观。

模板侧边栏中的编辑控件

当你在 编辑模式 中点击某个块时，侧边栏会显示该块类型的编辑选项。控件组织如下：

  • 文本块：字体、大小、颜色、对齐、内边距和布局选项。
  • 按钮块：文本、背景颜色、圆角、内边距、宽度、高度和对齐方式。
  • 图片块：更换图片、添加链接、调整大小、圆角、边距和图片适配选项。

控件按类别分组，并显示在可折叠的版块中。较少使用的选项默认折叠——点击版块标题将其展开。这使侧边栏专注于每种块类型最相关的设置。

所有块类型都遵循一致的布局：顶部是主要内容选项，下方是布局 / 间距选项。

编辑文本块

当你选择一个文本块时，会出现多个自定义选项。你可以：

  • 点击整个文本块以对其全部应用更改，或
  • 用鼠标高亮特定文本，仅编辑选中的部分。

可用的文本工具

  • 字体 – 从为跨不同邮件服务商一致显示而优化的字体中选择。
  • 字体大小 – 调整文本大小以适应你的设计和布局。
  • 格式 – 应用加粗、斜体或下划线样式。
  • 对齐 – 将文本左对齐、居中或右对齐。
  • 列表 – 将文本格式化为项目符号列表、编号列表或带短横线的列表。
  • 表情符号 – 在文本中插入表情符号。

颜色与背景

  • 文本颜色 – 更改文本的颜色。
  • 背景颜色 – 添加或修改文本背后的背景颜色。

这两种颜色更改都可以应用于整个块或仅应用于选中的文本。

添加链接

你可以将任何文本变为可点击的超链接：

  1. 选择你想要链接的文本。
  2. 点击 Add link（添加链接） 并输入你的 URL。

默认情况下，链接带下划线显示，以表明其可点击——但如果你喜欢不同的外观，可以调整样式。

🙋‍♂️ 个性化

你可以通过插入收件人特定的信息（如名字、姓氏或邮箱）来让邮件更具个性化。

当你发送营销活动时，每位联系人都会自动看到他们自己的个性化信息。

💡 在 Hostinger Reach Personalization 文章 中了解更多关于个性化如何运作的信息。

文本块的布局选项

你可以使用以下布局设置调整每个文本块的整体结构和间距：

  • 宽度与高度 – 控制文本区域的形状和位置。
  • 内边距（Padding） – 在块内文本周围添加或减少空间。
  • 圆角（Corner Radius） – 将文本块的边缘变圆，在应用背景颜色时尤其明显。

这些选项可帮助你对齐内容，并创建具有均衡间距的视觉吸引布局。

编辑按钮

邮件模板中的按钮可以在编辑模式中完全自定义，以匹配你的品牌和设计。

当你点击一个按钮时，你可以：

  • 编辑按钮文本 – 直接在按钮中输入，或使用文本编辑器工具栏应用基本格式（加粗、斜体、下划线、对齐）。
  • 更改按钮颜色 – 在 Colors（颜色） 版块下，调整背景颜色以匹配你的营销活动风格。颜色更改会立即生效，因此你可以实时预览你的设计。
  • 调整布局与大小 – 在 Layout（布局） 版块下，自定义按钮的：
  • 圆角（Corner Radius） – 定义按钮边缘的圆润或方正程度。值越大，按钮越圆润。
  • 内边距（Padding） – 控制按钮文本周围的空间量。
  • 文本与边距 – 控制按钮本身的间距。
  • 宽度与高度 – 设置按钮的尺寸以适应你的邮件布局。
  • 水平对齐 – 在邮件布局中定位按钮（左、中、右）。更改对齐方式会更新按钮在邮件模板中的位置。

编辑图片

邮件模板中的图片也可以直接在编辑模式中自定义。当你点击一张图片时，会出现三个主要编辑选项：更换图片（Change Image）、添加链接（Add Link） 和 布局（Layout）。

更换图片

点击 Change Image 来替换或更新模板中的图片。你会有几个选项：

  • 上传你自己的图片 – 从你的设备中选择一个文件。
  • 从已上传的图片中选择 – 挑选你在以往营销活动中已使用过的图片。
  • 免费图片（Free Images） – 输入相关关键词搜索免版税照片。
  • 链接图片（Link Image） – 粘贴一个公开图片 URL，直接从网络加载图片。

链接的图片必须是公开可访问的。你通常可以通过右键点击图片并选择 复制图片地址（Copy Image Address） 来复制图片地址。

图片选定后，它会自动出现在你的模板中。

添加链接

使用 Add Link 将你的图片变为可点击元素。当收件人在邮件中点击图片时，他们会被重定向到你指定的链接（例如你的网站或产品页面）。

布局选项

在 Layout（布局） 下，你可以微调图片在邮件中的显示方式：

  • 用鼠标调整大小 – 点击图片并从任意四条边拖动以调整其大小。
  • 宽度与高度 – 调整图片的尺寸和比例。
  • 圆角（Corner Radius） – 将图片的边缘变圆。
  • 边距（Margin） – 在图片周围添加空白空间。
  • 水平对齐 – 对齐图片（左、中、右）。
  • 垂直对齐 – 对齐图片（上、中、下）。
  • 图片适配（Image Fit） – 选择图片如何填充指定区域：
  • Contain（包含） – 将整张图片放入区域内；可能留下空白。
  • Cover（覆盖） – 缩放并裁剪图片以填满整个区域。
  • Fill（填充） – 拉伸图片以占据全部空间（可能略有变形）。
  • None（无） – 以原始大小显示图片，不缩放或裁剪。

这些设置可让你在不同设备之间实现视觉吸引与布局一致性之间的完美平衡。

插入新板块的功能

编辑模式中一个强大的功能是 插入版块（Insert Section）。

当你在邮件的现有版块之间悬停时，会出现加号（+）图标。点击 + 以两种方式添加新板块：

使用 AI 添加版块

  • 输入简短提示，例如「添加一个客户评价」「插入一个产品网格」或「创建一个项目符号列表」。
  • AI 会立即生成一个符合你品牌风格和设计的版块，保持模板的专业与统一。

添加预置版块

手动插入现成的元素，包括：

  • 文本（Text）
  • 按钮（Button）
  • 图片（Image）
  • 标题（Heading）（3 种标题版本）
  • 间隔（Spacer）（4 种间隔尺寸）
  • 分隔线（Divider）
  • 布局（Layout）（2 列或 3 列）

插入布局版块（2 列或 3 列）后，你可以通过点击列内的加号（+）图标并选择想要添加的元素来继续构建你的邮件。

💡 我们建议使用 AI 插入版块选项，以更快、更贴合品牌地创建设计。

🪄 额外的编辑模式功能

删除 / 复制 / 重新排序版块

点击任意版块即可看到这些选项：

  • 删除版块 – 从模板中完全移除该版块。
  • 复制版块 – 在其正下方创建该版块的完全相同副本。
  • 重新排序版块 – 让你拖放所选版块以更改其位置。

撤销 / 重做

使用小的 撤销（Undo） 和 重做（Redo） 箭头来反向或重新应用你最近的更改。

保存更改

编辑完成后务必点击 Save Changes（保存更改）。

在你可以发送测试邮件、返回 AI 聊天以继续使用 AI 编辑或继续创建营销活动之前，必须先保存。

版本历史

回到 AI 聊天后，你可以使用 Version history（版本历史） 按钮来还原你的更改，包括手动保存和 AI 更改。

来源：Hostinger 官方帮助文档