Poptin|设置验证弹窗

Poptin Pop Ups, Exit Intent & Forms 插件(下文中简称为 Poptin),通过添加该插件内的 Popup,可以帮助您快速设置一个当客户访问网站时出现的验证弹窗。

提示

  • 本文将以设置年龄验证弹窗为例进行演示。
  • 如果您的广告商、收款平台或所在地法律法规有对该年龄验证弹窗的规定,请依据具体规定设置该弹窗。

插件安装

关于 Poptin 插件的安装流程,可参考此文档:Poptin|设置弹窗

设置验证弹窗

1. 进入 Poptin 插件,在 Popups 界面,点击右上角 NEW POPUP

2. 在 Template 页面,在 Poptin name 位置点击 Full screen,找到下图中标记的弹窗模板。

3. 将鼠标悬停在该弹窗模板上,点击 Customize

4. 在弹窗中填入 Poptin name(名称)和 Domain(您的店铺域名),填写完成后点击 CUSTOMIZE POPTIN

5. 在 Design 页面中:

  • 左侧栏位置可对该弹窗进行自定义。
  • 右侧位置可查看在左侧栏修改配置后,可预览弹窗在PC端与移动端的展示效果。

6. 选中右侧弹窗中标题部分文字内容,删除后输入:Age Verification(文案可自定义,根据实际需求拟定)。

提示

选中文字内容后,可在下方工具栏中调整文字样式、颜色、对齐方式等。

7. 选中右侧弹窗中描述部分文字内容,删除后输入:You must be at least 18 years old to visit this site. Please confirm your age to continue.(描述的文案可自定义

注意

当文字内容较长时,弹窗中各模块之间可能会存在拥挤或重叠情况,您可参考下图进行调整:

8. 点击右侧弹窗中 Yes 按钮,左侧栏会跳转到该按钮对应配置位置。

  • On Submit Button Click 模块,可选择当客户点击该按钮后出现的情况。

  • Submit 位置,可修改该按钮背景颜色;
  • Hover 位置,可修改鼠标悬停在该按钮上时的背景颜色;
  • Upload Background 位置,可上传图片作为按钮背景。

  • Button Effect 模块,可配置按钮特效。

  • 选中右侧 Yes 按钮中描述部分文字,删除后输入:I'm 18 or older(文案可自定义)。

9. 点击右侧弹窗中 No 按钮,左侧栏会跳转到该按钮对应配置位置。

  • Submit 位置,可修改该按钮背景颜色;
  • Hover 位置,可修改鼠标悬停在该按钮上时的背景颜色;

  • 在 Close、Redirect To、Launch Another Poptin 位置,可选择当客户点击该按钮后出现的情况。

  • 选中右侧 No 按钮中描述部分文字,删除后输入:I'm under 18 years old(文案可自定义)。

10. 在左侧栏 Background Design 模块:

  • Color 中,可以修改该弹窗的背景颜色。

  • Gallery 中,可以选择预设的图片作为弹窗背景。

注意

在设置了 Gallery 图片作为背景时,在 Color 中配置的背景颜色,在移动端生效位置和效果如下:

11. Design 页面设置好后,点击右上角 Next

12. 在 Display rules 页面:

  • Triggers 模块,可设置该弹窗出现的触发条件。

  • Targeting 模块,可设置该弹窗展示的目标,包括:展示终端设备类型、展示页面、展示频率。

13. 设置完成后,点击右上角 Publish 发布。

14. 发布完成后,在 Poptin 插件内 Popups 界面,可查看已创建的弹窗信息。

15. Poptin 验证弹窗在店铺前端页面展示效果:

这篇文章有帮助吗?
0 人中有 0 人觉得有帮助

评论

0 条评论

登录写评论。

Live chat
Reset