App 是經營會員最有效的管道，如何引導顧客下載 App 非常重要。Shopper App 推出 App 下載引導，您可以透過此功能開啟網店 QR Code 懸浮視窗或是製作網店／實體店 QR Code 圖片，並將圖片放置於官網輪播元件、彈窗或實體店面，引導顧客下載手機 App。
本篇文章將分別介紹：
一、安裝擴充功能
步驟一：前往下載引導設定頁面
前往 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。
步驟五：儲存設計
點選「儲存」將設計儲存在後台，您可以隨時重新製作。
點選右上方的「製作記錄」，查看所有已儲存的實體店圖片製作記錄。您可以點選「複製重做」或「下載圖片」進行相對應操作。
延伸閱讀
評論