【code】[Woocommerce]直接在網址中置入商品代號並直接結帳的語法

一般我們使用Woocommerce購物商店,都是讓消費者點選商品→加入購物車→結帳,但有時候我們可以利用下方提到「網址參數」的方式直接簡化購物的步驟,做不同的應用進而達到「快速購買」的目的進而增加轉單成功率。

注意上面網址的變化,可以點擊看看就知道效果了,

而「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;
}

即可。

Facy

我是Facy,浸淫網路行銷多年,凡是網路行銷相關都興趣十足,特別是「關鍵字&內容行銷」! 目前主要是專職部落客、網站接案製作、架站教學,歡迎找我聊聊。

  • 如果您需要問我相關的話,可以加入FB社團一起交流或寫信給我: [email protected]
  • 如果您需要更系統性的學習,歡迎參考我的線上課程或家教班
  • 如果您有單一性的問題,例如網站健診、文章問題、做不出的功能,目前接受付費線上家教

在〈【code】[Woocommerce]直接在網址中置入商品代號並直接結帳的語法〉中有 3 則留言

  1. Hello Facy,

    很謝謝提供這麼好的分享,
    因為正在調整網頁中,也發生了類似的問題~
    想請教您本篇的程式語言,置入至哪個php檔案中?

    回覆
  2. 您好

    我希望可以做到按下按鈕,加入購物車,但停留在原本頁面

    我嘗試使用您說的:
    把某商品點擊連後即加入購物車,但不會轉址到購物車的頁面 :
    https://muse91.com/?add-to-cart=198 (此法較少用)

    但是還是會跳到購物車頁面,請問有什麼我漏掉的部分嗎?

    回覆

發表留言