弹窗表单(shoplineapp.com）

概述

营销策略中最重要的要素之一是获取新客户。获取更多的新客户可以加快edm营销的效率。SmartPush将为您提供多种收集新联系人的方法——弹窗表单。SmartPush将结合用户旅程和体验，提供多样表单模版和主题，可以快速地扩大您的联系人列表，同时帮您提升销售额。

在这篇文章，你可以了解到：

• 如何启用弹窗
• 如何设置弹窗并查阅收集联系人
• 表单类型
• 表单编辑

如何启用弹窗

您需要在「主站-扩充功能-SmartPush-APP设置」中，手动点击SmartPush【启用脚本】按钮，弹窗才会在C端用户页面生效。

需要了解的是，目前弹窗功能对部分模版和页面暂不支持。

支持模版为ultra chic、kingsman、varm三种，适用页面包括详见下方图表：

Page	Route	Descriptions
Home Page	home/index	Home page that the merchant has set
Product listing page	products/index	The page that lists all product
Product details page	products/show	The page that shows the detail of a product
Cart page	cart/index	The page that shows cart
Checkout page	checkout/index	The page where shopper checkout
Order success page	orders/confirm	Order success page after checkout
Order detail page	orders/show	The page that shows order details
About page	pages/about
Terms page	pages/terms
Policy page	pages/policy
Delivery policy page	pages/delivery_policy
Advanced page	pages/show	The page that set and build by page builder
User profile page	profile: users/edit
Store credits page	credits: users/user_credits
Member points page	member_points: users/member_points
Messages page	messages: messages/index
User orders page	orders: orders/index
Wishlist page	wishlist: wish_list_items/index
Promotion page	promotions/show
Redeem gift page	promotions/redeem_gift

接下来，本文将为您介绍SmarPush弹窗表单功能的设置流程、表单类型和表单编辑。

 

如何设置弹窗并查阅收集联系人

1. 创建表单

您可以在表单一级菜单下点击创建表单活动按钮，进入表单模版库选择您想要的表单模版，进入编辑器编辑并设置后点击保存按钮，活动将出现在表单活动列表内。注意如果点击退出按钮，编辑操作将不做保存。点击开启按钮该表单将发布至用户端。

2. 任务管理

您可以在任务列表页查看您设置的表单任务。

表单任务有草稿、待开始、进行中、暂停中、已结束五种状态，对应的操作有编辑、预览、查看数据、复制、暂停、删除。点击编辑将进入表单编辑器；点击预览会弹出弹窗预览表单，支持查看移动端和pc端弹窗的效果；点击查看数据将跳转数据报告页。同时浏览量、点击量和点击率数据也将展示在表单列表中。

3. 数据查看

您可以在表单任务列表页查看表单数据，也可以在数据报告菜单下查看表单数据。点击表单活动可以查看该表单明细数据，包括浏览量、点击量、点击率、收集信息量、订单、销售额。同时您也可以导出联系人和订单的具体明细数据。

其中，订单数与销售额与弹窗配置的折扣码相关。当用户使用折扣码下单后，系统将自动检索添加了该折扣码的表单任务、该表单任务触达不同用户的时间和已触达用户的邮箱/电话号码（来源于表单中的联系人信息收集和用户登录信息）。若根据用户下单时所填写的邮箱/手机号码可以匹配到表单已触达的用户、且触达时间在下单时间前15天内，则把当前订单归因至该表单任务下；对于无法按照邮箱/号码准确匹配的用户，因为无法准确追溯其折扣码获得途径（例如：同一客户通过邮箱1获得了表单中的折扣码，下单时却使用邮箱2），为避免遗漏，订单将直接归因至下单前15天内有过曝光、且添加了该折扣码的表单任务下。

4. 联系人收集逻辑

• 目前支持在表单收集信息量中查看通过表单活动收集到的，某一段时间内的联系人姓、名、Email、电话、性别和国家。您也可以导出联系人并二次利用
• 如果您表单收集了生日信息，暂时不支持在收集信息量中查看，但该数据会同步记录在联系人信息中。
• 您可能关心：表单收集的联系人数据如何同步？

1. 如果表单收集到的数据未匹配到本地联系人，则新增联系人并同步订阅；
2. 如果表单收集到的数据匹配到本地已有一个联系人但邮件或手机号信息不一致，则新增一个联系人同步订阅
3. 如果表单收集到的数据匹配到一个联系人且姓、名、国家信息任一为空，则会补全
4. 如果表单收集到的数据匹配到本地已有一个联系人但手机信息不一致，则只收集表单联系人，不同步联系人信息
5. 如果表单收集到的数据如果匹配到两个不同的联系人（A联系人手机，B联系人邮箱），则只收集表单联系人，不同步联系人信息

表单类型

为了更好满足您对于表单的需求，smartpush表单将从表单目的、类型、样式、主题来梳理，方便您快速找到您想要的表单。

1. 按照表单目的可以分为收集信息和召回挽留两种表单类型。

• 收集信息表单主要针对于未订阅的新用户，通常用于浏览页面的场景，触发弹窗来激励用户填写个人信息，从而新增您的联系人数量。
• 召回挽留表单主要是针对于有离开意图、支付过程中断、长时间停留犹豫购买的用户等，基于特定的时机触发弹窗，可以挽回潜在流失用户，并增加订单量和销售额。

2. 按照表单类型分类可以将表单分为弹窗和提示框。

• 弹窗是浏览网站时出现在网站上的固定窗口。此表单会根据您设定的出现条件在特定网站页面的固定位置上弹出，会打断用户在网页上的操作行为。支持调整弹窗蒙层的透明度。

• 提示框是一般出现在网页的四角，和弹窗相比最大的差异是，提示框不会影响用户在底部页面操作的窗口。您可以在展示设置来配置弹窗展示形式。

3. 表单样式分类可以分为图文表单和转盘表单。

• 图文表单是指表单布局为图片和文本两部分，请注意，主体结构不可缺失，您可以替换图片但是不可删除图片区块，您也可以在文本部分添加您想要添加的区块。
• 转盘表单是SmartPush提供的游戏化弹窗表单。这是一种通过让订阅者点击转盘旋转并赢得折扣，或其他内容来吸引订阅者的互动方式，以换取他们的注册。您可以在该模版内设置转盘奖项、优惠券和中奖概率。请注意，设置中奖概率之和为100%，否则会报错。

4. 按照表单主题，可以分为欢迎订阅、节日活动、优惠活动、提示提醒等表单。您可以在不同的营销节点选择合适的主题模版。模版主题后续会持续更新。

表单编辑

表单编辑器主要功能包括表单设置、展示设置、推送设置、添加区块

1. 表单设置

您可以在该部分设置表单的生效时间、以及收集到的联系人标签。您可以为提交表单的所有联系人分配标签，这有助于进一步细分。您可以将现有标签添加到表单中，或直接在表单生成器中创建新标签，以便随后对联系人进行细分。表单联系人标签将会作为一级标签在细分群组筛选条件中展示。

2. 展示设置

• 您可以在展示设置中配置表单出现和关闭的方式、展示设备和频率等。如果您选择了提示框，可以在这里调整飞入方向和飞入速度。

• 您可以选择多种关闭方式，包括点击弹窗关闭按钮、点击弹窗外区域、无操作自动消失。
• 展示设备

您可以选择弹窗的展示设备，包括PC端和移动端。需要注意的是，提示框和弹窗展示位置对应也会有些不同。

• 展示频率

定义了如果访问者在表单显示后没有订阅，表单将再次出现的频率。您可以决定在与表单交互后不再显示该表单：

3. 推送设置

• 推送对象

您可以根据用户的登录状态、订阅状态、购买状态、国家地区来筛选弹窗需要推送的对象。只有选择登陆用户才会进一步筛选订阅状态和购买状态，国家地区是基于用户IP来判断的。推送对象仅支持选择无限制订阅状态。

• 推送时机

1. 本期功能仅支持用户进入页面的时机筛选条件，后期将基于用户浏览商品以及商品更新等条件来增加推送时机，敬请期待。
2. 您可以选择弹窗展示的页面，包括店铺页面和自定义页面，您可以自己填写自定义URL。
3. 展示规则是指用户在页面达到展示规则即可触发弹窗，包括停留时间、滚动深度、退出意图。停留时间是指访问者需要在您的网站上花费的时间（以秒为单位）才能显示表单；滚动深度是指用户需要在页面上滚动多远（以百分比为单位）才能显示表单；退出意图是指用户即将离开页面时出现，通过用户行为来跟踪：PC端用户鼠标移动至页面顶部时/鼠标悬停在桌面视口顶部上方时，移动端用户从左向右滑动屏幕、点击返回视为退出意图。
4. 停止推送条件是指对于单个触发用户的停止推送条件，包括展示次数。您可以在此进行配置。需要注意的是，当您选择停止推送条件为【用户行为】-【用户订阅邮箱或手机后】时，只要用户完成了邮箱订阅或手机订阅任一行为，该表单任务将停止对该用户推送。

4. 区块编辑

在左侧边栏上，您将能够选择特定内容项并将其拖放到表单内容中。为了完善您的注册表单，您可以添加电子邮箱输入框、电话输入框、日期输入框、单行输入框、下拉选择框、文本、按钮、合规协议，也可以修改图片、插入折扣码。

需要注意的是，不同弹窗页面可添加的区块不同，但收集信息页至少包含的区块为输入框、合规协议、按钮，优惠券页至少包含一个折扣码区块，成功页至少包含一个文本区块。

• 全局样式

您可以在整体布局设置表单的图文结构布局、背景颜色、背景透明度、填充方式，支持支持添加阴影、圆角效果，需要注意的是，移动端仅支持上下结构布局。

• email输入框

该区块允许您在表单中的任何位置添加email输入框，只需将块拖放到所需位置即可。添加后，您可以更改输入占位符文本，设置必填字段并更改所需消息的文本（默认为“此项为必填项”）。通过将其命名为“电子邮件”或“在此处留下您的电子邮件”等内容来添加该字段的标签。

• 文本

将您想要的任何文本添加到表单内容中。只需将文本项拖放到您的表单中即可。到右侧菜单以编辑文本样式、字体、大小、行高和字体颜色。

• 按钮

一个基本功能是添加一个按钮来收集电子邮件提交。同时，您可以添加一个带有指向商店特定页面的链接的按钮。您可以在提交表单和链接到特定页面之间切换按钮操作，并将多个按钮添加到单个表单中。同时您可以调整文本、链接、按钮样式和对齐方式。

• 下拉选择框

通过下拉选择框，您可以开始收集客户的性别和国家/地区数据，只需将项目拖放到表单中，然后选择应映射到哪个配置文件字段：国家/地区、性别。您可以管理占位符、选择和标签，并决定是否要将此字段设置为必填字段，同时可以设置样式。

• 日期输入框

您可以向表单添加额外的日期输入框以收集联系人的生日数据，或将其映射到自定义属性以收集自定义日期。与其他区块一样，您可以将此字段设为必填、为其添加标签并更改所需的消息。

• 电话输入框

使用此区块，您可以在表单中的任何位置添加电话输入框。拖放块后，您可以更改输入占位符文本、将字段设置为必填、添加或删除字段的标签以及更改所需消息的文本（默认为“此字段为必填”）。国家区号将根据用户的IP自动填充。

•  合规协议

 合规协议区块会内置文案，使法律文本更加简洁。您可以编辑文案内容样式等，需要注意的是，您需要添加隐私政策链接。

• 促销折扣

您可在输入框内直接输入在SHOPLINE配置的优惠代码，展示给你的顾客使用。您也可以编辑优惠券样式，支持上传优惠券自定义背景图，但需注意背景图尺寸。

•  图片

选择您想要添加到表单内容中的图像；建议上传尺寸小于200KB，最大宽度600px的图片，支持JPGE、JPG、PNG 和 GIF 格式。您可以选择填充方式和样式。若您想删除图片区块，可以在整体布局选择无图模式。

• 多页面交互

表单模版通常会配置2-3个页面，包括收集信息页、优惠券页和成功页。用户在点击按钮后会自动跳转下一页。

常显入口是弹窗的一部分，可以视为弹窗表单的预告页。它们比弹出窗口的侵入性要小，但它们仍然很突出，因为它们出现在页面边缘而不是中心。访问者通常可以继续浏览，而无需与表单交互或关闭表单。您可以在表单模板中点击常显入口进行开启和设置，编辑它的文案、样式、展示位置和展示时机，配置背景图片和关闭按钮。

• 展示时机：

• • 显示弹窗前：用户进入页面时，常显入口出现；弹窗弹出时，入口消失。
  • 显示弹窗后：弹窗关闭后，常显入口出现。
  • 一直显示：用户进入页面时，常显入口出现；弹窗弹出后，入口不消失。

备注：常显入口一旦出现，无论是否达到弹窗推送时机，只要顾客点击入口，弹窗便会弹出，因此对推送时机敏感的任务不适用将常显入口的展示时机设置为【显示弹窗前】/【一直显示】。开放常显入口后，弹窗在顾客点击入口和达到推送条件时均会弹出，因此建议您通过【推送】>【停止推送条件】或【展示】>【展示频率】管理对任务的推送频率，避免造成对同一顾客的过度打扰。

• 关闭按钮：打开【关闭按钮】开关，关闭按钮将展示在常显入口上，顾客便可以通过点击按钮来关闭入口。我们支持您设置两种关闭效果：

• • 仅关闭顾客所在页面的常显入口：顾客关闭当前页面中的常显入口后，本次浏览中当前页面上的入口会消失，但表单的弹出仍然会按照您设置的推送条件进行。如果顾客再次进入该页面（含刷新）或进入其他设置有该表单任务的页面，只要表单任务没有停止对该顾客推送，入口和表单任务仍会按照设置逻辑进行。
  • 不再展示该弹窗任务与常显入口：顾客关闭当前页面中的常显入口后，在以后任何一次浏览中都不再对该顾客展示该常显入口以及其所关联的弹窗表单。

• 入口样式：在【常显入口】中您可以设置文案的内容与样式，打开【背景图片】开关后可以配置背景图片；在【样式】中您可以设置常显入口在页面上的展示位置，关闭按钮和常显入口的样式。以上设置可以帮助您实现多种样式的常显入口，比如：

• • 异形入口：在【常显入口】中上传透明底的背景图片，在【样式】>【入口样式】中设置背景色透明度为100%，并调整入口宽高度、圆角至合适范围，即可实现异形入口。

• • 圆形入口：设置入口高度=入口宽度，入口圆角=100px，即可实现圆形入口。