如何在任何 EdCommerce 页面上嵌入外部表单

Last updated: October 9, 2026

虽然 EdCommerce 提供了可与您的 Edvisor 平台顺畅同步的智能表单,但有时您可能更倾向于使用自己的外部表单。

在本指南中,我们将向您介绍如何将任何外部表单嵌入到 EdCommerce 落地页中的简单步骤,让您兼得两者的优势。

使用场景:

  1. 自定义表单:将 CRM 生成的自定义表单集成到您的电子商务页面中,以收集特定的客户信息。
  2. 动态产品展示:根据客户偏好展示动态生成的产品推荐或个性化内容。通过在包含这些内容的页面上嵌入潜在客户表单,提升潜在客户信息收集效果。
  3. 联系表单:在 EdCommerce 上创建一个“联系我们”页面,并使用您网站上的相同联系表单。示例。

让我们开始吧!

第 1 步:创建 HTML 代码块

首先,您需要创建或编辑一个 EdCommerce 页面:

  • 在您的 EdCommerce 账户中,前往“Pages” > “Create a new page”

这些页面使用各种类型的自定义区块构建。要创建一个嵌入外部表单的页面,您应选择 “HTML Code” 选项。

然后,只需将此选项拖放到页面编辑器中。

第 2 步:复制并粘贴表单的 HTML 代码

点击新添加的 HTML 区块以打开编辑器。

现在,您需要将表单的 HTML 代码插入编辑器。

您可以在 CRM 系统中找到此代码,您的表单最初就是在那里创建的。只需从 CRM 中复制 HTML 代码,然后将其粘贴到 EdCommerce 的编辑器中。

粘贴代码后,别忘了保存更改。

要使其正常工作,代码必须是 IFRAME 代码。

示例:

<iframe src="https://share.hsforms.com/1kd5fKSSYQCWK_fCwBq95Wg3tjye" style="border:0px #ffffff none;" name="myiFrame" scrolling="no" frameborder="1" marginheight="0px" marginwidth="0px" height="1200px" width="100%" allowfullscreen></iframe>

在某些情况下,CRM 生成的 HTML 代码可能是脚本形式。要将这些脚本嵌入到您的页面中,您需要将脚本转换为 iframe。您可以使用Iframe Generator 等在线工具进行转换。

操作步骤如下:

  • 前往 Iframe Generator 或类似工具。
  • 将您的 CRM 脚本复制到文本框中。
  • 如有需要,调整 iframe 大小等设置。
  • 点击获取 iframe 代码。
  • 将此代码复制并粘贴到您的 EdCommerce HTML 区块中。

第 3 步:预览并发布页面

预览页面,确保嵌入的表单显示正确。

如果一切显示正常,请发布页面以将更改应用到您的电子商务网站。