立即購買功能|進階設計設定

1.CHT_________png.png

SHOPLINE 推出「立即購買」功能,開啟功能後,在商店前台商品詳情頁及商品列表等頁面將顯示「立即購買」按鈕,顧客點按此按鈕會直接進入購物車頁面進行結帳流程,不僅能提升顧客用戶體驗,也能增加購買意願。

以下將分別介紹:

 

一、後台設定

前往「商店後台 > 網店設計 > 設計」點選「進階設計設定」分頁。 

___2022-08-27___9.47.01.png

 

向下滑動頁面,勾選啟用「立即購買按鈕」功能至全店,也可自訂「立即購買」按鈕顏色,請使用 HEX 六位數色碼,色碼參考:https://htmlcolorcodes.com/

設定完成後,點按頁面右下角「保存」及「出版」按鈕。

*建議您:避免使用淺淡的顏色,以提高可讀性。

___2022-08-27___9.52.13.png

 

二、前台功能顯示位置

顧客於網店點按「立即購買」按鈕後,即可立即將商品加入購物車,並進入購物車頁面,此按鈕將顯示於以下頁面:

  • 商品詳情頁
    ___2022-08-28___11.24.52.png

  • 商品列表頁:點按多規格商品的加入購物車,在彈出視窗中會顯示「立即購買」按鈕。
  • 進階分頁:當進階分頁包含「單件商品元件/分類元件」時,立即購買按鈕也會顯示於多規格商品的彈出視窗。 ___2022-08-28___12.03.35.png

  • 追蹤清單
    ___2022-08-28___11.35.29.png

 

三、[即將推出] 新版頁面編輯器

開啟功能

前往「商店後台 > 設定 > 商品設定」可選擇是否在前台顯示「立即購買」按鈕

___2022-08-28___12.19.12.png

 

設定按鈕色彩

前往「網店設計 > 網店分頁」點按右側「進階分頁」按鈕開啟新版頁面編輯器,接著點選頁面左側的「店面級別設定 > 色彩」,可調整「立即購買按鈕」的背景及文字顏色,詳細說明請參考此篇文章

___2022-08-28___12.12.01.png

 

四、注意事項

  • 若商品有加購品,顧客可以在勾選加購品後點按「立即購買」,前往購物車頁面一起結帳。
  • 在「商品列表頁面/進階分頁 」無規格商品目前尚不支援顯示立即購買按鈕,需要先點選商品圖片進入商品詳情頁才可立即購買。
  • 當商品或規格缺貨時,「立即購買」按鈕不會顯示。
  • 若顧客購物車已有商品,點按其他商品的立即購買按鈕後,會一起合併至購物車中,並直接前往購物車頁面。
  • 當開啟立即購買功能,預購商品原本的「現在預購」按鈕會改成顯示「加入購物車」及「立即購買」按鈕。

 

 

延伸閱讀

 

 

 

 

 

還有其他問題?提交請求

評論