如何将 Klaviyo 嵌入表单添加到您的 Square Online 网站

预计阅读 2 分钟 | 更新于 2026年4月21日 9:54 AM EST

你将会学到

了解如何将 Klaviyo 嵌入表单添加到您的 Square Online 网站,这需要在 Klaviyo 中创建一个表单,然后将其嵌入代码粘贴到您希望其显示的网站文件中(例如页脚)。

开始之前

在 Klaviyo 中创建嵌入表单之前,请确保您已将 Klaviyo 与 Square 集成并设置现场跟踪以启用注册表单功能。如果您在与 Square 集成 时选中了 自动添加 Klaviyo 现场 JavaScript 设置,则一切就绪。

如果没有:

  1. 在 Klaviyo 中,选择集成选项卡。
  2. 单击方形。
  3. 检查设置 自动添加 Klaviyo 现场 javascript。
  4. 单击保存。

将表单的嵌入代码添加到您的网站

首先,在 Klaviyo 中创建并发布您的嵌入表单。本节将介绍将表单的嵌入代码粘贴到 Square Online 网站上的后续步骤,以便正确显示和同步数据。

  1. 导航到 Square Online 仪表板。
  2. 单击网站 > 编辑站点。
  3. 打开您要嵌入表单的页面。
  4. 选择添加部分 > 嵌入代码,然后单击添加。
  5. 复制以下脚本并将其粘贴到 代码 框中:
   <script type="text/javascript" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script>
  1. 在您刚刚粘贴的代码中,将 PUBLIC\_API\_KEY 替换为您的 Klaviyo 公共 API 密钥。
  • 要查找您的公共 API 密钥,请导航至 Klaviyo 中的 设置 > API 密钥。这是一个 6 字符代码,也称为您的“帐户 ID”。
  1. 导航回 Klaviyo 并从表单编辑器内的 定位和行为 选项卡复制表单的嵌入代码。
突出显示示例表单的嵌入代码,以从表单编辑器的“定位和行为”选项卡复制。
突出显示示例表单的嵌入代码,以从表单编辑器的“定位和行为”选项卡复制。
  1. 在 Square 中,将嵌入代码粘贴到您在步骤 5 中粘贴其他脚本的位置下方的 代码 框中。
  2. 选择完成。
  3. 选择发布 保存您的更改。

在 Square 中粘贴嵌入代码并保存更改后,导航回您的网站并刷新页面。您的嵌入表单将显示在您的网站上,并将新订阅者直接添加到链接到该表单的 Klaviyo 列表中。

如果您没有看到表单,请参阅嵌入表单疑难解答。

如果您决定断开 Square 集成,则需要从 Square Online 网站编辑器中手动删除此嵌入代码以删除您的表单。

后续步骤

接下来,创建欢迎系列,以立即对您的新订阅者产生影响。

其他资源