Shopify 结账后组件

推荐通常来自高流量的结账后页面，因此这些是推广你的推荐计划的绝佳位置。Shopify 结账后小部件可让你在购买完成后无缝触达客户，提升推荐转化。借助 Shopify 的可扩展性框架，这个小部件提供流畅、品牌化的体验，最大化计划影响力。

如果你的计划没有出现在这里，你可能会错失有价值的互动，并在这些位置的运用上落后于已经在利用这些位置的竞争对手。

什么是 Shopify 结账后小部件？

我们的结账后小部件利用 Shopify Checkout Extensibility 在结账后页面放置带有品牌标识的推荐号召性用语（CTA）。它与广受欢迎的 Instant Access Widget 类似，并支持：

• 内嵌显示
• 弹窗模态显示

两个版本都包含两个主要小部件状态：

• 邮件收集 / 用户识别
• 包含推荐详情的分享页

主要功能

Shopify 结账后小部件旨在最大化推荐互动。它采用两步流程：首先，小部件通过收集用户的电子邮件来识别用户（如果他们尚未登录），然后显示他们个性化的推荐链接或代码以及分享按钮。对于已登录的 Shopify 用户，则会完全跳过电子邮件步骤，以获得更流畅的体验。

该小部件同时支持内嵌和弹窗显示选项，因此你可以选择最适合商店布局和客户体验的格式。它可无缝连接到你的推荐计划，以创建或更新参与者资料，并提取必要的推荐数据，例如分享链接、推荐代码和社交分享选项。最多可显示 3 个分享按钮，并支持 Email、Facebook、WhatsApp、Messenger、LinkedIn、X（原 Twitter）和 SMS 等平台。

自定义是其核心功能。你可以为每个步骤定制内容，包括标题、副标题、CTA 按钮和分享消息。你还可以选择在小部件顶部添加图片，以增强品牌展示。重要的是，所有这些设置都可以在 Shopify 页面编辑器中配置，无需离开 Shopify 后台即可轻松调整。

最后，该小部件旨在继承你网站的品牌风格，因此无需手动配置颜色或字体。这确保了它与商店其他部分保持一致的外观和感觉。

将小部件添加到你的网站

要将 Advocate 小部件添加到你的 Shopify 商店：

1. 导航到你的 主题编辑器.
2. 选择 页面导航器 在屏幕顶部，然后选择 结账和客户账户.
3. 对上一步在 谢谢 页面。
4. 在主要区域，选择 添加区块，然后选择 Advocate 推荐小部件 ，位于 impact.com 集成部分。

小部件流程

小部件体验旨在引导用户完成两个简单步骤。

1

步骤 1：

小部件会提示客户输入姓名和电子邮件地址，除非他们已经登录 Shopify，在这种情况下此步骤会自动跳过。捕获到用户信息后，如果他们尚未加入你的计划，就会被添加为新参与者；如果已经在计划中，则会更新其详情。

2

步骤 2：

客户将看到他们的推荐详情。这包括唯一的推荐链接或推荐代码，具体取决于计划的配置方式。小部件还会显示最多 3 个分享按钮，你也可以在推荐信息上方添加一段简短说明，以鼓励分享并强化计划带来的好处。

自定义选项

所有视觉内容都可以配置为体现你的品牌声音。这些自定义内容可直接在 Shopify 页面编辑器 中使用，方便操作。

自定义	可编辑部分
两个小部件状态通用	• 图片 URL（可选） • 标题（必填） • 副标题（可选） • 条款与条件链接（可选）
弹窗专属选项	• CTA 按钮文案（例如，“开始使用”）
邮件收集选项	• “开始推荐”按钮 CTA • 姓名字段（可选）
分享信息选项	• 链接上方的自定义文本 • 最多可选择 3 种分享按钮媒介： • Email • SMS • Facebook • Facebook Messenger • WhatsApp • LinkedIn • X（Twitter） • 直接链接 • Email • SMS • Facebook • Facebook Messenger • WhatsApp • LinkedIn • X（Twitter） • 直接链接