跳转到主要内容

创建嵌入式注册表单

了解如何在 Omnisend 中创建嵌入式表单

Ira avatar
作者:Ira
本周更新

请注意:本指南由人工智能翻译完成,如有不一致,请参考英文版本。您可以使用页面顶部右侧的下拉菜单切换语言。谢谢您的理解!

嵌入式表单在您网站的某些页面上始终如一地出现,使收集订阅者变得轻松且无缝。 通过在您网站上的任意页面嵌入表单,您可以扩展您的影响范围,建立您的联系列表,并将新的订阅者直接添加到您的 Omnisend 观众中。

在本文中,您将学习如何将嵌入式表单添加到您的网站以及如何利用它来提升您的电子邮件营销策略。


在你开始之前

  • 嵌入式表单是一种将您的注册表单作为您网站的一部分显示的方法。

  • 您必须复制并将一段简短的 HTML 代码添加到您的网站主题代码中。

  • 如果您的网站上已有页脚表单,则无需在 Omnisend 中创建另一个嵌入式表单。 通过您的主题表单接触的联系人将自动同步到您的 Omnisend 观众中。

  • 要让嵌入式表单正常工作,您必须首先完成前端集成(一旦安装了 Omnisend 应用,Shopify、Bigcommerce 和 WooCommerce 将自动完成)。

设置过程

创建嵌入式表单很简单。 要这样做,请导航到表单并点击创建表单

在表单库中,选择嵌入式样式表单→选择一个表单模板→点击使用模板。

您将被重定向到表单构建器,您可以在其中编辑表单并添加任何想要的附加项目。

使用简单的拖放方法,您可以根据个人喜好自定义您的嵌入式表单。

通过输入和下拉项,您不仅可以收集客户的电子邮件地址,还可以收集任何其他与客户相关的信息,如出生日期、电话号码或自定义。

您可以在表单中添加文本、图像和多个按钮。 您甚至可以在表单中添加游戏化的幸运轮,以提供订阅激励。

在右侧菜单中,您将找到行为和主题设置标签:

在行为设置下,您可以管理观众定位设置。

观众管理允许您为提交表单的所有联系人分配标签,这有助于进一步分割。 您可以在表单中添加现有标签或直接在表单构建器中创建新标签,以便以后对联系人进行分割。 您可以这里阅读更多关于联系标签的信息

您还可以在此启用双重选择加入。 如果启用,最初,潜在订阅者填写注册表单,然后作为第二步,跟进电子邮件将发送到他们的收件箱以确认订阅。

对于页面定位设置,您可以决定将此表单显示给访客的位置。 例如,您可以让表单出现在缺货产品页面上或不出现。

主题设置下,您可以管理表单布局、颜色、按钮和字段。

表单布局允许您将表单类型更改为着陆页、弹出窗、侧滑窗或嵌入表单。

在此,您可以将表单的宽度调整至最多 1000 像素。

表单样式允许您更改表单的角、边框宽度、样式和颜色。

如果您想选择其他颜色,请点击“我的颜色”下的“+”号并从调色板中选择所需颜色。


按钮设置下,您可以为进一步在表单中使用设置按钮样式。

对于字段,您可以定义输入字段的样式,包括其样式、字体、大小、颜色等。

最后,您可以设置消息,这些消息将显示在成功注册后以及已在您观众中的客户。

就是这样! 您的表单已准备好嵌入;您可以继续阅读以了解如何将其放置在您的网站上。

注意! 嵌入式表单适用于所有平台的商店,但您必须首先完成前端集成(对于自定义平台的商店)。

嵌入表单

自定义表单后,您必须启用它以获取嵌入代码。 我们将向您展示要复制的确切代码。

您还可以在“行为设置”下的“将代码添加到您的网站”部分下找到此代码→复制。

复制代码后,您需要打开主题 HTML 文件并将其粘贴到您希望表单显示的页面部分。

与 Shopify 整合

请注意,由于每个主题需要定制,嵌入表单的解决方案无法做到一体化。 有关详细说明,请参阅Shopify 文档,了解嵌入式表单。 下面是指导您完成过程的示例。

步骤 1. 导航到您的 Shopify 管理后台→点击在线商店→主题→自定义。

步骤 2. 点击“添加部分”→“自定义 Liquid”。

步骤 3. 粘贴嵌入代码→点击保存,然后查看更改。 您的表单现已上线。

快速提示:尝试调整部分位置,直到放置到您喜欢的位置 💡

与 BigCommerce 整合

此指南适用于所有符合 BigCommerce 标准的主题。 如果您的主题已导入但未在 BigCommerce 中构建,则必须联系您的主题开发者了解如何嵌入代码。

步骤 1. 导航到您的 Bigcommerce 管理后台→点击商店前台→主题→自定义。

步骤 2. 拖放 HTML 块到您希望嵌入表单的位置。

步骤 3. 粘贴嵌入代码→点击保存 HTML。

步骤 4. 发布更改。 您的表单现在已上线。

注意! 表单仅在更改发布时显示。

集成到 WordPress/WooCommerce 中

步骤 1. 进入您的 WordPress 网站并登录到 WordPress 仪表板。 在这里,您可以管理商店的所有方面,包括添加新的表单元素。

步骤 2. 根据嵌入表单的位置,从仪表板中导航到“页面”或“文章”,然后选择“添加新项目”或选择编辑现有页面/文章。


步骤 3. 要添加自定义 HTML 块,点击+ 块插入器图标,然后搜索“HTML”。

步骤 3. 添加块后,您可以在提供的框中粘贴您的代码,编辑它,并在编辑器中预览。

只需要点击几下,HTML 即会转换为嵌入 WordPress/WooCommerce 商店的表单。

与订阅者的合作

使用嵌入式表单的客户将立即以已订阅状态添加到您的受众中。

使用嵌入式表单的所有联系人还将获得一个标签。 您可以在设置表单时查看标签。 请注意,标签是默认的,无法更改。

作为订阅的结果,您的客户将获得两个标签:一个是分配给嵌入表单的默认标签,另一个是与注册表单相关的默认标签。 来源:注册表单。

如果您想向特定的客户分段发送活动自动化,这些标签可以用于细分。

注意! 使用嵌入式表单的客户,您的默认欢迎自动化将自动触发。 您无需为他们设置单独的欢迎自动化。


如果您还有其他问题或需要帮助,请通过[email protected]与我们联系或通过应用程序。

这是否解答了您的问题?