SmartPush 的嵌入式表单功能可以帮助你直接从商店页面收集顾客信息。一旦你在 SmartPush 中创建了表单,就可以将其嵌入到 SHOPLINE 商店的多个关键页面中,例如首页、感谢页面或自定义页面。
本文将为你介绍三种常见的使用场景,并分别说明如何将 SmartPush 表单嵌入到这些页面中。
目录
- 前置步骤:了解如何在 SmartPush 中设置嵌入式表单
- 在首页嵌入表单(通过自定义 HTML)
- 在自定义页面嵌入表单(通过自定义 HTML)
- 在感谢页嵌入表单(通过自定义代码插件)
- 查看与使用收集到的顾客信息
前置步骤:了解如何在 SmartPush 中设置嵌入式表单
在嵌入表单之前,请先参考 SmartPush 设置嵌入式表单 的步骤,完成以下操作:
- 创建你的表单
- 自定义问题、样式及必填字段
- 保存并复制生成的嵌入代码
表单启用后,嵌入代码也可以在“展示方式”模块中查看与复制。
想了解更详细的设置步骤,请查看:设置嵌入式表单
在首页嵌入表单(通过自定义 HTML)
推荐用途: 向首次访问的顾客展示订阅入口,提升邮件订阅或优惠转化。
操作步骤:
- 进入 SHOPLINE 后台 > 在线商店 > 店铺设计> 设计
- 点击 新增组件> 选择 自定义 HTML
- 将 SmartPush 的嵌入代码粘贴至 HTML 框中
- 保存并发布页面,表单将显示在你的商店首页上
在自定义页面嵌入表单(通过自定义 HTML)
推荐用途: 创建独立表单页,或在博客、FAQ、活动页中嵌入表单。
操作步骤:
- SHOPLINE 后台 > 在线商店 > 自定义页面 中创建或编辑一个页面
- 点击 新增组件 > 选择 自定义 HTML
3. 粘贴 SmartPush 嵌入代码并保存
在感谢页嵌入表单(通过自定义代码插件)
推荐用途: 顾客下单成功后,进一步收集订阅、偏好或反馈信息。
操作步骤:
- 在 SHOPLINE 后台,进入 自定义代码 插件
- 在插件主页点击 添加代码
- 选择触发条件:结算页(此触发包含“感谢页”)
- 将 SmartPush 的嵌入代码粘贴到“代码内容”输入框中
- 如果您希望只在感谢页面推送弹窗,您可以使用以下代码。注意:在 if 条件下,替换您的SmartPush弹窗内嵌代码:
<script>
window.addEventListener('load', function () {
const currentUrl = window.location.href;
if (currentUrl.includes('thank_you')) {
const firstDiv = document.getElementById("trade_order_description");
if (firstDiv) {
const newDivHtml = '<div class="smartpush-embedded-此处填代码"></div>';
firstDiv.insertAdjacentHTML('afterend', newDivHtml);
} else {
console.error;
}
}
});
</script>
- 点击“更新”保存,表单将出现在顾客的订单成功(感谢)页面上
想了解自定义代码功能的详细使用方式,请参考:自定义代码应用
查看与使用收集到的顾客信息
顾客填写表单后:
- 前往 SmartPush > 聯絡人 > 分眾群組
- 查看提交的数据,并使用表单中的字段(例如偏好、回答)来筛选受众
- 这些受众可以应用于 SmartPush 的自动化流程以及邮件/SMS 营销活动中
评论