WooCommerce 調整結帳欄位-Flexible Checkout Fields外掛教學
文章推薦指數: 80 %
等等,可以在這裡選擇你想要的格式;如果買家輸入的資訊不符合,網頁上就會出現錯誤訊息,請買家重新填寫。
這邊提供了一些常用的資料格式驗證,如果想要有其他更多的格式 ...
WordPress
WooCommerce調整結帳欄位-FlexibleCheckoutFields外掛教學
安娜
網路購物結帳的體驗對於電商網站來說是重要的,使用WooCommerce架設網站,你會發現結帳時要輸入的預設資訊欄位,有一些欄位名稱、內容比較不適用於台灣,或者你想針對商品增加其他客製的欄位,有什麼簡單又好用的外掛可以幫助我們做到呢?
推薦一款調整結帳欄位的好用外掛:FlexibleCheckoutFieldsforWooCommerce
我們來看看怎麼使用它吧!
安裝外掛
首先到安裝外掛的頁面,搜尋「CheckoutFields」,找到「FlexibleCheckoutFields」後,按下「立即安裝」,安裝完成後,接著「啟用」它!
安裝完成後,你會在WooCommerce的選單內,發現多一個「CheckoutFields」的選項,之後想要對結帳欄位做調整設定,都會是在這裡喔!
一進來左上角分別有三大類別設定,分別為「帳單資訊」,「運送資訊」以及「額外資訊」,我們可以針對這三種不同的資訊去做欄位上的調整。
更改完設定後,你可以直接對照到網頁,重新整理後,看看調整後的結果是不是符合預期。
外掛功能基本介紹
新增欄位
我們可以在「Addnewfield」的區塊去新增欄位。
首先在「FieldType」選擇你想要新增的欄位類型,有單行、日期、勾選…等等的類型可以選擇,但有些欄位類型是需要買付費版才有提供。
選擇好欄位類型後,在下方的Label可以打上欄位名稱,接著按下「AddField」就新增成功囉!
欄位順序調整
在右方可以看到所有已經加入的欄位,你可以用滑鼠按住該欄位,去調整欄位顯示的順序。
欄位屬性調整
直接點選想要調整的欄位,就會看到很多屬性可以根據你的喜好去做調整,這裡列出一些常用的屬性:
General
如果你想要設定欄位是否隱藏、是否為必填、修改欄位名稱,都在這裡去做調整。
Advanced
有一些欄位你可能只想讓買家填寫固定的資料格式,比如說E-mail、電話…等等,可以在這裡選擇你想要的格式;如果買家輸入的資訊不符合,網頁上就會出現錯誤訊息,請買家重新填寫。
這邊提供了一些常用的資料格式驗證,如果想要有其他更多的格式驗證,就得另外付費購買相關外掛了。
Appearance
如果欄位還沒有被填入資料,想要提示買家填寫的說明,可以在這裡去做設定。
額外資訊
如果想讓買家輸入一些額外資訊,比如說訂單備註….等等,可以在「Order」去設定你想要的欄位樣式,設定方法跟上述一樣。
結語
市面上有非常多免費的外掛可以做到上述功能,但「FlexibleCheckoutFields」是我用過最簡單、最直覺的調整結帳欄位外掛,推薦給你們!
安娜
訂閱
登入
通知關於
新的回覆
Label
{}
[+]
Name*
Email*
Website
Label
{}
[+]
Name*
Email*
Website
0回覆
InlineFeedbacks
Viewallcomments
電商修煉–免費直播課 參加我們的免費直播課,
一起修煉電商重要技能!
不廢話,不囉唆,不拖時間,
60分鐘真實直播,非預錄影片。
無論在世界的什麼地方,
都可以一起來修煉:
前往免費課程列表
安裝外掛外掛功能基本介紹新增欄位欄位順序調整欄位屬性調整GeneralAdvancedAppearance額外資訊結語
相關文章
WPRocket–WordPress網站優化必裝快取外掛:有感提升網站速度
網站完成之後,很重要的一件事就是優化速度,開啟太慢
閱讀全文»
TutorLMSPro–建立自己的專業課程平台:只需要安裝一個課程外掛
因為疫情的關係,線上學習的需求暴增,許多擁有專業技
閱讀全文»
ThePlusAddonsElementor–功能齊全的WordPress外掛:120種小工具一次安裝
當你跟WordPress以及Elementor越來
閱讀全文»
登入
註冊新帳號
記住我
社群登入登入Facebook登入Google 忘記密碼?
登入
忘記密碼
社群登入登入Facebook登入Google
創建帳號
忘記密碼?請輸入信箱,我們會將密碼重設信寄給您
重設密碼
回到登入
wpDiscuzInsert
延伸文章資訊
- 1[WordPress] 調整適合WooCommerce 在台銷售結帳頁欄位(含 ...
結帳頁(checkout)、登入後台修改地址頁(my-account)都同步欄位修正; 地址部分 ... 按下下單後訂購人地址會被清空,出現”請填寫地址進行下一步.
- 2WooCommerce 必要欄位問題I | 信長の野望
在安裝完WordPress及WooCommerce後, 常會出現下圖之必填欄位, 特別是州(State)在中文地址裡會讓人不知該怎麼填。爬文了很久, 才發現網路上有些文章寫的位置根本新版 ...
- 3WooCommerce 調整結帳欄位-Flexible Checkout Fields外掛教學
等等,可以在這裡選擇你想要的格式;如果買家輸入的資訊不符合,網頁上就會出現錯誤訊息,請買家重新填寫。 這邊提供了一些常用的資料格式驗證,如果想要有其他更多的格式 ...
- 4php - woocommerce請填寫地址進行下一步 - Code Examples
php - woocommerce請填寫地址進行下一步- woocommerce運送到不同的地址 ... 我一直在研究和調整我的自定義WordPress主題,並重寫WooCommerce模板,現...
- 5WooCommerce 結帳欄位客製大全(陸續新增) | Hellowp
另外記得要注意的地方,billing_country 這欄位一定要存在,不然會發生資料驗證無法通過的情況,不存在它會一直跳出「請填寫地址進行下一步」的錯誤 ...