跳转到主要内容
所有收藏注册表格注册表格
嵌入式订阅注册表
嵌入式订阅注册表

了解如何在 Omnisend 中创建嵌入式订阅注册表

Ira avatar
作者:Ira
一周前更新

嵌入式表单会在您网站的特定页面上一致显示,使订阅者收集工作变得简单流畅。通过在网站的任何页面上嵌入表单,您可以扩大覆盖范围、建立联系名单,并直接向您的 Omnisend Audience 添加新用户。

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

开始之前

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

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

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

  • 要使嵌入式表单正常工作,必须先完成前端集成(安装 Omnisend 应用程序后,Shopify、Bigcommerce 和 Woocommerce 会自动完成集成)。

设置过程

创建嵌入式表单非常简单。为此,请导航至 "Forms "(表单)并单击 "Create Form"(创建表单)

在表单库中,选择Embedded Style (嵌入样式)表单 → 选择其中一个表单模板 → 单击Use template (使用模板)。

您将被重定向到 "表单生成器",在这里您可以编辑表单并添加任何其他项目。

使用简单的拖放方法,您可以根据自己的喜好定制嵌入式注册表。

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

您可以在表单中添加文字、图片和多个按钮。您甚至可以在表单中添加游戏化的幸运转盘,为订阅提供奖励。

阅读完整指南:注册表生成器项目

在右侧菜单中,你可以找到Behavior(行为)和 Theme settings(主题设置)选项卡:

在行为设置下,您可以管理Audience(受众)Targeting(目标)设置。

Audience management(受众管理)允许您为所有提交表单的联系人分配一个标签,这有助于进一步细分。您可以将现有标签添加到表单中,或者直接在表单生成器中创建一个新标签,以便之后对联系人进行细分。有关联系人标签的更多信息,请点击此处

您还可以在这里开启double opt-in ( 双重选择加入)。如果启用,您的潜在订户首先会填写注册表单,第二步会向他们的收件箱发送一封后续电子邮件,以确认订阅。

阅读完整指南:双重选择加入

对于页面定位设置,您可以决定在哪里向访问者显示该表单。例如,您可以让表单显示在缺货产品页面或不显示。

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

通过表单Form Layout(布局),您可以将表单类型更改为着陆页、弹出式、飞出式或嵌入式表单。

在这里,您可以将表单宽度调整到最大 1000px。

Form color(表单颜色)可让您更改表单背景和链接颜色。

如果想选择其他颜色,请单击 "My colors "(我的颜色) 下的 + 号,然后从调色板中选择所需的颜色。

小贴士您可以擦除颜色,使表格完全透明。

Buttons(按钮)设置下,您可以管理按钮样式,以便在表单中进一步使用。

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

最后,您还可以设置Messages(消息),在成功注册后向已加入 "受众(Audience) "的客户显示。

阅读完整指南:成功信息

就是这样简单!您的表单已经可以嵌入了;您可以进一步阅读,了解如何将它放到您的网站上。

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

嵌入注册表

自定义表单后,必须启用表单才能获得嵌入代码。我们将向您展示需要复制的准确代码。

您还可以在 "行为设置(Behaviour Settings) "下的 "Add code to your website (向网站添加代码)"→"复制 "中找到这段代码。

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

💡 嵌入的注册表代码片段不能添加到其他 HTML 表单元素内,因为我们的表单也使用 HTML 表单元素,而浏览器不允许在页面内嵌套注册表标记 💡

与 Shopify 集成

步骤 1.导航到 Shopify admin → click Online Store → Themes → Customize。

步骤 2单击Add Section → Custom Liquid。

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

QuicTip 提示!尝试摆放不同的部分,直到摆放到您喜欢的位置 💡

与 Bigcommerce 集成

本指南适用于按照 BigCommerce 标准构建的所有主题。如果您的主题已导入但未在 BigCommerce 中构建,您必须向主题开发人员咨询,了解如何嵌入代码。

步骤 1.导航到 Bigcommerce admin → 点击 Storefront → Themes → Customize。

第 2 步将 HTML 块拖放至需要嵌入表单的位置。

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

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

注意!只有在发布更改时才会出现该表格。

与 WordPress/WooCommerce 集成

步骤 1.访问您的 WordPress 网站,登录 WordPress 控制面板。在这里,您可以管理商店的方方面面,包括添加新的表单元素。

第 2 步根据要嵌入表单的位置,从仪表板导航到 "Pages(页面) "或 "Post (帖子)",然后选择 "Add New(添加新内容) "或选择 "Edit (编辑) "现有页面/帖子。

第 3 步要添加Custom HTML block (自定义 HTML 块),请单击 + Block Inserter (块插入器图标)并搜索 "HTML"。

第 3 步添加区块后,您可以在提供的框中粘贴代码,进行编辑,并在编辑器中预览。

只需点击几下,HTML 就会变成 WordPress/WooCommerce 商店中的嵌入式注册表。

标记订阅者

使用您的嵌入式注册表的客户将立即以订阅状态添加到您的 "受众(Audience)"。

使用嵌入式注册表的所有联系人也将获得一个标签。您可以在设置表单时选中标签。请注意,标签是默认的,不能更改。

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

如果要向特定客户群发送营销活动自动化工作流,这些标签可用于细分。

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

如果您有更多问题或需要帮助,请通过 [email protected] 与我们联系。

这是否解答了您的问题?