頁尾設定|頁面編輯器(新版)

CN_EC%2BSC.png

善用新版頁面編輯器,妥善編輯及設計頁尾讓您的網路商店更加美觀,同時可以呈現更多商店相關資訊。

以下將分別說明:

⚠️ 開始前請注意:

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

 

一、啟用新版頁尾編輯器

使用新版頁面編輯器設計頁尾前,您需要先啟用新版頁尾編輯器。

步驟一

前往「商店後台 > 網店設計 > 網店分頁」點按「進階分頁/編輯」按鈕,開啟「進階分頁」設定頁面。Footer_CN_1.png

 

步驟二

點按「頁尾」按鈕。

Footer_CN_2.png


畫面將跳出新版頁尾編輯器的啟用通知,點按「啟用新頁尾編輯器」。

Footer_CN_3.png

 

確認啟用新版頁尾編輯器,請點選「啟用」。

*注意:

  • 點按「啟用」後,右側預覽畫面將套用新版頁尾。已建立的既有頁尾則不受影響。
  • 一旦發佈新版頁尾後,既有頁尾將被取代,點按「發佈」前請務必再三確認是否要更新既有頁尾。

Footer_CN_4.png

 

二、增加元件

開啟頁尾編輯頁面後,系統已預先為您建立兩個文字元件(關於我們、顧客服務)、一個社群圖標元件(聯絡我們),您可以點按既有元件進行編輯,詳細的元件說明請參考下方內容。

Footer_CN_5.png

 

您也可以點按「元件」按鈕新增元件。

*注意:目前最多支援設定 4個元件。Footer_CN_6.png

 

共有四種元件樣式可供使用:

  1. 文字
  2. 圖片
  3. 社群圖標
  4. 訂閱

_____fix_CN_1.png

 

1. 文字

新增文字元件後,您可以輸入標題及內容,還可設定文字粗體、斜體、底線、加入連結等。

Footer_CN_8.png

 

2. 圖片

新增圖片元件後,您可以各別上傳桌機版、手機版圖片,並編輯圖片相關設定:圖片裁切位置、遮罩比例、圖片標題、加入連結等。

*注意:桌機版圖片寬度建議大於等於 2000 px,手機版圖片寬度建議大於等於 1080 px。Footer_CN_9.png

 

3. 社群圖標

新增社群圖標元件後,您可以輸入標題、內容,並放上社群連結。

Footer_CN_10.png

拖曳元件左側按鈕可調整元件排列順序。點選元件右側的「垃圾桶」圖示可刪除元件。

Footer_CN_11.png

 

滑動頁面至最下方可調整各元件的邊距及文字對齊方式。

Footer_CN_12.png

 

在設定過程中可點按下方「儲存」按鈕,於右側預覽畫面查看新增的元件,或是點按右上方「預覽商店」查看完整的前台預覽畫面。

Footer_CN_13.png

 

4. 訂閱

頁尾的訂閱元件的設定方式與頁面內的相同,您可設定標題、內文、輸入框提示文字以及按鈕文字。

詳細步驟請參考訂閱元件|頁面編輯器(新版)

_____fix_CN_2.png



 

三、其他元件

新版頁尾編輯器也另外提供以下 4 種元件,您可以依據需求選擇是否開啟並加以設定。

  1. 支付圖標
  2. 版權聲明
  3. 語言選擇
  4. 貨幣選擇

 

1. 支付圖標

您可於頁尾新增支付圖標,告知顧客您的商店提供哪些付款選項。

開啟「支付圖標」開關後,於下拉選單中勾選商店提供的付款方式。

Footer_CN_14.png

 

還可以設定支付圖標的對齊方式。

Footer_CN_15.png

 

設定完成後,若點按下方「儲存」按鈕,可於右側預覽畫面查看新增的支付圖標。Footer_CN_16.png

 

2. 版權聲明

開啟「版權聲明」開關後,點按「版權聲明」即可編輯內容。編輯完成後,若點按下方「儲存」按鈕,可於右側預覽畫面查看新增的版權聲明。

Footer_CN_17.png

 

3. 語言選項

開啟「語言選項」開關後,若點按下方「儲存」按鈕,可於右側預覽畫面查看新增的語言選項。

*備註:

  • 語言選單將會顯示店家商店有支援的語系。
  • 隱藏語言與您在頁首的設定相同,關於頁首設定的詳細說明請參考此篇文章

Footer_CN_18.png

 

4. 貨幣選擇

開啟「貨幣選擇」開關後,若點按下方「儲存」按鈕,可於右側預覽畫面查看新增的貨幣選擇。Footer_CN_19.png

 

四、發佈

確認完成上述設定後,請點按右上角「發佈」按鈕,讓顧客在商店前台可查看新增的頁尾設定。

*注意:首次發佈新版頁尾時,系統將跳出確認發佈新頁尾的視窗。若勾選同意並點按「和新頁尾一起發佈」,表示您同意以新的頁尾取代既有頁尾,且無法再使用舊版的頁尾編輯器。您也可以點選「發佈頁面就好」,沿用既有頁尾。

Footer_CN_20.png

 

延伸閱讀

 

 

 

 

 

 

 

 

還有其他問題?提交請求

評論