一般我們使用Woocommerce購物商店,都是讓消費者點選商品→加入購物車→結帳,但有時候我們可以利用下方提到「網址參數」的方式直接簡化購物的步驟,做不同的應用進而達到「快速購買」的目的進而增加轉單成功率。
- 直接在購物車中置入商品的連結 :
https://muse91.com/cart/?add-to-cart=209&quantity=3 - 直接付款,即直接在結帳頁置入商品並結帳(略過購物車):
https://muse91.com/checkout/?add-to-cart=209&quantity=3 - 把某商品點擊連後即加入購物車,但不會轉址到購物車的頁面 :
https://muse91.com/?add-to-cart=198 (此法較少用)
注意上面網址的變化,可以點擊看看就知道效果了,
而「209」指的是商品的ID,這可以後台的商品列表中找到。
而「3」是指數量。
配合一顆按鈕,以上的用法常常用在「一頁式購物網頁」中,非常方便,可以善用之!
如果對上面網址的變化仍有問題,可以安裝「Cart links for WooCommerce」這外掛,安裝好直接啟動不用做任何設定,然後再到商店把任意商品加入購物車並設定數量,此時在你就可以在購物車頁面看到已經幫你產生好上面那些網址了,對了,產生的網址只有商店管理員才看的到喔!
此篇整理摘錄於國外文章
2019/5/24更新:
上面的方式有一個問題,如果該可以直接結帳的連結一旦被誤點2次以上或是消費者反覆刷新網頁後又回再點一次,那麼購物車的數量會一直往上增加,該怎麼?
所以我們要設一個機制,在沒有做任合加入購物車前都要先自動清除購物車,加上片段code如下:
如何未加入購物前都先自動清空購物車?
add_filter( 'woocommerce_add_to_cart_validation', 'woo_custom_add_to_cart_before' );
function woo_custom_add_to_cart_before( $cart_item_data ) {
global $woocommerce;
$woocommerce->cart->empty_cart();
// Do nothing with the data and return
return true;
}
即可。
Hello Facy,
很謝謝提供這麼好的分享,
因為正在調整網頁中,也發生了類似的問題~
想請教您本篇的程式語言,置入至哪個php檔案中?
你可以安裝這個外掛 ,把code置入即可喔!
https://tw.wordpress.org/plugins/code-snippets/
您好
我希望可以做到按下按鈕,加入購物車,但停留在原本頁面
我嘗試使用您說的:
把某商品點擊連後即加入購物車,但不會轉址到購物車的頁面 :
https://muse91.com/?add-to-cart=198 (此法較少用)
但是還是會跳到購物車頁面,請問有什麼我漏掉的部分嗎?