第六步:App 設計

2024.1 FAQ System Bar and module-92.png

2024.1 FAQ System Bar and module-109.png

於後台開通 App 管理功能後,即可開始進行 App 設計。 App 設計包含 App 端主要呈現的頁面類型,在編輯過程中所有頁面類型都有預覽功能,預覽所見即為 App 端實際顯示效果。編輯完 App 設計頁面後,再去 App 發佈設定頁編輯相關設定,即可提交 App 首次發佈申請。

若您想了解 App 發佈設定的詳細資訊,請參考:App 發佈設定 | Shopper App

*注意:必須先設計好「目前版型」和「品牌內容」後才能提交首次發佈申請,且發佈 App 後,系統會截取主要頁面的圖片作為應用程式商店預覽圖,建議您在提交首次發佈前完成所有頁面的 App 設計


以下將分別說明:

 

一、目前版型

目前版型為 App 首頁顯示之內容,有兩種版型可供選擇:

1. Simple 版型

Simple 版型為完全自訂的首頁版型,提供了數十種元件供選擇,可根據您的設計需求進行編輯;如您希望 App 能更凸顯個性化設計且與網店有所差異的話,建議套用 「Simple 版型」。


2. 商店版型

商店版型為自動同步網店首頁內容,只需設定 App 頂部及底部應用欄內容,其餘區域皆無需重複設定,當網店有內容更新時,App 首頁也會自動同步更新;如您認為網店內容很適合同步至 App 首頁,且不想花多餘精力設計 App 首頁,建議套用「商店版型」。

若您想了解商店版型詳細資訊,請參考:商店版型設定 | Shopper App

Screenshot_2023-05-15_at_10.46.10_AM.png

 

二、品牌內容

品牌內容包含 App 名稱、Logo 及起始頁。

App 名稱和 Logo 會顯示於應用程式商店及顧客手機桌面,起始頁為顧客打開 App 後看到的第一個頁面,建議使用具識別度的名稱或圖片,讓品牌形象更深植人心。

Screenshot_2023-05-15_at_10.49.34_AM.png

 

三、廣告設定

1. 全螢幕廣告

全螢幕廣告將於打開 App 顯示完起始頁後出現,頁面停留時間會多於起始頁,顧客可進行手動關閉或於倒計時結束後自動關閉。建議用行銷活動宣傳圖作為全螢幕廣告圖,可隨時進行圖片更換,保存成功後,App 端即可更新。

有關全螢幕廣告設定的詳細資訊,請參考:全螢幕廣告設定 | Shopper App

 

2. 彈窗廣告

進入 App 首頁後,會出現彈窗廣告,適用於行銷活動宣傳。

有關彈窗廣告設定的詳細資訊,請參考:彈窗廣告設定 | Shopper App

image.png

 

四、分類頁設定

分類頁入口可置於 App 底部應用欄,分類頁會直接同步網店分類頁內容,只需簡單設定顯示樣式即可。

有關分類頁設定的詳細資訊,請參考:分類頁設定 | Shopper App

Screenshot_2023-05-15_at_11.01.00_AM.png

 

五、我的頁面設定

我的頁面入口可置於 App 底部或頂部應用欄,我的頁面只可自訂會員元件內容,其餘內容均無需編輯。

有關我的頁面設定詳細資訊,請參考:「我的」頁面設定|Shopper App

Screenshot_2023-05-15_at_11.03.42_AM.png

 

*注意:系統會截取以下幾個主要頁面作為應用程式商店預覽圖,一般應用程式商店圖片會在 3~6 張之間,SHOPLINE 則會根據實際情況做調整;頁面如下:

  • App 首頁+下載禮彈窗
  • App 首頁
  • 商店頁
  • 分類頁(如您無原生分類頁會截取商店頁分類頁)
  • 精選商品列表頁
  • 我的頁面

 

 

 

延伸閱讀
App 下載禮設定 | Shopper App

還有其他問題?提交請求

評論