創建帶有付款選項的自定義 WooCommerce 表單 - 一個簡單的演練

已發表: 2022-06-16

如果您沒有大量的產品或服務可供銷售,您可能不需要成熟的 WooCommerce 商店。 創建帶有付款選項的 WooCommerce 表單可能會成為一種更簡單、更有效的選擇。

您所需要的只是一個可以為您處理付款的可靠插件。 您還需要該插件為您提供強大的技術基礎設施。

下面我們將引導您完成創建具有不同付款選項的 WooCommerce 表單的過程。 但是,讓我們首先快速了解一下網站所有者可能希望使用這種處理付款方式的一些原因。

使用帶有付款選項的 WooCommerce 表單的原因

  • 不是每個人都想建立一個全面的 WooCommerce 商店。 僅僅為了銷售幾種產品或服務而建造一個並不是對資源的理想利用。
  • 與其建立一個看起來不專業的單一產品或單一服務商店,不如創建一個 WooCommerce 自定義支付表單來銷售您的產品或服務。
  • 同樣,在某些情況下,網站所有者可能只提供諮詢服務。 一個成熟的 WooCommerce 商店不僅會矯枉過正,而且會給您的業務帶來太多負擔和分心。
  • 收集捐款或預訂房間也是如此。 在這些情況下,您真的不需要 WooCommerce 商店來接受付款。 一個簡單的帶有付款的 WooCommerce 表單將為您解決問題。

使用 Profile Builder Pro 構建表單

構建帶有付款選項的定制 WooCommerce 表單的過程可以分為兩部分:(1)創建定制的註冊表單和(2)設置付款選項。

對於第一部分,您將需要 Profile Builder Pro。 它是一個完整的用戶管理插件,具有廣泛的用戶相關功能。

它可以創建自定義且靈活的用戶註冊、登錄、編輯個人資料、密碼重置和其他與用戶相關的表單。 它還提供許多其他類型的用戶管理功能,例如添加用戶角色、在 WordPress 中創建登錄、註冊和註銷重定向,創建受密碼保護的內容和帖子等等。

如果您的網站上安裝了 WooCommerce,您還可以使用 Profile Builder Pro 創建 WooCommerce 登錄簡碼並實施 WooCommerce 社交登錄。

配置文件生成器專業版

如果您想創建完全自定義的 WooCommerce 表單,Profile Builder 應該是您的首選插件。

獲取插件

或下載免費版

為 WooCommerce 創建自定義表單

使用 Profile Builder Pro 為 WooCommerce 創建自定義註冊表非常簡單。 假設您在您的網站上安裝並激活了 WooCommerce 插件,只需幾個簡單的步驟。

首先從您的 WordPress 儀表板下載免費的 Profile Builder 插件。 單擊插件下的添加新選項,然後在搜索欄中鍵入“配置文件生成器”。

找到插件,然後單擊安裝,然後單擊激活按鈕。

安裝配置文件生成器

但是,您還需要將 WooCommerce 計費和運輸字段添加到您的表單中,該功能僅在 Profile Builder 的專業版中可用。 此外,您可能還想自定義表單的其他字段。

但是,由於您在 Profile Builder Pro 的整體功能和自定義方面獲得了更多,因此這將是對您網站上的用戶管理的一項有價值的投資。

購買 Profile Builder Pro 後,您可以從 Cozmoslabs 上的帳戶下載 pro 插件,然後從儀表板的插件區域將其上傳到您的站點。

下載 Profile Builder Pro

接下來,您需要從 Profile Builder 激活 WooCommerce Sync pro 插件。 轉到 WordPress 儀表板中Profile Builder下的Add-Ons菜單。

向下滾動一點,找到WooCommerce 同步選項,然後單擊激活按鈕。

現在單擊Profile Builder下的Form Fields菜單。 您可以在此處自定義您的 WooCommerce 付款表格。

您可以編輯現有的表單字段,也可以添加新的字段,例如客戶賬單和送貨地址。 就像你在下圖中看到的那樣。

自定義 WooCommerce 付款表格

根據自己的喜好自定義表單後,您可以進入下一步將付款選項集成到表單中。

替代方案:創建一個基本的 WooCommerce 表單

如果您不需要 Profile Builder 為您的表單提供的所有額外自定義,則有一個更簡單的替代方案。 您可以使用付費會員訂閱創建一個註冊頁面,該插件將允許您在下一步中接受付款。

無論如何,我們將使用此插件向表單添加支付功能,因此,如果您想採取簡單的方法,您可以從一開始就簡單地使用付費會員訂閱。

但是,請記住,這樣您的表單將只有一個付款選項、基本註冊字段和一些計費字段。 您將無法自定義表單。

但是,如果您只想使用基本表格接受付款,那麼它將為您完成工作。 在這種情況下,您將不需要 Profile Builder。

使用付款構建 WooCommerce 表單

現在您已經有了基本的或自定義的 WooCommerce 註冊表單,您可以進入流程的第二部分:將付款添加到您的 WooCommerce 表單。 為此,您需要付費會員訂閱插件來幫助您。

付費會員訂閱將允許您使用不同的方法和支付網關接收付款。 它還允許您將不同的付款選項直接集成到您剛剛創建的表單中。

這樣,您將能夠輕鬆創建一個 WooCommerce 表單,其中包含您想要的所有付款選項和自定義。

付費會員訂閱專業版

付費會員訂閱使在您的網站上接受付款的其他復雜任務變得異常簡單和高效。

獲取插件

或下載免費版

要在您的站點上安裝插件,您可以按照我為 Profile Builder 顯示的完全相同的步驟進行操作。

貝寶標准定期付款

如果您提供按月服務或訂閱某組產品並希望使用 PayPal Standard 作為支付網關,則必須集成 PayPal 定期支付功能。

您可以使用PayPal Standard 的定期付款插件來做到這一點。 要安裝它,請單擊付費會員訂閱的附加組件選項。 向下滾動以找到 Pro 附加組件下列出的 PayPal 標准定期付款選項。 單擊激活按鈕。

PayPal 標準的定期付款

激活後,當您導航到付費會員訂閱設置付款選項卡時,您將能夠看到新的支付網關。 如果您需要有關如何設置的更多信息,可以在此處按照我們的指南進行操作。

接受定期付款

貝寶快速結帳

接下來,您有 PayPal Express Checkout 付款選項。 幸運的是,我們也為此付款選項提供了附加組件。 再次單擊附加組件選項並找到PayPal Express附加組件。 然後以與上面激活其他附加組件相同的方式激活它。

現在,您將在我們上面提到的同一“付款”選項卡下看到另外兩個付款選項。

但是,您只能將PayPal StandardPayPal Express Checkout作為活動支付網關。 後者實際上與 PayPal Standard 非常相似,但它提供了額外的安全層。 它還允許用戶在不離開您的網站的情況下付款。

可以在此處找到設置此付款選項的詳細說明。

條紋

Stripe 是用戶中另一種流行的支付方式,付費會員訂閱也提供這種方式。

同樣,以同樣的方式激活Stripe插件。 您現在應該會看到在激活支付網關下列為選項的另外兩個支付選項。

這兩種 Stripe 支付選項——StripeStripe(支付意圖) ——是相似的,但後者更安全並且是推薦的選項。 您還可以將 Stripe 設置為默認支付網關。

使用 Stripe 支付網關

您可以在此處找到 Stripe 支付網關的所有設置說明。

最後,使用我們上面討論的所有付款選項,您可以選擇為所有付款啟用定期付款或自動續訂。

接受使用不同付款方式的定期付款

創建訂閱計劃並添加產品

現在您已經設置了 WooCommerce 付款表格以及付款選項,是時候將兩者合併了。 這將為您提供帶付款功能的 WooCommerce 表單。

您需要有一個有效的訂閱計劃才能將付款選項添加到您的 WooCommerce 表單中。 但別擔心,您可以使用付費會員訂閱輕鬆創建一個。

點擊付費會員訂閱菜單下的訂閱計劃選項,然後點擊添加新的。 從這裡您將能夠創建全新的訂閱計劃,然後您可以連接到您的 WooCommerce 產品。 這是有關如何執行此操作的指南。

完成後,滾動回頂部並單擊屏幕右上角的“保存訂閱”按鈕。

將支付選項集成到 WooCommerce 表單中

如果您決定使用 Profile Builder 創建自定義的 WooCommerce 付款表單,您將在此處有另一個步驟。

您需要返回Profile Builder下的Form Fields選項。 然後單擊頂部的選擇一個選項下拉菜單。 現在單擊那裡的訂閱計劃選項。

填寫所需的詳細信息。 然後選擇您的訂閱計劃。 最後,單擊底部的添加字段按鈕。

現在,無論您在何處顯示此表單,您的用戶都會看到付款選項。 如果您沒有讓 Profile Builder 自動為您創建註冊表單,您需要復制註冊短代碼 - [wppb-register] - 並使用它創建一個頁面。

這將是您的 WooCommerce 付款表格。 您還將在其中包含帳單、運輸和其他相關字段。

但是,如果您沒有使用 Profile Builder,而只是使用使用付費會員訂閱創建的基本註冊表單,那麼您將只有有限數量的表單字段。 但是,您仍然可以輕鬆地通過表格接受付款。

這是我們僅使用付費會員訂閱創建的 WooCommerce 付款表單的示例:

立即使用付款創建定制的 WooCommerce 表單!

創建自定義的 WooCommerce 表單可能既複雜又棘手,但如果您擁有功能強大且靈活的支付插件,則並非如此。

如果您將 Profile Builder 添加到組合中,您可以在表單自定義方面享受很多自由。 但是,如果您不需要自定義表單字段,則僅付費會員訂閱將為您處理一切。

它將涵蓋創建支持多種支付選項的功能性 WooCommerce 表單的各個方面。 正如我們上面解釋的,它還支持定期付款。

那你還在等什麼? 消除創建一個成熟的 WooCommerce 商店只是為了接受付款的麻煩,而是創建一個使用付費會員訂閱付款的高效 WooCommerce 表單。

付費會員訂閱專業版

從通過簡單的 WooCommerce 表單使用多種付款方式接受付款到創建成熟的會員網站,Paid Member Subscriptions Pro 為您完成所有工作!

獲取插件

或下載免費版

您對如何創建帶有付款選項的 WooCommerce 表單還有疑問嗎? 在下面的評論中讓我們知道!