管理商店頁尾｜網店目錄管理

Avatar
SHOPLINE TW Copywriters
追蹤

6. EC + SC + POS.png

為了讓您的網站更美觀，同時可以呈現更多相關資訊，店家可使用「商店頁尾」功能，依自已想要在網站頁尾放置更多的相關資訊。

 

一、後台操作方式：

步驟一

若您尚在使用「舊版頁尾」，在「網店目錄」頁面最下方有功能提示訊息(如下紅框處)，點選「前往試用」按鈕，方可進入編輯頁面。

＊注意：本功能一旦編輯送出，即無法回到舊的頁尾，請確定送出前仔細檢視。

TC_1_step1.png

 

SHOP Builder

SHOPLINE SHOP Builder 大幅優化進階分頁的設計功能，可以更自由地設計商店公告欄、頁首頁尾、以及多達六種元件組合，助您創造獨一無二的網店版面。

首先在進入「SHOPLINE 後台 > 網店設計 > 網店分頁」，點按右側的「進階分頁」按鈕進入 SHOP Builder。

_____CN_0.png

 

進入編輯頁面後，點按「頁尾」按鈕。

Footer_CN_2.png

 

畫面將跳出 SHOP Builder 的啟用通知，點按「啟用新頁尾編輯器」，後續詳細步驟請參考這篇文章。

Screen_Shot_2022-07-06_at_4.46.27_PM.png

 

步驟二

進入頁尾編輯頁面，SHOPLINE 提供了一組通用的樣版，可放置您的相關資訊、條款，還有付款及物流 圖示，可以調整或選擇刪除重新拉取您要設定的元件，相關各個元件的功能教學請點此了解。

＊注意：金/物流圖示的部分，請依據您商店中已經有的金/物流方式來放置，請勿隨意放置您網站未提供的服務。

Screen_Shot_2023-06-01_at_12.15.20_PM.png

Screen_Shot_2023-06-01_at_11.56.24_AM.png

  

步驟三

編輯完畢，按下預覽，前往預覽您編輯後的樣式，確認無誤，點選「保存」後，您的網站頁尾即會依您所編輯預覽後的樣式呈現。

＊注意：請確認你預覽的結果跟您所想改變的樣式為一致，再點選「保存」。

Screen_Shot_2023-06-01_at_12.19.14_PM.png

 

二、加入社群軟體圖示

SHOPLINE 提供了下列社群軟體圖示，可放置於您的網站頁尾。

_____2018-01-30___11.39.33.png

 

步驟一

點選 「 A 」 的文字元件，將元件拖曳到畫面中。Screen_Shot_2023-06-01_at_12.20.36_PM.png

 

步驟二

點選「</>」View HTML 按鈕。
備註：點擊之後，此欄位內容將改以 HTML 語法顯示，可參考此連結文字編輯器查看 HTML。

_____CN_3.png

 

貼上圖示的語法。

_____CN_4.png

 

SHOPLINE 提供以下社群軟體圖示的語法，您可以挑選希望放在頁尾中的圖示，複製其語法：

圖示

 語法

social_facebook.png

 Facebook

 
<img style="height: 44px; width: auto; display: inline-block;" src="https://shoplineimg.com/assets/footer/social_facebook.png"/>

social_flickr.png

Flickr

 
<img style="height: 44px; width: auto; display: inline-block;" src="https://shoplineimg.com/assets/footer/social_flickr.png"/>

social_google_plus.png

Google Plus

 
<img style="height: 44px; width: auto; display: inline-block;" src="https://shoplineimg.com/assets/footer/social_google_plus.png"/>

social_instagram.png

 Instagram

 
<img style="height: 44px; width: auto; display: inline-block;" src="https://shoplineimg.com/assets/footer/social_instagram.png"/>

image1.png

LINE

 
<img style="height: 44px; width: auto; display: inline-block;" src="https://img.shoplineapp.com/media/image_clips/65a8a87fff80dc001a195556/original.png"/>

social_sina_weiboo.png

新浪微博

 
<img style="height: 44px; width: auto; display: inline-block;" src="https://shoplineimg.com/assets/footer/social_sina_weiboo.png"/>

social_tencent_weiboo.png

騰訊微博

 
<img style="height: 44px; width: auto; display: inline-block;" src="https://shoplineimg.com/assets/footer/social_tencent_weiboo.png"/>

social_twitter.png

Twitter

 
<img style="height: 44px; width: auto; display: inline-block;" src="https://shoplineimg.com/assets/footer/social_twitter.png"/>

social_wechat.png

微信

 
<img style="height: 44px; width: auto; display: inline-block;" src="https://shoplineimg.com/assets/footer/social_wechat.png"/>

social_whatsapp.png

 WhatsApp 

 
<img style="height: 44px; width: auto; display: inline-block;" src="https://shoplineimg.com/assets/footer/social_whatsapp.png"/>

 

＊提醒您：

一組  <img style=........ .png"/> 即表示一小段完整個圖示語法，您可以看到上面有好幾個語法片段，都表示不同的圖示。複製語法時，請您由  <img style=........ .png"/>  整段複製下來。

  

步驟三：確認無誤後保存

貼上語法後，再次點按「</>」View HTML 按鈕來預覽圖示，確認無誤之後，點選「確定」> 「保存」。

_____CN_5.png

  

三、加入金 / 物流圖示

如同上方加入社群元件圖示的步驟，請先將「 A 」文字元件拖曳到畫面中，接著點選「</>」View HTML 按鈕，貼上預先複製好的圖示語法。 

＊注意：金/物流圖示的部分，請依據您商店中已經有的金/物流方式來放置，請勿隨意放置您網站未提供的服務。

 

金物流圖示的語法請參考：

圖示

 語法

SHOPLINE_Payments_mini.png

SHOPLINE Payments

 
<img height="40" style="max-height:40px; width: auto; display: inline-block; margin-right: 10px;" src="https://img.shoplineapp.com/media/image_clips/62297669a344ad002979d725/original.png"/>
 
Visa_Brandmark_White_RGB.png

VISA

(白字去背)

 
<img height="20" style="max-height: 20px; width: auto; display: inline-block; margin-right: 10px;" src="https://img.shoplineapp.com/media/image_clips/627b756d7cb363001b9aa69e/original.png"/>

建議非白底背景使用。

Visa_Brandmark_Blue_RGB.png

VISA

(藍字白底)

 
<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://shoplineimg.com/assets/footer/card_visa.png"/>

1200px-mastercard-logo.svg______.png

Mastercard

 
<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://shoplineimg.com/assets/footer/card_master.png"/>

card_paypal.png

PayPal

 
<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://shoplineimg.com/assets/footer/card_paypal.png"/>

card_unionpay.png

UnionPay

 
<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://shoplineimg.com/assets/footer/card_unionpay.png"/>

image2.png

LINE Pay

 
<img height="30" style="max-height: 30px; width: auto; display: inline-block; margin-right: 10px;" src="https://img.shoplineapp.com/media/image_clips/65a8a60c15126216564f6610/original.png"/>

card_tw_711_pay.png

7-11

 
<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://shoplineimg.com/assets/footer/card_tw_711_pay.png"/>

card_tw_fm_pay.png

FamilyMart 

全家

 
<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://shoplineimg.com/assets/footer/card_tw_fm_pay.png"/>

card_taishin.png

台新

 
<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://shoplineimg.com/assets/footer/card_taishin.png"/>

card_amex.png

American Express

 
<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://shoplineimg.com/assets/footer/card_amex.png"/>

card_jcb.png

JCB

 
<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://shoplineimg.com/assets/footer/card_jcb.png"/>

Apple_Pay_Mark_RGB_SMALL_052318.png

Apple Pay 

 
<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://shoplineimg.com/assets/footer/card_apple_pay_with_border.png"/>

AlipayHK-logo.png

Alipay HK

 
<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://shoplineimg.com/assets/footer/card_alipay_hk.png"/>

card_alipay.png

Alipay

 
<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://shoplineimg.com/assets/footer/card_alipay.png"/>

payme_red_on_white_bg.pngPayMe

 
<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://img.shoplineapp.com/media/image_clips/62943ef1d23b980015241eff/original.png"/>

payme_white_on_red_bg.pngPayMe

 
<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://img.shoplineapp.com/media/image_clips/62943ef1121e54002161a747/original.png"/>

google-pay-mark.png

Google Pay

 
<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://shoplineimg.com/assets/footer/card_google_pay.png"/>

 

Attachment_2_HKMA_FPS_logo_guideline_17aug2018-03.png轉數快

 
<img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src=" https://shoplineimg.com/assets/footer/card_fps_en.png"/>

Octopus_Master_Signature_horizontal_cmyk-01.png

八達通

 
 <img height="40" style="max-height: 60px; width: auto; display: inline-block; margin-right: 10px;" src="https://img.shoplineapp.com/media/image_clips/628f12bb509075001bcd5a7c/original.png"/>

zingala_____.png

銀角零卡

 
<img height="50" style="max-height: 70px; width: auto; display: inline-block; margin-right: 10px;" src="https://img.shoplineapp.com/media/image_clips/628f138f43783a00214def9f/original.png"/>

Screenshot_2023-02-16_at_3.00.08_PM.png

街口支付

 
<img height="40" style="max-height:40px; width: auto; display: inline-block; margin-right: 10px;" src="https://img.shoplineapp.com/media/image_clips/63ecb26abbaa99001147ff29/original.png"/>

WeChat_Pay.png

微信支付

 
<img height="50" style="max-height:50px; width: auto; display: inline-block; margin-right: 10px;" src="https://img.shoplineapp.com/media/image_clips/647570a981ada70020572385/original.png"/>

AFTEE_TaglineVertical_sizeM (1).png

AFTEE

 
 <img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://img.shoplineapp.com/media/image_clips/6720a67facba0c00104369b3/original.png?1730193022"/>


四、自行更換社群軟體或其他圖示 

若上方所提供的社群軟體圖示或其他圖示，樣式不符合您的需求，您也可以參考以下做法更換圖片。 

步驟一

請先將圖片上傳 SHOPLINE 提供的圖床空間「圖片庫」中。（若需了解圖片庫上傳與複製圖片 URL 的方式，請參考文章：圖片庫）

 

步驟二

從上方所提供的語法中，將圖片的連結更改成您的圖片連結，請更改紅字的部分： 

社群軟體元件圖示：

<img style="height: 44px; width: auto; display: inline-block;" src="https://shoplineimg.com/assets/footer/social_facebook.png"/> 

金物流圖示：

 <img height="40" style="max-height: 40px; width: auto; display: inline-block; margin-right: 10px;" src="https://shoplineimg.com/assets/footer/card_visa.png"/>


步驟三

如同加入社群軟體元件圖示、金物流圖示的步驟 ，點擊「</>」View HTML 按鈕，貼上圖示語法。

 

五、為文字＆圖示加入超連結

使用文字元件設定好內容之後，不論文字或是圖示可以直接匡選並在工具列點選「連結」按鈕來設定超連結，詳細操作步驟請點此了解。

 

六、注意事項

  1. 依據財政部規定，從事網路銷售者，當月銷售額達營業稅起徵點「銷售貨物達新臺幣 8 萬元，勞務 4 萬元」以上應辦理稅籍登記，並自 2023/1/1 起，在網路銷售貨物或勞務需清楚揭露「營業人名稱」及「統一編號」，詳細說明請參考：網路交易稅籍登記新制專區。
  2. 請您在網店頁尾或明顯的分頁清楚揭露「營業人名稱」及「統一編號」資訊，讓顧客與財政部可以確認到您的營業資訊，避免您受處罰，範例請參考此網站。

 

延伸閱讀

 

 

 

 

 

還有其他問題？提交請求

評論