頁面編輯器概覽(新版)

CN_EC%2BSC.png

SHOPLINE 即將推出全新的「頁面編輯器」,大幅優化進階分頁的設計功能,操作簡單排版方便讓您輕鬆編輯進階分頁,可以更自由地設計商店公告欄、頁首頁尾、以及多達六種元件組合包含:圖片、文字、圖片/影片/商品輪播、商品列表等元素,助您創造獨一無二的網店版面。

以下將分別說明:

 

⚠️ 開始前請注意:

  • 新版頁面編輯器目前僅支援 Ultra ChicKingsman Varm 版型使用。
  • 使用新頁面編輯器建立分頁後,若切換其他店面版型,該分頁仍然可以顯示,但無法編輯且可能發生跑版情形,在確認發佈分頁前請多加留意。

 

一、新版頁面編輯器概覽

在 SHOPLINE 網店後台,前往「網店設計 > 網店分頁」點選「進階分頁」按鈕,開啟新版編輯器頁面。 

1.png

 

1. 網頁版、手機版顯示

使用新版編輯器設計時,可輕鬆切換網頁版、手機版查閱,以確保網店畫面顯示符合您的設計。

*注意:編輯後務必點選儲存或發佈。

A. 網頁版

1-1.png


B. 手機版

1-2.png

 

2. 語言設定

點選語言下拉選單,即可編輯您商店有支援的語系。

1-3.png

 

3. 頁面標題

系統預設新增分頁的名稱為「新的分頁」,點選右側的鉛筆圖示即可命名該頁面的標題。

1-4.png

 

4. 預覽商店

點選頁面右上方「預覽商店」按鈕,即可跳轉至新分頁預覽。

1-5.png

 

5. 儲存及發佈

新增進階分頁後,若有編輯請務必點選「儲存」才會顯示在分頁列表,並顯示「支援新頁面編輯器」。

1-6.png

*注意:若您的進階分頁已加入至「網店目錄」,發佈後顧客即可點選進入此進階分頁,請務必於點選發佈按鈕前確認該頁面已完成編輯。

 

二、頁面佈局

1. 公告欄

您可以在公告欄新增三組文字內容,選擇展開方式及輪播間隔。詳細說明請參考此篇文章

2-1.png

 

2. 頁首

您可以在頁首調整 LOGO 及目錄的尺寸及位置。詳細操作請參考此篇文章

2-2.png

 

3. 元件組合

分別有內容及商品類別的元件組合,詳細操作說明請參考下列 FAQ 文章。

2-3.png

 

4. 頁尾

您可以在頁尾新增文字、圖片及社群圖標,並調整樣式及對齊方式。詳細操作請參考此篇文章

2-4.png

 

三、SEO 設定

左側目錄點選 SEO 設定,您可以為進階分頁設定關鍵字與連結,詳細請參考此篇文章

3.png

 

四、店面級別設定

新頁面編輯左側目錄中點選「店面級別設定」,即可自訂網店各區塊的顏色搭配、字體大小,還可以調整商品列表相關的設定,讓您設計網頁的同時能兼顧風格及使用者體驗。

各個設定的詳細步驟說明請參考此篇文章

*注意:

  • 編輯後請點選儲存或發佈按鈕,避免異動內容遺失。
  • 若已經使用新版頁面編輯器,建議您維持使用支援新版頁面編輯器的主題,以免失去已經設定完畢的各項數值。

4-0.png 

 

五、注意事項

  • 若您的商店為 Ultra Chic、Kingsman 或 Varm 版型,在建立新進階分頁時,將直接開啟新頁面編輯器,但不影響之前已建立的分頁,且仍然可以使用舊編輯器調整既有分頁內容。
  • 使用新頁面編輯器發佈新版頁尾,既有頁尾將被取代,在發佈前請務必再次確認是否要更新既有頁尾。

 

延伸閱讀

 

 

 

 

 

 

 

還有其他問題?提交請求

評論