WooCommerce 商店／購物車
如何做一個加入購物車的按鈕放在任意頁面上
銷售頁上常常需要一顆「立即購買」的按鈕，直接把指定商品丟進購物車、甚至直接跳到結帳頁。WooCommerce 支援用網址參數做到這件事，不需要寫程式——把下面的網址填進任何按鈕的連結欄位即可。
基本用法
| 加入購物車 | https://你的網址/?add-to-cart=商品編號 |
| 加入後直接到結帳頁 | https://你的網址/checkout/?add-to-cart=商品編號 |
| 指定數量 | https://你的網址/?add-to-cart=商品編號&quantity=數量 |
商品編號在哪裡看
後台商品列表，滑鼠移到商品名稱上，瀏覽器左下角的網址會出現 post=123，那個 123 就是商品編號。或是點進編輯頁，網址列裡也看得到。
放在 Elementor 按鈕上
- 拉一個按鈕元件到版面上。
- 文字寫「立即購買」。
- 連結欄位貼上
/checkout/?add-to-cart=123（同站可以只填路徑，不用寫完整網址）。
可變商品要用「變化」的編號，不是商品的編號，而且通常還要帶上屬性參數（例如 &attribute_pa_size=m），否則會跳回商品頁要客人自己選規格。單一規格的商品用這個做法最乾淨。
幾個注意事項
- 會累加。客人重新整理或再點一次，購物車裡的數量會再加一次。重要的銷售頁建議用
/checkout/?add-to-cart=直接送到結帳頁，減少重複點擊。 - 想先清空購物車再加入，需要額外的外掛或自訂程式，內建參數做不到。
- 快取外掛可能擋住。如果按了沒反應，先確認該頁沒有被整頁快取（結帳頁與購物車頁應該要排除快取）。
進階
一次加入多個商品、或搭配組合商品的做法，可參考 Business Bloomer 的完整整理（英文）。