幫助中心 > 設計 > 目錄 > 進階頁尾設計

進階頁尾設計

 

為了讓商家能設計更個性化的網店網頁,eshopland 佈局設計工具已加入進階頁尾設計元素,讓商家自訂網店尾單(footer)的設計風格,以配合整體的設計效果。

 

1.    進入佈局設計工具

 

前往主控台 > 設計 > 頁面

選擇任何頁面進入頁面設置,

編輯 https://support.eshopland.comhttps://d2aeweyrgxfptr.cloudfront.net/core/images/article/68/zh-Hant/image010.png 以進入佈局設計工具

 

2.    進階頁尾設計

 

在左側工具列展開頁尾選單列

 

 

啟用  進階頁尾設計。

 

 

3.    頁尾背景及文字顏色

 

背景顏色

可直接點選顏色,或輸入 RGBHEX 顏色代碼。

 

文字顏色

可直接點選顏色,或輸入 RGBHEX 顏色代碼。

設定頁尾的版權所有及「Powered by eshopland」文字的顏色。

 

字體大小

設定頁尾文字的字體大小。

 

 

對齊

設定頁尾文字的位置為「靠左」、「置中」或「靠右」。

 

寬度

設定頁尾內容在桌面版上顯示的寬度。

 

 

4.    頁尾設計

 

系統支援自主加入以下指定頁尾設計元件:

文字欄

收款圖標

頁面連結

聯絡資料

訂閱功能

Facebook 粉絲專頁

 

拖拉drag & drop移動  元件,可以重新排列元件的次序。

停用  元件可在頁尾上隱藏該元件。

 

 

5.    文字欄元件

 

商家可以利用文字欄元件,輸入網店簡介、商品特色或其他資料。

啟用  及展開文字欄元件

編輯 https://support.eshopland.comhttps://d2aeweyrgxfptr.cloudfront.net/core/images/article/68/zh-Hant/image010.png 可進入多功能文字欄

 

 

您可以在多功能文字欄內自訂文字內容。

完成後確定  套用文字內容。

 

 

6.    收款圖標元件

 

啟用  及展開收款圖標元件,自訂收款圖標

位置(是否「置底」)

設計(外框、圖角、陰影及底色)

大小(寬度及高度)

對齊「靠左」、「置中」或「靠右」)

 

系統會按照網店的收款設定(主控台 > 設定 > 收款),自動顯示及排列收款圖標。

 

 

啟用  收款圖標元件的「標題」功能自訂收款圖標「標題」

標題文字內容

標題文字設計(顏色、字體大小、行高、粗體)

標題文字位置「靠左」、「置中」或「靠右」)

標題文字底線設計(顏色、尺寸)

 

 

以下為示範例子:

-         收款圖標設為「置底」及「靠右」。

-         啟用  收款圖標元件的「標題」及「底線」功能不輸入標題文字內容。

 

 

7.    頁面連結元件

 

啟用  及展開頁面連結元件,自訂頁面連結元件:

文字設計(字體、顏色、字體大小、行高、粗體)

對齊「靠左」、「置中」或「靠右」)

 

系統會按照網店的頁尾選單項目設定(主控台 > 設計 > 偏好),自動顯示及排列頁面連結。

 

 

啟用  頁面連結元件的「標題」功能自訂頁面連結「標題」

標題文字內容

標題文字設計(顏色、字體大小、行高、粗體)

標題文字位置「靠左」、「置中」或「靠右」)

標題文字底線設計(顏色、尺寸)

 

 

8.    聯絡資料元件

 

啟用  及展開聯絡資料元件自訂聯絡資料元件:

文字設計(字體、顏色、字體大小、行高、粗體)

對齊(「靠左」、「置中」或「靠右」)

 

系統會按照網店的客服功能按鈕的聯絡資料,及社交媒體設定(主控台 > 設計 > 偏好),自動顯示及排列聯絡資料。

 

 

啟用  聯絡資料元件的「標題」功能自訂聯絡資料「標題」

標題文字內容

標題文字設計(顏色、字體大小、行高、粗體)

標題文字位置「靠左」、「置中」或「靠右」)

標題文字底線設計(顏色、尺寸)

 

 

9.    訂閱功能

 

啟用  訂閱功能元件自訂訂閱功能元件:

編輯 https://support.eshopland.comhttps://d2aeweyrgxfptr.cloudfront.net/core/images/article/68/zh-Hant/image010.png 可進入多功能文字欄,輸入文字內容

接受訂閱方法(電郵、WhatsApp

訂閱方法設計(輸入框文字顏色、按鈕顏色)

對齊(「靠左」、「置中」或「靠右」)

 

 

啟用  訂閱功能元件的「標題」功能自訂聯絡資料「標題」

標題文字內容

標題文字設計(顏色、字體大小、行高、粗體)

標題文字位置「靠左」、「置中」或「靠右」)

標題文字底線設計(顏色、尺寸)

 

 

10.   Facebook 粉絲專頁

 

Facebook 粉絲專頁加到網店的頁尾,可以在您的網店推廣您的 Facebook 公開專頁。

 

啟用  Facebook 粉絲專頁元件。

對齊(「靠左」、「置中」或「靠右」)

 

系統會按照網店的社交媒體設定(主控台 > 設計 > 偏好),自動顯示您的 Facebook 粉絲專頁

您必須先在社交媒體設定輸入正確的 Facebook 粉絲專頁連結,進階尾頁設定的「Facebook 粉絲專頁」元件按鈕才會出現。

 

 

11.   套用設定

 

完成設定後按確認  套用設定。

 

eshopland - NGO Offer
eshopland - 立即免費試用
eshopland 14 天免費試用
無需提供信用卡資料
eshopland 網店平台-已對接 eBuy
eshopland 網店平台-模塊式網頁設計
eshopland 網店平台-物流自動化
eshopland 網店平台-社交媒體店主也應該開網店
eshopland 網店平台-系統直出順豐單,無須插件
eshopland 網店平台-轉平台首選
eshopland 網店平台範本-Theta
eshopland 網店手機印單

延伸閱讀

更改店員用戶權限

在使用 eshopland 網店平台時,商家可以因應實際營運狀況,隨時調整店員用戶的網店管理權限,或當店員離職時,直接刪除該管理員用戶,以保護網店的資料及數據。關於新增店員用戶的操作方法,可以參考《新... [閱讀更多]

手動電子錢包收款(二維碼支付)

eshopland 網店平台系統支持加入多種港澳常用的二維碼支付(QR Code Payment)方式,包括 AlipayHK、PayMe、PayPal QR Code、微信支付、八達通、中銀智慧付、... [閱讀更多]

在商品描述加入影片

eshopland 網店平台系統已添加在商品描述內容中,加入影片連結的功能,讓您更有效提升商品的推廣效果。1. 進入商品內容分頁登入帳戶並進入主控台,點選商品 >所有商品,選擇商品,進入商品內容分頁。... [閱讀更多]

顯示或隱藏庫存資料

為配合不同商家的營運需求,eshopland 網店平台配備自主顯示庫存資料功能,讓商家可以自行決定,「顯示」或「隱藏」網店的商品庫存數量及庫存標籤。1. 庫存顯示設定登入主控台,點選設定>庫存 > ... [閱讀更多]

推介文章