创建SmartPush嵌入表单,並使用在SHOPLINE商店

SmartPush 的嵌入式表单功能可以帮助你直接从商店页面收集顾客信息。一旦你在 SmartPush 中创建了表单,就可以将其嵌入到 SHOPLINE 商店的多个关键页面中,例如首页、感谢页面或自定义页面。

本文将为你介绍三种常见的使用场景,并分别说明如何将 SmartPush 表单嵌入到这些页面中。

 

目录

 

前置步骤:了解如何在 SmartPush 中设置嵌入式表单

在嵌入表单之前,请先参考 SmartPush 设置嵌入式表单 的步骤,完成以下操作:

  • 创建你的表单
  • 自定义问题、样式及必填字段
  • 保存并复制生成的嵌入代码

表单启用后,嵌入代码也可以在“展示方式”模块中查看与复制。

想了解更详细的设置步骤,请查看:设置嵌入式表单

 


在首页嵌入表单(通过自定义 HTML)

推荐用途: 向首次访问的顾客展示订阅入口,提升邮件订阅或优惠转化。

操作步骤:

  1. 进入 SHOPLINE 后台 > 在线商店 > 店铺设计> 设计

  1. 点击 新增组件> 选择 自定义 HTML

  1. 将 SmartPush 的嵌入代码粘贴至 HTML 框中

  1. 保存并发布页面,表单将显示在你的商店首页上

 


在自定义页面嵌入表单(通过自定义 HTML)

推荐用途: 创建独立表单页,或在博客、FAQ、活动页中嵌入表单。

操作步骤:

  1. SHOPLINE 后台 > 在线商店 > 自定义页面 中创建或编辑一个页面

  1. 点击 新增组件 > 选择 自定义 HTML

3. 粘贴 SmartPush 嵌入代码并保存


在感谢页嵌入表单(通过自定义代码插件)

推荐用途: 顾客下单成功后,进一步收集订阅、偏好或反馈信息。

操作步骤:

  1. 在 SHOPLINE 后台,进入 自定义代码 插件
  2. 在插件主页点击 添加代码
  3. 选择触发条件:结算页(此触发包含“感谢页”)

  1. 将 SmartPush 的嵌入代码粘贴到“代码内容”输入框中
  2. 如果您希望只在感谢页面推送弹窗,您可以使用以下代码。注意:在 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>

  3. 点击“更新”保存,表单将出现在顾客的订单成功(感谢)页面上

想了解自定义代码功能的详细使用方式,请参考:自定义代码应用

 

 


查看与使用收集到的顾客信息

顾客填写表单后:

  1. 前往 SmartPush > 聯絡人 > 分眾群組
  2. 查看提交的数据,并使用表单中的字段(例如偏好、回答)来筛选受众
  3. 这些受众可以应用于 SmartPush 的自动化流程以及邮件/SMS 营销活动中
还有其它问题?提交请求

评论