如何向 SendGrid 添加个性化图片

将 SendGrid 联系信息字段或动态模板数据转换为图像上的文本，以便每位收件人都能看到自己的姓名、城市或预订详情。

作者：Martin Tenev首次发布日期： 2026年10月2日

在 SendGrid 中将每位收件人的姓名、城市或预订详情打印到图片上。

使用 个性化图片, Sendtric 会在电子邮件被打开的瞬间，将文本叠加在背景图片上。该文本来自您的 SendGrid 数据：在“单次发送”中来自某个联系人字段，或在“动态模板”中来自您随每次 API 请求传递的值。

SendGrid 已经可以实现 {{first_name}} 在文本行中。但它无法将该名称用您品牌的字体叠加在照片上。而个性化图片正是填补了这一空白。

在 SendGrid 中，您可以利用个性化图片做些什么

• 预订和行程确认： 在动态模板的主图中显示目的地、日期和乘客姓名，使用预订系统已发送的字段。
• 欢迎邮件： 在自动化流程中，通过带有品牌标识的横幅，以名字称呼新联系人。
• 账户摘要： 在每月一次的“单次发送”中，将客户的积分余额或计划名称显示在卡片图片上。
• 本地优惠： 从 SendGrid 中获取联系人的城市 city 将该字段转换为店铺开业或活动横幅。

“Free plan”包含一个文本图层。“Micro”计划允许两个，“Standard”计划允许四个，“Power”计划允许二十个；此外，“Standard”计划还支持添加静态图像图层，例如徽标或产品照片。

如何向 SendGrid 添加个性化图片

步骤 1：设置画布

在 Sendtric 中，打开 图像个性化 然后点击 创建新条目. 从您的图库中选择一张背景图，或在“标准”及以上版本中选择纯色背景。

步骤 2：添加一个包含 SendGrid 标签的动态文本图层

添加一个 动态文本 图层并创建一个合并标签。为其命名 变量名 例如 first_name，然后将 SendGrid 标签输入到 ESP 合并标签. 在“单次发送”中，该字段来自 标签 选项卡，例如 {{first_name}} 或 {{city}}. 在动态模板中，这是您传入的键 dynamic_template_data，例如 {{passenger_name}}.

填写 备用方案文本 对于该字段为空的联系人，显示完整的短语，例如“欢迎登机！”。如果没有该短语，则对这些联系人隐藏该图层。

第 3 步：保存并复制代码

对文本进行格式设置，并使用以下方式进行检查： 预览，然后单击 保存. 首次保存后会显示嵌入代码。点击 复制代码.

第 4 步：将其粘贴到 SendGrid 中

在设计编辑器中，拖动一个 代码 来自该 构建 切换到您的电子邮件，将代码粘贴到 编辑模块 HTML 然后点击 更新.

第 5 步：使用测试数据进行预览，然后发送测试

点击 预览 和 显示测试数据，输入一个示例联系人并查看图片。然后发送一条真正的测试消息。如果图片显示 {{first_name}} 作为文本，URL 中的字段名称与 SendGrid 的不匹配。

请使用 plain 标签，不要使用 insert 辅助函数

该 标签 tab 会复制类似于以下格式的标签： {{ insert first_name 'default=default' }}. 在图片代码中，请使用简写形式 {{first_name}} 并让 Sendtric 的 备用方案文本 处理空白内容。这样既能保持图片 URL 的整洁，也能在设计中自主控制备用方案文字的显示。

为长数值预留空间

文本会在其框内自动换行，但不会缩小。请使用您预期的最长的名称或城市名称进行预览，并确保框的高度足够，以免内容超出图片范围。

本指南介绍了 Sendtric 的其中一项 电子邮件个性化 平台。对于每个 个性化图片 有关选项和示例，请参见主页面。

更多 SendGrid 指南

• 倒计时器 - 如何在 SendGrid 中添加倒计时器
• 实时投票 - 如何在 SendGrid 中添加实时投票
• 基于规则的图像 - 如何向 SendGrid 添加基于规则的图像
• 动态天气 - 如何在 SendGrid 中添加动态天气信息
• 关键警报 - 如何向 SendGrid 添加关键警报
• 社交证明计数器 - 如何在 SendGrid 中添加社交证明计数器

使用的是其他平台吗？请参阅 所有 Sendtric 集成.

Martin Tenev

Martin 是一名 Growth Manager，热衷于一切与增长和人工智能相关的事物，包括如何制作高转化率的电子邮件营销活动。

在 LinkedIn 上联系