使用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
谢谢！