本篇文章更新時間:2022/09/12
如有資訊過時或語誤之處,歡迎使用 Contact 功能通知。
一介資男的 LINE 社群開站囉!歡迎入群聊聊~
如果本站內容對你有幫助,歡迎使用 BFX Pay 加密貨幣 或 新台幣 贊助支持。
這主題是 WordPress 一月聚會分享的,算是 WooCommerce 小技巧篇!用在行銷上,可以讓購物車功能整合銷售頁、登陸頁很方便!
功能如上圖的「直接購買」按鈕,點下去就直接到結帳頁面不過購物車流程不囉唆~
優點自然就是不要讓人對於消費流程有一點困擾或是不清楚,盡快結帳就對惹!
原理是利用網址帶入「add-to-cart」變數與產品編號參數值,告訴 WooCommerce 加入商品於購物車中,範例如下:
https://www.mxp.tw/checkout/?add-to-cart=123
解讀:「123」假設就是我的商品編號,執行「add-to-cart」加入購物車的動作,並且前往「/checkout」頁面
那既然有「加入購物車」的神秘變數,還有其他的嗎? 有!
加入購物車的數量:quantity
範例:https://www.mxp.tw/checkout/?add-to-cart=123&quantity=2
(加入 2 組 123 編號的商品)
如果看到這邊還不知道商品編號「123」怎麼找到的,請前往「商品」頁面看列表中商品名稱下一行,會有個 ID:xxx
xxx 就是了~
其他像是變化商品也是可以使用,更多介紹歡迎看這篇 終極指南,寫得很詳細!我就不多說了。
最後,補上針對商品內頁的這個功能化程式,讓商品內頁就可以自成一個銷售頁,看到喜歡就可以直接購買。
function mxp_woocommerce_after_add_to_cart_button() {
global $woocommerce;
$checkout_url = $woocommerce->cart->get_checkout_url();
echo '';
?>
Gist: Link
上述程式碼片段,放在主題中的 functions.php
裡就會有效果。(記得確認有安裝 WooCommerce 外掛)。
功能面,一般商品就不用特別解釋了。對於變化商品會偵測選項是否有選,都做出選擇後點擊就會直接過去結帳,否則會彈出訊息警告!
看得懂程式碼的人可以自行設計過符合自己使用的工具拉! 有任何不錯的想法或是建議都歡迎留言跟我說~