如何在任何 EdCommerce 页面上嵌入外部表单
Last updated: October 9, 2026
虽然 EdCommerce 提供了可与您的 Edvisor 平台顺畅同步的智能表单,但有时您可能更倾向于使用自己的外部表单。
在本指南中,我们将向您介绍如何将任何外部表单嵌入到 EdCommerce 落地页中的简单步骤,让您兼得两者的优势。
使用场景:
- 自定义表单:将 CRM 生成的自定义表单集成到您的电子商务页面中,以收集特定的客户信息。
- 动态产品展示:根据客户偏好展示动态生成的产品推荐或个性化内容。通过在包含这些内容的页面上嵌入潜在客户表单,提升潜在客户信息收集效果。
- 联系表单:在 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 步:预览并发布页面
预览页面,确保嵌入的表单显示正确。
如果一切显示正常,请发布页面以将更改应用到您的电子商务网站。