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

Last updated: July 27, 2026

说明如何将第三方表单（例如在您的CRM中构建的表单）嵌入到使用“HTML代码”页面块的EdCommerce着陆页中。三个步骤是：在“页面”下创建或编辑页面并拖入HTML代码块，打开该块的编辑器并粘贴您的表单代码，然后预览并发布。嵌入必须是IFRAME代码——如果您的CRM只输出脚本，请使用如Iframe Generator的工具转换后再粘贴。典型的用例包括自定义CRM表单、动态产品展示带潜在客户表单，以及重用您现有网站联系表单的“联系我们”页面。

虽然EdCommerce提供与您的Edvisor平台无缝同步的智能表单，但有时您可能更喜欢使用自己的外部表单。

在本指南中，我们将引导您完成将任何外部表单嵌入到您的EdCommerce着陆页的简单步骤，为您提供两全其美的解决方案。

用例：

  1. 定制表单：集成由您的CRM生成的自定义表单，以捕获来自您的电子商务页面的特定客户信息。
  2. 动态产品展示：展示动态生成的产品推荐或基于客户偏好的个性化内容。通过在页面中嵌入潜在客户表单，增强潜在客户收集。
  3. 联系表单：在EdCommerce上创建“联系我们”页面，使用您在网站上使用的相同联系表单。示例。

让我们开始吧！

步骤1：创建HTML代码块

首先，您需要创建或编辑一个EdCommerce页面：

  • 在您的EdCommerce账户中，导航到“页面” > “创建新页面”

这些页面是由各种类型的自定义块构建的。要创建一个嵌入外部表单的页面，您应选择“HTML代码”选项。

然后，简单地将此选项拖放到页面编辑器中。

步骤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步：预览并发布您的页面

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

如果一切如预期，发布页面以应用对您的电子商务网站的更改。