App 是经营会员最有效的管道，如何引导顾客下载 App 非常重要。Shopper App 推出 App 下载引导，您可以透过此功能开启网店 QR Code 悬浮视窗或是制作网店／实体店 QR Code 图片，并将图片放置于官网轮播元件、弹窗或实体店面，引导顾客下载手机 App。
⚠️ 开始前请注意：Shopper App 下载引导扩充功能目前仅支持 Ultra Chic、Kingsman、 Varm 版型使用。
本篇文章将分别介绍：
一、安装扩充功能
步骤一：前往下载引导设定页面
前往 SHOPLINE 后台 >「Shopper App 管理 > App 设定」，点击「App 下载引导」。
步骤二：安装扩充功能
系统将弹出 Shopper App 下载引导弹窗，查看安装步骤，并点击「前往安装」。
＊注意：您需要先发布 App 才能开启此页面。
进入扩充功能页面后，点击「立即安装」，免费安装扩充功能。
步骤三：启用扩充功能脚本
前往「扩充功能 > 我的扩充功能」，找到您已安装的「Shopper App 下载引导」，并点击「App 设置」。
开启「App 脚本」即完成启用。
二、网店 App 下载引导设定
前往「Shopper App 管理 > App 设定 > App 下载引导」，点选「网店显示设定」页签，并进行以下设定。
＊注意：若您启用脚本后未设定网店显示效果，系统将自动以预设内容进行显示。
电脑端
1. 悬浮图标位置
选择悬浮图标出现的位置，您可以选择网页的右下方或左下方。
2. 网店显示设定
若您开启此开关，顾客进入官网时 QR Code 图片将自动展开显示；若关闭此开关，则仅保留圆形悬浮图标，顾客需点击该图标才会展开 QR Code 图片。
＊注意：顾客点击「X」按钮关闭后，QR Code 图片 24 小时内将不再弹出。
3. 引导文字
引导文字将显示于下载引导视窗下方，用于引导顾客下载 App，您可以输入英文、简体中文、繁体中文文案，字数上限为 200 字。
＊注意：若您未输入此栏位，系统将显示下载礼引导文字；若未启用下载礼，则显示系统预设文字。
4. 色彩设定
设定悬浮图标颜色、背景颜色，以及文字颜色，文字颜色将套用至 QR Code、App 名称以及引导文字。
您可以于右方预览区块点选「网页版」确认设定，并点选页面下方「储存」按钮。
网店前台展示如下：
手机端
1. 引导文字
引导文字将显示于下载引导视窗下方，用于引导顾客下载 App，您可以输入英文、简体中文、繁体中文文案，字数上限为 200 字。
＊注意：若您未输入此栏位，系统将显示下载礼引导文字；若未启用下载礼，则显示系统预设文字。
2. 按钮文字
您可以输入英文、简体中文、繁体中文文案，字数上限为 15 字。
＊注意：若您未输入此栏位，按钮将预设显示为「开启 App」。
3. 色彩设定
设定背景颜色、文字颜色、按钮背景颜色，以及按钮文字颜色；文字颜色将套用至 App 名称、引导文字以及关闭按钮。
您可以于右方预览区块点选「手机端」确认设定，并点选页面下方「储存」按钮。
App 端展示如下：
三、网店 QR Code 图片
步骤一：内容设定
前往「Shopper App 管理 > App 设定 > App 下载引导」，点选「网店图片制作」页签，并进行以下设定。
1. 设定显示 App Logo
预设开启显示 Logo，可自行关闭。
＊注意：您可以前往「App设计 > 品牌内容」设定 App Logo。
2. 设定宣传文字
输入宣传标题、宣传文字。宣传标题限定最多 25 个字元、宣传文字限定最多 40 个字元。
3. 设定显示应用程式商店图片
预设开启显示应用程式商店图片，可自行关闭。
＊注意：若您的商店仅发布至 App Store 或 Google Play，仅会显示您已发布成功的应用程式商店图片。
4. 设定下载礼宣传文字
预设开启下载礼宣传文字，可自行关闭和编辑，限定最多 25 个字元。
步骤二：色彩设定
1. 设定背景
选择「纯色背景」可透过色板选择背景颜色，或直接输入色号。
选择「自订背景」上传图片，建议图片尺寸为 934*548 px。
2. 文字颜色
设定文字颜色，可透过色板选择背景颜色，或直接输入色号。
步骤三：预览图片
在设定的过程中，可随时透过预览区块查看制作成果。
系统提供 3 种图片比例供您切换，比例为 9:5 / 3:5 / 2:1，预设尺寸为 9:5。
步骤四：下载图片
制作完成后，点选「下载图片」将制作好的图片下载至您的设备，图片格式为 PNG。
步骤五：储存设计
点选「储存」按钮将设计保存在后台，您可以随时重新制作。
四、实体店 QR Code 图片
步骤一：内容设定
前往「Shopper App 管理 > App 设定 > App 下载引导」，点选「实体店图片制作」页签，并进行以下设定。
1. 设定显示 App Logo
预设开启显示 Logo，可自行关闭。
＊注意：您可以前往「App设计 > 品牌内容」设定 App Logo。
2. 选择门市
点选下拉选单进行选择，或直接输入门市名称搜寻。
＊注意：此处的门市资讯来自「Shopper App 管理 > App 设定 > 门市资讯设定」。
3. 设定宣传文字
输入宣传标题、宣传文字。宣传标题限定最多 25 个字元、宣传文字限定最多 40 个字元。
4. 设定下载礼宣传文字
预设开启下载礼宣传文字，可自行关闭和编辑，限定最多 25 个字元。
5. 设定显示应用程式商店图片
预设开启显示应用程式商店图片，可自行关闭。
＊注意：若您的商店仅发布至 App Store 或 Google Play，仅会显示您已发布成功的应用程式商店图片。
步骤二：色彩设定
1. 设定背景
选择「纯色背景」可透过色板选择背景颜色，或直接输入色号。
选择「自订背景」上传图片，建议图片尺寸为 317*378 px。
2. 文字颜色
设定文字颜色，可透过色板选择背景颜色，或直接输入色号。
步骤三：预览图片
在设定的过程中，可随时透过预览区块查看制作成果。
系统提供 2 种图片比例供您切换，比例为 3:5 / 9:5 ，预设图片尺寸为 3:5。
步骤四：下载图片
制作完成后，点选「下载图片」将制作好的图片下载至您的设备，图片格式为 PNG。
步骤五：储存设计
点选「储存」将设计储存在后台，您可以随时重新制作。
点选右上方的「制作记录」，查看所有已储存的实体店图片制作记录。您可以点选「复制重做」或「下载图片」进行相对应操作。
延伸阅读
评论