如何将您的 EdCommerce 表单嵌入到任何外部登录页面或网站中。

Last updated: July 27, 2026

说明如何从设置 > 电子商务 > 表单中复制 EdCommerce 潜在客户表单 iframe — 可以通过三点菜单为每个办公室单独操作，也可以通过顶部菜单的“复制潜在客户表单 iframe”按钮为所有办公室操作 — 并将 HTML 粘贴到任何外部网站或内容管理系统（如 WordPress/Elementor、Shopify 或 Wix）中。还记录了通过编辑 iframe URL 进行的两个自定义：添加语言代码（EN、PT、ES、ES_MX、PT_BR、DE、IT、TR、FR、JA、KO）和添加十六进制代码以设置提交按钮的颜色。只有潜在客户表单可以外部嵌入 — 预订表单仅限 EdCommerce — 提交的潜在客户会同步到 Edvisor，自动分配给对应的顾问（根据您的业务规则），并进入正确的流程和阶段。

EdCommerce 提供了一个强大的功能，使您能够创建和个性化不同的潜在客户和预订表单，简化收集潜在客户和预订信息的过程。

在本文中，我们将向您展示如何在网站的其他页面嵌入潜在客户表单，实现不仅从您的在线商店，还可以从任何网页收集潜在客户信息。

\这些潜在客户随后会与您的 Edvisor 账户同步，自动分配给合适的顾问，并添加到相应的流程和阶段。*

*如果您还没有配置您的表单，请返回本文，学习如何在您的 EdCommerce 网站中设置和个性化表单。

**请注意，只有 潜在客户表单 可以嵌入到您的网站中。预订表单仅限于 EdCommerce 使用。

如何在任何着陆页或网站上嵌入您的 EdCommerce 表单

  • 导航到：设置 > 电子商务 > 表单

然后，点击每个办公室旁边的三点图标，并选择 “复制潜在客户表单 iframe”，如果您想嵌入为特定办公室创建的表单。

或者只需点击顶部菜单中的 “复制潜在客户表单 iframe” 按钮，即可嵌入一个唯一的表单（适用于所有办公室）。

您将获得一段 HTML 代码，可以复制并粘贴到您的网站中。

如果您使用像 WordPress（配备 Elementor 或 Visual Composer 这样的网站构建器）、Shopify，或 Wix 这样的内容管理系统，它们通常提供一种简单的方法来嵌入 HTML 代码片段。

这通常是一个小工具或工具箱中的项目，您可以直接拖放。

例如，如果您使用像 Elementor 这样的网站构建器，您可以通过其 HTML 小工具添加它。

如何自定义您的表单语言

如果您想定义潜在客户表单的语言，请在HTML代码中的URL末尾添加语言代码：

示例：

src="https://dev-virtual.edvisor.io/edvisor/ecommerce-campaign/lead-form-iframe/en"

在这里，您可以看到不同可用语言的语言代码：

  • EN = 英语
  • PT = 葡萄牙语
  • ES = 西班牙语
  • ES_MX = 拉丁美洲西班牙语
  • PT_BR = 巴西葡萄牙语
  • DE = 德语
  • IT = 意大利语
  • TR = 土耳其语
  • FR = 法语
  • JA = 日语
  • KO = 韩语

如何自定义您的表单按钮颜色

您还可以个性化嵌入式潜在客户表单上“提交”按钮的颜色，以匹配您的品牌。方法很简单：

  1. 找到您的品牌颜色的HEX代码（示例 #4EB2F4）。
  2. 将此HEX代码添加到您要嵌入的表单的URL中。

例如，如果您想使用HEX代码为#4EB2F4的颜色，您的URL看起来大致如下：

<iframe title="潜在客户表单">
    src="https://virtual.edvisor.io/nuevalengua/cotizador/lead-form-iframe/en/4EB2F4/9447"
    width="500"
    height="900"
    frameborder="0"
    allowfullscreen="true">
</iframe>

只需将#4EB2F4替换为您的自定义HEX颜色代码，即可看到效果！

一旦学生完成这些表单中的一个，潜在客户将根据您在EdCommerce设置中建立的业务规则分配给合适的顾问。这些潜在客户也会与您的Edvisor账户同步，并添加到正确的管道和阶段中。