門市資訊設定|Shopper App

4. EC + SC.png

品牌會員購物 App.png

通過門市資訊設定,顧客在 App 上可查看線下門市列表、門市圖片、電話、地址、營業時間等。

 

以下文章將分別介紹:

 

一、查看門市資訊

步驟一

進入商店後台 >「Shopper App管理 > App設定」,點擊「門市資訊設定」,開啟門市資訊設定頁面。

Screenshot 2025-05-27 at 12.47.04 PM copy 6.png

 

步驟二

首次進入門市資訊頁,會自動同步 ONE 全通路管理平台之門市資訊。頁面將按順序顯示所有已建立之門市,而 App 也將按此顯示順序向顧客展示所有門市資訊。若您未曾於 ONE 全通路管理平台建立過門市資訊,頁面將不顯示門市資訊。門市左上角顯示門市資訊類型標籤,可直接得知該門市之類型為「已有門市」或「自訂門市」。

Screenshot 2024-03-07 at 09.49.20.png

 

步驟三

您可以輸入門市名稱,或選擇門市地點篩選符合條件之門市。

Screenshot 2024-03-07 at 09.51.32.png

 

步驟四

可擇一門市,並點擊該門市進入查看門市詳情。

Screenshot 2024-03-07 at 09.53.04.png

 

另可查看該門市設定的所有內容,包含門市名稱、門市地址、營業時間、門市電話、門市標籤、門市介紹,及預覽 App 顯示給顧客的門市資訊畫面。
image (2).gif

 

步驟五

點擊Screenshot 2023-08-17 at 10.52.30 AM.png可調整門市排序(上移/ 下移)、調整門市顯示狀態(顯示/ 隱藏)、刪除門市。

Screenshot 2024-03-07 at 09.58.56.png

 

二、新增「自訂門市」

步驟一

點擊右上方「新增門市」按鈕。

Screenshot 2024-03-07 at 10.00.49.png

 

接著進入門市資訊新增頁面,如下圖。

Screenshot 2025-10-28 at 5.35.16 PM.png

*注意:新增門市類型皆屬「自訂門市」;而從 ONE 平台自動同步至此之門市,其門市資訊類型則會歸為「已有門市」。

 

步驟二

1. 輸入向顧客顯示的門市名稱

請至少填寫一種語言的門市名稱。App 將根據顧客在 App 上選擇的語言顯示相對應語言的門市名稱。

Screenshot 2023-08-17 at 11.08.37 AM.png

 

2. 上傳門市圖片

最多可上傳 5 張門市圖片,首張圖片將作為門市主圖展示,可拖拽圖片調整圖片順序。

Screenshot 2025-10-28 at 5.37.23 PM.png

 

步驟三

1. 選擇門市所在地點

門市的「地點、城市/縣、地區」必須至少填寫一種語言的詳細地址。App 將根據顧客在 App 上選擇的語言展示相應語言的門市詳細地址。

ZH11.png

 

2. 展示門市地圖(選填)

若需展示門市地圖,請前往 Google 地圖將該門市地址的 HTML 代碼複製並輸入於下圖所示的欄位中,接著點擊「嵌入地圖」,頁面將顯示該門市地址所在地。

有關獲取 Google 地圖 HTML 代碼的步驟,請參考本篇文章

ZH12.png

 

下圖為某地址所呈現之地圖樣式:

ZH13.png

 

3. 修改地圖

若您需修改地圖,可點擊「修改HTML代碼」重新輸入 HTML 代碼即可。

ZH14.png

 

點擊「修改 HTML 代碼」後,頁面將自動顯示您此前輸入的 HTML 代碼。

ZH15.png

 

步驟四

若您希望於 App 上顯示門市營業時間,可在「營業時間」區塊設定門市營業時間。營業時間支援「按照星期」與「按照特定日期」設定。

ZH16.png

 

點擊「+新增營業時間」可設定多組按星期的營業時間,也可點擊「移除」來刪除已添加之營業時間。

ZH17.png

 

步驟五

點擊「+新增門市電話」設定門市聯繫電話,電話號碼長度不超過 20 個字元,建議最多設定兩個。點擊「移除」可以移除該組門市電話。

ZH18.png

 

步驟六

若您希望顧客了解門市提供的一些特色服務(例如:提供WI-FI、可刷卡),可藉由設定「門市標籤」向顧客展示。Shopper App 支援設定多語言門市標籤,App 將根據顧客在 App 端選擇的語言顯示相對應語言的門市標籤。

*注意:每個標籤至少包含 2 個字元,每種語言最多可設定 5 個標籤。

ZH19.png

 

步驟七

可藉由設定「門市介紹」詳細描述門市,App 上將根據顧客在 App 的語言選擇的顯示相對應語言的門市介紹。

ZH20.png

 

步驟八

當您已設定好所有門市資訊後,點擊頁面下方的「儲存」以儲存此次設定的門市資訊。

Screenshot 2025-10-28 at 5.40.19 PM.png

 

最近新增的門市資訊將為門市排列中的第一順位。

Screenshot 2024-03-07 at 10.08.31.png

 

三、編輯「已有門市」

步驟一

找到從 ONE 平台同步至此的門市,選擇標記有「已有門市」標籤之門市,並點按右側「編輯」進入門市編輯頁。

Screenshot 2024-03-07 at 10.15.42.png

 

步驟二

1. 設定門市名稱

門市名稱將預設勾選「自動同步門市名稱」,而您也可以取消勾選並進行自訂;如選擇勾選,後續於 ONE 平台上更改資訊後,您的 App 也會自動同步更新。

Screenshot 2023-08-17 at 12.07.12 PM.png

 

2. 上傳門市圖片

最多可上傳 5 張門市圖,可拖拽圖片調整圖片順序,而首張圖片將作為門市顯示主圖。

Screenshot 2025-10-28 at 5.37.23 PM.png

 

步驟三

1. 設定門市地址

門市地址預設勾選「自動同步門市地址」,而您也可以取消勾選並進行自訂;如選擇勾選,後續於 ONE 平台上更改資訊後,您的 App 也會自動同步更新。

Screenshot 2023-08-17 at 12.13.53 PM.png

 

2. 設定門市地圖

詳細設定方法請參考本篇文章內二、新增「自訂門市」的步驟三

Screenshot 2023-08-17 at 12.17.52 PM.png

 

步驟四

設定營業日期與時間,詳細設定方法請參考本篇文章內二、新增「自訂門市」的步驟四

Screenshot 2023-08-17 at 12.24.26 PM.png

 

步驟五

門市電話將預設勾選「自動同步門市電話」,而您也可以取消勾選並進行自訂;如選擇勾選,後續於 ONE 平台上更改資訊後,您的 App 也會自動同步更新。

Screenshot 2023-08-17 at 12.26.55 PM.png

 

步驟六

設定門市標籤,詳細設定方法請參考本篇文章內二、新增「自訂門市」的步驟六

Screenshot 2023-08-17 at 12.30.06 PM.png

 

步驟七

輸入介紹門市內容,細節設定同本篇文章內二、新增「自訂門市」的步驟七

Screenshot 2023-08-17 at 12.33.59 PM.png

🔔 小提醒:可將游移動至敘述欄位右下角之圖標,待出現「⬍」符號後,即可拖曳控制欄位大小以查閱完整敘述內容。

 

步驟八

完成設定該已有門市之所有資訊後,點擊頁面下方的「儲存」按鈕以存取此次設定的門市資訊。

Screenshot 2023-08-17 at 12.38.54 PM.png

 

步驟九

將該門市的狀態設為「顯示」。

Screenshot 2024-03-07 at 10.18.24.png

*注意:首次自動同步 ONE 平台之門市資訊,其狀態將為「隱藏」,須將狀態改設為「顯示」後,App 端才會顯示門市資訊。

 

四、預覽門市資訊

步驟一

點擊「門市資訊」分頁查看門市資訊,包括門市主圖、門市名稱、門市標籤、門市地址、門市聯絡方式及營業時間。

Screenshot 2025-10-28 at 5.52.05 PM.png

 

步驟二

點擊「門市詳情」查看該門市包含上述「門市資訊」的所有設定內容。

Screenshot 2025-10-28 at 5.52.34 PM.png

 

 

 

 

 

還有其他問題?提交請求

評論