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 验证弹窗在店铺前端页面展示效果:
评论
请登录写评论。