加入購物車按鈕」

 提升品牌辨識度,強化視覺風格

• 提升使用者互動性與導購效率





✎ 重點拆解:



方法一、使用在html自訂語法區塊及自訂頁面內

方法二、「同」分類頁的「快速加入購物車」(當商品有加價購、滿額贈時會導入商品頁)






方法一、使用在html自訂語法區塊及自訂頁面內


** 連結直接加入購物車連結**

https://商店網址/buybutton/{product_id}


範例:https://商店網址/buybutton/51

{product_id}= 商品編號



**前往結帳連結*

 https://商店網址/checkout


 使用方式:點選圖片>插入連結



提醒 /

1. 商品內有選項此連結不適用

2. 到購物車才會判斷庫存

3. 此連結只單純將商品加入購物車(任何限制及自訂皆不判斷...ex.私密頁面,限定群組)

4. 擴充>滿額(件)活動任選(件)活動 ,商品有兩個活動以上,只會預帶最先建立的活動ID




方法二、「同」分類頁的「快速加入購物車」

(當商品有加價購、滿額贈時會導入商品頁)


<a class="button button-inverse" onclick="InstantAddToCart(商品ID,商品數量)">加入購物車</a>




注意 /

以上語法正式購買流程,僅供參考,請先測試確認符合需求,再使用。