如何在你自己的网站上嵌入 EdCommerce 程序。

Last updated: July 27, 2026

说明如何通过在 EdCommerce 设置 > 小部件中创建小部件，将 EdCommerce 内容嵌入到现有的外部网站中，定制其外观，并将生成的代码片段粘贴到 HTML 区块中。包括 WordPress（Elementor 和 Visual Composer）、Wix 和 Squarespace 的逐步操作指南，以及博客文章、活动页面、地点页面、感谢页面和促销活动等用例。

使用 EdCommerce，不仅可以制作时尚的电子商务着陆页，甚至可以创建完整的网站，还可以无缝地将其强大的功能集成到任何现有网站中。

这意味着你可以同时拥有两者的优势——你当前网站的功能和 EdCommerce 的强大功能。

你可以通过创建和嵌入一个小部件来实现。让我们看看怎么做。

如何创建一个 EdCommerce 小部件

  1. 访问你的 EdCommerce 设置：登录你的 EdCommerce 账户，导航到“设置”部分。
  2. 创建一个小部件：在左侧菜单中选择“小部件”，然后“创建新小部件”。
  3. 填写小部件详情：用你的小部件名称、首选语言、货币和学生国籍填写表格。
  4. 选择内容：选择要在你的小部件中显示的项目或教育提供者。只需点击“项目”或“提供者”，然后从右侧列表中选择你想要显示的内容。
  5. 定制外观：通过编辑字体样式、背景颜色和阴影来调整小部件的外观，以匹配你网站的设计。你还可以通过点击小部件预览中的方形图标来修改内边距以获得更好的适配。
  6. 保存你的小部件：满意设置后，点击“保存”。

保存小部件后，你会得到一段代码片段。

这段代码需要添加到你的网站中，继续阅读以了解具体操作方法。

如何将 EdCommerce 小部件添加到你的网站

只需打开你网站上想放置此小部件的页面，并插入一个包含代码的 HTML 区块即可。

根据你网站的内容管理系统（如 WordPress 或 Wix），添加此代码的方法可能不同。通常，所有网站编辑器都允许你拖放一个 HTML 区块。

以下是一些示例：

WordPress（使用 Elementor）：

  • 用 Elementor 打开你想编辑的页面。
  • 将“HTML”小部件从左侧面板拖到你想放置小部件的页面位置。
  • 将 EdCommerce 代码片段粘贴到 HTML 代码框中。
  • 点击“更新”以保存更改。

WordPress（使用 Visual Composer）：

  • 编辑您希望包含小部件的页面。
  • 点击“+”按钮添加新元素。
  • 从内容元素中选择“原始HTML”或“自定义HTML”。
  • 将您的EdCommerce片段代码粘贴到文本框中。
  • 点击“更新”保存您的更改。

Wix：

  • 在Wix编辑器中导航到您想要编辑的页面。
  • 点击左侧的“添加” (+)，然后选择“更多”。
  • 从下拉菜单中选择“HTML iframe”。
  • 点击“输入代码”，然后将EdCommerce片段代码粘贴到HTML设置框中。
  • 点击“应用”以保存并在您的页面上查看小部件。

Squarespace：

  • 转到您想要添加小部件的页面。
  • 点击“+添加块”并从菜单中选择“代码”。
  • 将您的EdCommerce片段代码粘贴到代码块中，然后点击“应用”。

如果在您的编辑器中找不到HTML模块，可以尝试通过编辑“富文本”模块的代码来实现。

使用案例

通过此功能，您可以将您的网站转变为一个更具吸引力和信息性的平台。在您的网站上嵌入这些小部件可以增强内容、提升用户参与度并增加转化率。

以下是一些关于如何在您的网站上创造性地利用EdCommerce小部件的示例：

博客文章增强：

如果您正在撰写关于在特定地点（如悉尼）学习的博客文章，可以在文章末尾嵌入小部件。展示您在悉尼的前三个项目或特别促销，以鼓励读者探索这些选项。这可以通过将内容与相关项目直接链接，显著增加转化率。

活动页面：

对于宣传教育展或网络研讨会的网页，嵌入小部件以展示参与活动的项目或机构。这为访客提供预览，鼓励注册或进一步咨询。

特定地点页面：

如果您的网站有关于特定留学目的地或国家的页面，可以在这些页面上嵌入小部件，显示该地点提供的项目。这是为已对这些目的地感兴趣的用户提供相关选项的好方法。

新闻通讯订阅感谢页面：

当访客订阅您的新闻通讯后，会被引导到感谢页面。在这里，您可以嵌入小部件，立即与热门或特色项目互动。

促销活动期间：

如果您正在为某些课程或目的地进行促销活动，将小部件集成到您的活动着陆页。根据促销内容定制小部件，提供相关项目，确保用户体验的一致性。