App 是經營會員最有效的管道，如何引導顧客下載 App 非常重要。Shopper App 推出 App 下載引導，您可以透過此功能開啟網店 QR Code 懸浮視窗或是製作網店／實體店 QR Code 圖片，並將圖片放置於官網輪播元件、彈窗或實體店面，引導顧客下載手機 App。
本篇文章將分別介紹：
一、網店 App 下載引導設定
步驟一：前往下載引導設定頁面
前往 SHOPLINE 後台 >「App 管理 > App 設定」，點擊「App 下載引導」。
步驟二：安裝擴充功能
系統將彈出 Shopper App 下載引導彈窗，查看安裝步驟，並點擊「前往安裝」。
＊注意：您需要先發佈 App 才能開啟此頁面。
進入擴充功能頁面後，點擊「立即安裝」，免費安裝擴充功能。
步驟三：啟用擴充功能腳本
前往「擴充功能 > 我的擴充功能」，找到您已安裝的「Shopper App 下載引導」，並點擊「App 設定」。
開啟「App 腳本」即完成啟用。
步驟四：設定 App 下載引導
前往「App 管理 > App 設定 > App 下載引導」，點選「網店顯示設定」頁籤，並進行以下設定。
1. 網店顯示設定
若您開啟此開關，顧客進入官網時 QR Code 圖片將自動展開顯示；若關閉此開關，則僅保留圓形懸浮圖標，顧客需點擊該圖標才會展開 QR Code 圖片。
2. 懸浮圖標顏色
您可以使用色板或直接輸入色號，設定懸浮圖標的顏色及背景顏色。
步驟五：預覽並儲存設定
點選頁面最下方「儲存」按鈕完成設定。
＊注意：若您啟用腳本後未設定網店顯示效果，系統將自動以預設內容進行顯示。
網店前台展示如下：
App 端展示如下：
二、網店 QR Code 圖片
步驟一：編輯圖片
前往「App 管理 > App 設定 > App 下載引導」，點選「網店圖片製作」頁籤，並進行以下設定。
1. 設定背景
選擇「純色背景」可透過色板選擇背景顏色，或直接輸入色號。
選擇「自訂背景」上傳圖片，建議圖片尺寸為 934*548 px。
2. 設定宣傳文字
輸入宣傳標題、宣傳文字，及設定文字顏色。宣傳標題限定最多 25 個字元、宣傳文字限定最多 40 個字元。
3. 設定下載禮宣傳文字
預設開啟下載禮宣傳文字，可自行關閉和編輯，限定最多 25 個字元。
4. 設定顯示 App Logo
預設開啟顯示 Logo，可自行關閉。
＊注意：您可以前往「App設計 > 品牌內容」設定 App Logo。
5. 設定顯示應用程式商店圖片
預設開啟顯示應用程式商店圖片，可自行關閉。
＊注意：若您的商店僅發佈至 App Store 或 Google Play，僅會顯示您已發佈成功的應用程式商店圖片。
步驟二：預覽圖片
在設定的過程中，可隨時透過預覽區塊查看製作成果。
系統提供 3 種圖片比例供您切換，比例為 9:5 / 3:5 / 2:1，預設尺寸為 9:5。
步驟三：下載圖片
製作完成後，點選「下載圖片」將製作好的圖片下載至您的設備，圖片格式為 PNG。
步驟四：儲存設計
點選「儲存」將設計保存在後台，您可以隨時重新製作。
四、實體店 QR Code 圖片
步驟一：編輯圖片
前往「App 管理 > App 設定 > App 下載引導」，點選「實體店圖片製作」頁籤，並進行以下設定。
1. 選擇門市
點選下拉選單進行選擇，或直接輸入門市名稱搜尋。
＊注意：此處的門市資訊來自「App 管理 > App 設定 > 門市資訊設定」。
2. 設定背景
選擇「純色背景」可透過色板選擇背景顏色，或直接輸入色號。
選擇「自訂背景」上傳圖片，建議圖片尺寸為 317*378 px。
3. 設定宣傳文字
輸入宣傳標題、宣傳文字，及設定文字顏色。宣傳標題限定最多 25 個字元、宣傳文字限定最多 40 個字元。
4. 設定下載禮宣傳文字
預設開啟下載禮宣傳文字，可自行關閉和編輯，限定最多 25 個字元。
5. 設定顯示 App Logo
預設開啟顯示 Logo，可自行關閉。
＊注意：您可以前往「App設計 > 品牌內容」設定 App Logo。
6. 設定顯示應用程式商店圖片
預設開啟顯示應用程式商店圖片，可自行關閉。
＊注意：若您的商店僅發佈至 App Store 或 Google Play，僅會顯示您已發佈成功的應用程式商店圖片。
步驟二：預覽圖片
在設定的過程中，可隨時透過預覽區塊查看製作成果。
系統提供 2 種圖片比例供您切換，比例為 3:5 / 9:5 ，預設圖片尺寸為 3:5。
步驟三：下載圖片
製作完成後，點選「下載圖片」將製作好的圖片下載至您的設備，圖片格式為 PNG。
步驟四：儲存設計
點選「儲存」將設計儲存在後台，您可以隨時重新製作。
點選右上方的「製作記錄」，查看所有已儲存的實體店圖片製作記錄。您可以點選「複製重做」或「下載圖片」進行相對應操作。
延伸閱讀
評論