使用SiteKit创建弹窗
在电子商务中,弹窗(Popup)是一个显示促销信息或鼓励客户在页面上进行操作的窗口。目前,大多数在线商店都使用弹窗以增加商店的销量。使用SiteKit应用,您可以轻松为商店创建用于不同目的的弹窗,例如收集客户电子邮件、吸引更多社交关注者、向客户介绍折扣代码、将访客指向到页面上的具体地址等。
本文将指导您为商店创建这些类型的弹窗,尤其是收集客户电子邮件的弹窗,如下所示。
在ShopBase后台中,转到 Apps > SiteKit Promotion Bar & Popup。
在 Popup中,点击 Create new Popup。
在 Goal选项卡中,请选择弹窗的目标: Collect emails(收集客户的电子邮件)、 Collect emails, get social followers with coupon (使用优惠券收集电子邮件、获得社交关注者) 、 Get social shares(获取社交分享), Target a URL(将访客指向到页面上的具体地址)。
选择目标后,请转到 Design选项卡以自定义弹窗的内容和外观。
Layouts:选择弹窗的布局,包括 No hero image(无主图)、 Top hero (显示顶部主图)、 Left hero(显示左侧主图)、 Right hero(显示右侧主图)。
Appearance:选择号召性用语按钮的颜色、弹窗的背景图片和颜色。
Hero Image:从您的设备上传图片或从ShopBase弹窗背景专辑中选择一个。
Content:编辑弹窗上显示的号召性用语,以鼓励访客与弹窗互动,添加指向商店社交网站的链接(对于“使用优惠券收集电子邮件、获得社交关注者”和“获取社交分享”的弹窗类型) ,或添加指向到您要客户访问的页面链接(对于“将访客指向到页面上的具体地址”的弹窗类型)。
设计完弹窗后,请转到 Settings选项卡以设置弹窗的显示方式。
Customer trigger:选择可以看到弹窗的访客对象。
Show SiteKit brand:选择是否在弹窗上显示SiteKit徽标。
When does it display (选择弹窗显示的时间):在这里,您可以选择 Immediately,以当访客访问页面后弹窗立即显示;选择 Exit intent以当访客打算离开您的网站时弹窗将显示;选择在客户访问页面的一段时间后弹窗将显示的具体时间表;选择 After scrolling a little以当访客游览页面的一段时间后,弹窗将显示;选择 When visitor clicks button以当访客单击页面上的弹窗图标按钮时,弹窗将显示。
Coupon Code(s) ( 此字段仅在显示在“使用优惠券收集电子邮件、获得社交关注者”弹窗上):在此处,请输入折扣代码,以便在客户进行弹窗推荐的操作时,折扣代码将显示。在输入折扣代码之前,您必须 在ShopBase后台中创建折扣代码。
在 Targeting 选项卡中,您可以更改设置,例如:
Show the popup on the following pages:选择弹窗显示的页面,可以是 On all pages(在所有页面上)或 On all pages( 在某些具体页面上)。
After a conversion, don't display this site element to that user for:选择弹窗对已购买产品的客户不显示的时间。
After a user closes this site element, don't display it again to that user for:选择弹窗对已查看并关闭弹窗的客户不显示的时间。
然后,转到 Conversion选项卡以设置在客户进行弹窗推荐的操作之后通知的内容。
Conversion部分仅在“收集客户的电子邮件”和“使用优惠券收集电子邮件、获得社交关注者”弹窗上显示。
After a visitor submits an email address, what do you want to do on your site?: 选择当客户发送其电子邮件后您要系统进行的下一个动作,可以向他们发送感谢信 (Show a default message 或 Show a custom message) 或将他们指向到商店的另一页 (Redirect the visitor to a URL)。
Add a service: 此部分允许您将SiteKit连接到另一个第三方电子邮件营销服务。
Sub message (仅有“使用优惠券收集电子邮件、获得社交关注者”弹窗类型才显示):编辑通知的内容。
Button text (仅有“使用优惠券收集电子邮件、获得社交关注者”弹窗类型才显示):编辑号召性用语按钮文字。
Popup title ( 仅有“使用优惠券收集电子邮件、获得社交关注者”弹窗类型才显示):编辑弹窗标题。
完成所有步骤后,请点击 Save & Publish。
SiteKit应用概述
本文将指导您为商店创建这些类型的弹窗,尤其是收集客户电子邮件的弹窗,如下所示。
指南
在ShopBase后台中,转到 Apps > SiteKit Promotion Bar & Popup。
在 Popup中,点击 Create new Popup。
在 Goal选项卡中,请选择弹窗的目标: Collect emails(收集客户的电子邮件)、 Collect emails, get social followers with coupon (使用优惠券收集电子邮件、获得社交关注者) 、 Get social shares(获取社交分享), Target a URL(将访客指向到页面上的具体地址)。
选择目标后,请转到 Design选项卡以自定义弹窗的内容和外观。
Layouts:选择弹窗的布局,包括 No hero image(无主图)、 Top hero (显示顶部主图)、 Left hero(显示左侧主图)、 Right hero(显示右侧主图)。
Appearance:选择号召性用语按钮的颜色、弹窗的背景图片和颜色。
Hero Image:从您的设备上传图片或从ShopBase弹窗背景专辑中选择一个。
Content:编辑弹窗上显示的号召性用语,以鼓励访客与弹窗互动,添加指向商店社交网站的链接(对于“使用优惠券收集电子邮件、获得社交关注者”和“获取社交分享”的弹窗类型) ,或添加指向到您要客户访问的页面链接(对于“将访客指向到页面上的具体地址”的弹窗类型)。
设计完弹窗后,请转到 Settings选项卡以设置弹窗的显示方式。
Customer trigger:选择可以看到弹窗的访客对象。
Show SiteKit brand:选择是否在弹窗上显示SiteKit徽标。
When does it display (选择弹窗显示的时间):在这里,您可以选择 Immediately,以当访客访问页面后弹窗立即显示;选择 Exit intent以当访客打算离开您的网站时弹窗将显示;选择在客户访问页面的一段时间后弹窗将显示的具体时间表;选择 After scrolling a little以当访客游览页面的一段时间后,弹窗将显示;选择 When visitor clicks button以当访客单击页面上的弹窗图标按钮时,弹窗将显示。
Coupon Code(s) ( 此字段仅在显示在“使用优惠券收集电子邮件、获得社交关注者”弹窗上):在此处,请输入折扣代码,以便在客户进行弹窗推荐的操作时,折扣代码将显示。在输入折扣代码之前,您必须 在ShopBase后台中创建折扣代码。
在 Targeting 选项卡中,您可以更改设置,例如:
Show the popup on the following pages:选择弹窗显示的页面,可以是 On all pages(在所有页面上)或 On all pages( 在某些具体页面上)。
After a conversion, don't display this site element to that user for:选择弹窗对已购买产品的客户不显示的时间。
After a user closes this site element, don't display it again to that user for:选择弹窗对已查看并关闭弹窗的客户不显示的时间。
然后,转到 Conversion选项卡以设置在客户进行弹窗推荐的操作之后通知的内容。
Conversion部分仅在“收集客户的电子邮件”和“使用优惠券收集电子邮件、获得社交关注者”弹窗上显示。
After a visitor submits an email address, what do you want to do on your site?: 选择当客户发送其电子邮件后您要系统进行的下一个动作,可以向他们发送感谢信 (Show a default message 或 Show a custom message) 或将他们指向到商店的另一页 (Redirect the visitor to a URL)。
Add a service: 此部分允许您将SiteKit连接到另一个第三方电子邮件营销服务。
Sub message (仅有“使用优惠券收集电子邮件、获得社交关注者”弹窗类型才显示):编辑通知的内容。
Button text (仅有“使用优惠券收集电子邮件、获得社交关注者”弹窗类型才显示):编辑号召性用语按钮文字。
Popup title ( 仅有“使用优惠券收集电子邮件、获得社交关注者”弹窗类型才显示):编辑弹窗标题。
完成所有步骤后,请点击 Save & Publish。
关联页面
SiteKit应用概述
更新于: 13/09/2022
谢谢!