创建您的第一个sign-up表单
从注册表单开始。
了解如何为您的网站或Shopify商店创建和定制有效的注册表单。本指南涵盖:
创建和命名您的表单
自定义表单设计和外观
添加选择性字段和内容块
设置显示规则和目标
发布和跟踪表单性能
将表单添加到您的Shopify商店或网站
逐步指南
我们的注册表单旨在让您的客户可以轻松选择他们想要使用的渠道。
注册表单让您可以直接从您的网站或Shopify商店通过WhatsApp、电子邮件或SMS收集客户联系方式。当有人订阅时,他们将被添加到您的联系人列表中,准备接收自动欢迎信息或促销优惠,例如折扣码。
按照以下步骤设置。
至少一个已安装的渠道
访问Marketing以设计您的注册表单
访问Contacts以配置您的订阅列表
访问Journeys以配置您的订阅流程
访问您的网站CMS或电子商务网站编辑器
步骤 1:访问注册表格
步骤 2:创建一个新表单
Click Create new sign-up form in the top right corner.
To set up your form, simply:
Name your form: Give it a clear and recognizable name, e.g., "Bird.com multi-channel opt-ins."
Select your default language using the dropdown list.
Add a tag (optional): For example, "promotions" if you plan to send this list promotional content.
Select the list for subscribers to be added to. In this example, we will use Website signups.
If your form is for Shopify, select your store from the dropdown menu. If no stores appear, go back and install Shopify as an integration. Otherwise, select "any other website."
Click Create sign-up form, and you will be able to start designing your form.
步骤 3:自定义表单设计
转到样式选项卡以选择表单在桌面上的显示方式。 您可以在不同视图(例如,模态、弹出、嵌入)之间切换。 对于弹出窗口,您可以选择表单在屏幕上的显示位置。
通过输入像素高度并从背景选项(小、中或大)中进行选择来调整表单大小。
使用滑块自定义颜色或输入特定的 RGB、HSL 或十六进制代码以匹配您的品牌。
调整背景颜色、边框颜色,并在需要时启用背景图像。 您还可以在表单中添加间距以适应您的品牌风格。
嵌入式注册表单
要在您自己的网页上嵌入您的注册表单,您可以在创建注册表单时选择样式 > 嵌入

您现在可以设计注册表单并在完成后发布。
要嵌入您发布的注册表单,您需要按照以下步骤操作:
从列表视图中打开注册表单并单击安装

在安装下,转到我的网站部分,您需要选择一个应用程序(这表示您的网站跟踪以添加我们的 SDK)。 如果您没有应用程序,请转到开发者 > 应用程序,通过为其命名来创建一个。
创建新应用程序或选择现有应用程序将显示需要添加到您网站 head 标签中的代码片段以安装 Bird SDK。
将此脚本标签包含在您网站的 head 标签中。 您只需包含一次,所有附加到此应用程序的注册表单将自动被检测到。

现在转到 电子商务平台 选项卡以查找特定于此嵌入注册表单的 HTML 代码片段。
您可以将此 HTML 代码片段放在您希望注册表单出现的位置。

Step 4: 添加定位和行为规则
步骤 5:向您的表单添加图像
转到表单图像部分。您可以通过上传文件、提供 URL 或从媒体库中选择预先保存的图像来添加图像。
从下拉菜单中选择图像大小,添加您的辅助功能说明文字,并选择图像位置和对齐方式。图像大小需要根据此位置进行调整。
步骤 6: 自定义表单内容
导航到步骤 > 内容以开始编辑您的标题和正文文本,使其与您的活动信息一致,例如,“Sign up and get 10% off.”
您可以在编辑器中编辑文本的大小和样式,并设置您的边距大小以适合您的品牌。
步骤7:将模块添加到您的注册表单中
步骤 8: 发布你的表单
现在您的表单已准备就绪,只需点击发布按钮即可激活它。
如果您使用Shopify,您的表单将在发布后自动出现在您的商店中—您无需再做任何事情。
对于其他网站,发布后您将找到一个代码片段。复制此片段,进入您网站的设置,并将其粘贴到您希望表单出现的位置。不要忘记