讓結帳更便利!WooCommerce 外掛「Flexible Checkout Fields」自訂結帳欄位

對電商來說,結帳順暢快速是很重要的,過度冗長的流程可能會導致消費者放棄結帳,而降低轉換率。WooCommerce 的結帳頁面雖然基礎資訊都有,但是跟台灣的網購習慣稍有不同,有些欄位不必要,而有些商家出貨必備欄位卻沒有,整體結帳過程讓消費者和商家都很不方便,如果你的商店也有這個問題,那你一定要用看看這款 Flexible Checkout Fields 外掛。

Flexible Checkout Fields 幫你輕鬆自定義結帳欄位

plugin-overview-flexible-checkout-fields-2023-05-02-16-16-00

Flexible Checkout Fields 可以選擇顯示或隱藏 WooCommerce 預設欄位,例如:收件人資訊、帳單資訊等,也可以自由新增、刪除非預設欄位,例如:超取資訊、商店問卷調查等。不受限於 WooCommerce 預設欄位,可以更自由地依照商店需求來調整。除此之外,Flexible Checkout Fields 還有以下特色:

1. 彈性調整欄位位置和排版樣式

plugin-overview-flexible-checkout-fields-2023-05-02-16-25-06

Flexible Checkout Fields 可自由調整結帳欄位的順序和表單樣式,可以將任何欄位移動到想要的位置,讓欄位依照類型排序,進而提升消費者填寫時的流暢度。調整的方式非常簡單,只要按住要調整順序的欄位,拖移至要放置的位子即可,調整方式非常簡單易操作。

2. 設定客製化外觀

plugin-overview-flexible-checkout-fields-2023-05-02-16-20-23

Flexible Checkout Fields 的基礎是以 WooCommerce 為準,故 WooCommerce 欄位編排的方式也適用於 Flexible Checkout Fields。只要在 class 處設定欄位要顯示的位置即可設定,以圖片為例,目前設定 form-row-first 的欄位會顯示在左欄中;form-row-last 則是顯示在右側欄;form-row-width 則是全寬。

3. 依照條件顯示或隱藏欄位

plugin-overview-flexible-checkout-fields-2023-05-02-16-18-15
plugin-overview-flexible-checkout-fields-2023-05-02-16-18-35

Flexible Checkout Fields 提供了許多欄位樣式,可以根據特定條件判斷欄位應顯示或隱藏,目前可以透過運送方式、商品類別、欄位選項等條件來控制欄位是否顯示。不過目前此功能僅在 Pro 版本才能使用。

4. 相容性高,可搭配其他 WooCommerce 外掛使用

Flexible Checkout Fields 與許多 WooCommerce 外掛相容,例如多語系外掛、RY Tools 等,並且與 WooCommerce 預設結帳欄位完全相容,就算搭配其他外掛使用也不容易發生衝突,不過,還是要盡量避免使用兩個以上自訂結帳欄位外掛,避免優先度造成無法成功調整的問題。

特殊費用怎麼收?Flexible Checkout Fields Pro 讓你依照選項額外收費

有時候商店會提供額外的付費服務,而服務類型又不是某項商品時,設定上會比較困擾,這時候就可以使用Flexible Checkout Fields的特別功能Pricing。

Pricing 功能設定一次性費用超方便

plugin-overview-flexible-checkout-fields-2023-05-02-16-03-39

這個功能是針對不同選擇去計費,例如:禮品店提供的包裝服務、急件處理費,或是客戶想要加價選擇快速到貨等,這樣就不用每個商品都設定一次,可以統一在結帳頁面設定。

Pricing 功能使用方式需留意

不過要注意的是,這個功能僅能收一次性費用,也就如果這項服務可能需要被購買兩次以上就不適合,並且計費金額只能針對訂單總額去做調整,無法針對單一商品做調整,故使用上來說也要衡量是否有上述的狀況。

免費版跟付費版差很多嗎?免費版 vs 付費版(Pro)

Flexible Checkout Fields 免費版基本上可以針對 WooCommerce 預設欄位去做調整,不過可以新增的欄位類型比較少,如果需要用到勾選、單選、多選或是讓客戶選擇日期、上傳檔案等功能,就需要訂閱 Pro 版本了。如果不清楚免費版的欄位到底夠不夠用,又怕付費版踩雷或是根本沒有自己需要的功能,來看看以下簡單對照表就能夠更清楚了解到底該使用哪一個版本了。

免費版 & 付費版(Pro)各項功能比較表

免費版付費版(Pro)
欄位類型短文字 (Text)
文字欄位 (Textarea)
數字
Email
電話
網址
核取方塊(單選)
顏色
短文字 (Text)
文字欄位 (Textarea)
數字
Email
電話
網址
核取方塊(單選)
核取方塊(多選)
下拉選單(單選)
下拉選單(多選)
選項按鈕
選項按鈕(附圖片)
選項按鈕(附顏色)
顏色
日期
時間
檔案上傳
版面呈現標題
段落文字
圖片
HTML
標題
段落文字
圖片
HTML
隱藏欄位
欄位區塊位置
選項條件
運送方式條件
商品分類條件

想嘗試付費版但是又怕不好用,實際試用看看吧

如果你對 Flexible Checkout Fields 這個外掛有興趣,又不確定 Pro 版本是否能製作出自己需要的結帳表單,你可以上官方填寫 Email,官方會提供7天免費試用序號,可以實際在自己的官網上使用,在試用期間內嘗試設定是否符合需求、是否會有外掛衝突。官方測試序號申請網址請參考文末外掛資訊總覽

自訂結帳欄位幫你省時省力又提高轉換率

Flexible Checkout Fields 功能強大、設定介面清楚好理解,簡單快速就能自訂結帳欄位,輕鬆就能打造客製化的結帳體驗,可以大幅提高購物體驗和結帳效率。如果想調整結帳欄位又不懂程式的話,Flexible Checkout Fields 絕對是一個好幫手。

網站製作問題就找蓋婭科技

蓋婭科技是專業的網站製作公司,擁有多年網頁製作經驗,如果想了解更多關於 WordPress、WooCommerce的 外掛知識,歡迎訂閱我們的電子報,會不定期提供最新網站經營維護相關資訊。

如果對 Flexible Checkout Fields、WooCommerce、網站開發、網站經營、SEO行銷等有任何問題,歡迎隨時聯繫蓋婭科技!

外掛資訊總覽

外掛名稱:Flexible Checkout Fields for WooCommerce – WooCommerce Checkout Manager

介紹版本:3.5.7

開發者:WP Desk

付費版定價:$59 USD/年

開發者網站:https://wpdesk.net/

試用看看:https://demo.wpdesk.org/

下載網址:https://tw.wordpress.org/plugins/flexible-checkout-fields/

Janet

喜歡研究網頁互動特效及使用者體驗,以製作出吸睛又實用的網站,希望透過網站改善行銷方式與品牌體驗

想知道更多嗎?

填入常用的電子郵件,即可在第一時間獲取最新知識!

Subscription Form