如何使用 PayPal 付款製作 WordPress 聯繫表

已發表: 2022-09-08

您是否希望將 WordPress 聯繫表與 PayPal 集成?

由於其快速可靠的交易,PayPal 是絕大多數人最喜歡的在線支付服務。 在您的 WordPress 表單中添加 PayPal 付款選項將允許訪問者輕鬆地為您網站上的訂單、捐贈或任何其他目的進行付款。

最好的部分是使用強大的表單構建插件(如 WPForms)很容易做到這一點。

在這篇文章中,我們將逐步向您展示如何製作一個接受 PayPal 付款的 WordPress 聯繫表格。

讓我們直接跳進去!

立即使用 PayPal Checkout 創建表單

WPForms 是最好的 WordPress 表單生成器插件。 免費獲取!

PayPal 是否與 WordPress 集成?

PayPal 以多種方式與 WordPress 集成。 傳統的方法是安裝一個帶有本地 PayPal 集成的電子商務插件,例如 WooCommerce。

但這不是唯一的方法。 您還可以使用聯繫表單插件將 PayPal 付款添加到您的網站。 一些流行的插件,如 Contact Form 7 和 WPForms 支持原生 PayPal 集成。

如果您想讓用戶為採購訂單付款、發送捐款或出於任何其他目的執行交易,則使用帶有 PayPal 付款的表單是理想的選擇。

如何在 WordPress 中使用 PayPal 製作聯繫表格

在本文中

  • 1.安裝和激活WPForms
  • 2. 安裝和連接 WPForms PayPal Commerce 插件
  • 3.創建一個簡單的聯繫表
  • 4. 設置付款字段
  • 5. 添加和自定義 PayPal Commerce 字段
  • 6. 向 PayPal Commerce 添加條件邏輯(可選)
  • 7. 發布您的表格

1.安裝和激活WPForms

wpforms homepage

WPForms 是我們最推薦的使用 PayPal 付款製作聯繫表格的插件。 這是一個對初學者友好的插件,無需代碼即可使用,並包含大量有用的額外功能。

儘管 Contact Form 7 等其他一些選項也支持 PayPal 付款,但 WPForms 是一個更強大的解決方案,並且更易於使用。 您可以查看我們的 WPForms 與 Contact Form 7 比較了解更多詳情。

您需要 WPForms Pro 或更高版本的計劃來解鎖您的表單的 PayPal 付款。

wpforms定價

購買 WPForms Pro 後,登錄到您的 WPForms 儀表板並前往“下載”選項卡以查找您的 WPForms Pro 下載文件。

WPForms downloads

下載文件後,您可以繼續在您的網站上安裝 WPForms。 如果您需要幫助,請參閱我們關於安裝 WPForms 的文檔指南以獲取詳細說明。

2. 安裝和連接 WPForms PayPal Commerce 插件

WPForms Pro 在您的網站上激活後,您需要安裝 PayPal Commerce 插件。 此插件允許您在表單中添加 PayPal 結帳字段,以便您可以輕鬆地從客戶那裡收款。

要安裝插件,請導航到 WordPress 儀表板中的 WPForms,然後單擊Addons

WPForms addons

向下滾動以找到 PayPal Commerce 插件或使用搜索欄搜索它。 然後,單擊 PayPal Commerce Addon 下的Install Addon。

注意:不要將PayPal CommercePayPal Standard混淆。 雖然這兩個插件都允許您將 PayPal 結帳添加到您的表單中,但 PayPal Commerce 提供了一些更強大的功能。 我們將在本教程中使用PayPal Commerce

PayPal commerce addon

安裝插件後,接下來要做的是將您的網站與 PayPal 連接。 從 WordPress 儀表板,導航到WPForms » Settings

wpforms settings

進入後,點擊付款

WPForms 付款設置

向下滾動到標記為PayPal Commerce的部分,然後單擊Connect with PayPal Commerce。

PayPal 商務集成設置

這會將您重定向到 PayPal 的網站,系統會提示您輸入與 PayPal Business 關聯的電子郵件地址並從下拉列表中選擇您所在的國家/地區。 然後按下一步

注意:您需要一個PayPal Business帳戶才能連接 PayPal Commerce。

Click next

如果集成成功,連接狀態將顯示您已在生產模式下連接到 PayPal。

連接狀態

如果您想先測試 PayPal Commerce,請參閱我們關於在沙盒模式下使用 PayPal Commerce 的文檔。

向下滾動並單擊保存設置,這就是這個階段的全部內容。

Save settings

下一步將在 WPForms 表單構建器中創建一個新表單,您將在其中集成一個 PayPal Commerce 字段。

3.創建一個簡單的聯繫表

使用 WPForms 創建一個簡單的聯繫表格真的很容易。 您可以使用拖放表單構建器從頭開始創建表單,或者只需使用 400 多個預構建表單模板之一即可開始。

要訪問 WPForms 表單構建器,請打開您的 WordPress 儀表板並轉到WPForms » 添加新的.

添加新表格

這將打開模板庫。 將鼠標懸停在簡單聯繫表單上,然後單擊使用模板在表單構建器中打開它。

簡單的聯繫表格模板

正如您在下面看到的,您將擁有一個基本的聯繫表單,其中包含姓名、電子郵件和評論/消息等字段。

A simple contact form on a page

您可以通過添加或刪除您想要的任何字段來自定義此模板。 默認情況下,簡單的聯繫表單模板不包含任何付款字段。

我們將在下一步中添加付款字段。

4. 設置付款字段

您將需要至少一個付款字段用於您將要銷售的產品或服務。 有 4 個選項可供選擇,它們是:

  • 單件– 當您只銷售一件商品時。
  • 多個項目- 當您只有多個項目但只能選擇其中一個時(如不同的訂閱計劃)。
  • 複選框項目- 當您有多個項目可以選擇其中一個或多個(如不同的商品)時。
  • 下拉項目- 當您希望用戶能夠在下拉菜單中僅選擇一個可用項目時。

例如,如果您銷售服裝項目,您可以添加一個複選框項目字段,允許用戶從同一個表單訂購多件服裝項目。

以下是如何執行此操作:

首先,通過單擊或將其拖動到表單模板上的位置,將復選框項目字段添加到表單中。

付款字段複選框

單擊表單中的複選框項目字段以在左側窗格中打開字段選項。

payment fields settings

字段選項可讓您編輯字段標籤並添加您所售商品的名稱和價值。

您可能希望將“複選框項目”標籤更改為更能反映您所銷售項目的內容。 在這個例子中,我們將我們的複選框標記為“Sullie Merch”。

Checkbox label

您還可以編輯清單上每個項目的默認標籤。 我們將用“Sullie Shirt”替換“First Item”,用“Sullie Socks”替換“Second Item”,用“Sullie Hat”替換“Third Item”。

Product labels for checkbox items field

不要忘記在商品標籤旁邊的價格字段中為您的商品設置價格。

item price

如果您希望價格出現在前端的每個項目標籤之後,請確保啟用在項目標籤後顯示價格選項。

price after item labels

最後,您可以根據需要為您的項目添加描述。

商品描述

這是我們的表單現在的樣子:

預覽表格

用戶只需選中每個項目旁邊的框,即可從此表單訂購任何產品。

但是,還有一個更重要的步驟我們還沒有完成:在此表單中添加一個 PayPal 結帳字段以啟用交易。

5. 添加和自定義 PayPal Commerce 字段

您將在表單構建器左側窗格的“付款字段”部分下找到 PayPal Commerce 結帳字段。 只需將其拖放到您的表單上即可添加該字段。

WPForms 付款字段

當您在表單中包含 PayPal Commerce 字段時,您會看到一個提示您啟用 PayPal Commerce 付款的模式。 按確定

啟用貝寶

在啟用付款之前,讓我們首先自定義 PayPal Commerce 字段。

如您所見,PayPal Commerce 支持 PayPal 和信用卡付款。

PayPal Commerce cards

您可以使用 PayPal Commerce 領域做很多巧妙的事情。 要訪問字段選項,請單擊 PayPal Commerce 字段上的任意位置。

field options PayPal Commerce

然後,您可以選擇訪問者可以使用 PayPal 結賬和信用卡之間的哪些付款選項(您可以包括一個或兩個選項)。 此外,您還可以通過簡單地使用支持的信用卡部分下的切換按鈕來選擇您從哪些信用卡接受付款。

貝寶商務卡圖標

如果您想更改 PayPal Commerce 字段的外觀,您可以在字段選項下的高級選項卡中找到更多選項。

在這裡,您可以更改字段大小,並調整 PayPal 結帳按鈕的大小、形狀和顏色。

advanced paypal settings

完成自定義字段後,即可啟用 PayPal Commerce 並配置付款處理設置。

在側邊欄中,單擊付款 » PayPal Commerce。

貝寶商務整合

您在這裡有兩個選擇:啟用一次性付款或定期付款。

一次性付款

選擇一次性付款將展開一個菜單,您可以在其中將表單中的某些字段(姓名、電子郵件和地址)映射到您的 PayPal 賬單。

one time payments

如果您希望包含定期付款,PayPal Commerce 可以讓配置變得非常簡單。

定期付款

定期付款非常適合提供訂閱計劃或分期付款的企業。 您可以創建多少個計劃沒有限制,但一次只能處理一個計劃。

定期付款設置

PayPal Commerce 插件允許您為訂閱計劃自由選擇重複時間和總週期。 使用這些設置來配置適合您和您的用戶的付款頻率。

注意:定期付款不支持信用卡。

可以使用條件邏輯在同一表單上添加多種類型的定價選項。 接下來讓我們看看如何實現這一目標。

6. 向 PayPal Commerce 添加條件邏輯(可選)

條件邏輯為您提供了很大的自由來根據用戶響應更改 PayPal Commerce 字段的行為。

一種可能的情況是,當您想要定義邏輯以便結帳字段僅在用戶滿足特定條件時出現。 或者,您可能希望添加具有不同重複週期和其他付款詳細信息的多個定價計劃。

在這些情況下,WPForms 的條件邏輯可以非常方便。

假設您希望客戶能夠在每月付款和每年付款之間選擇一個循環週期。

我們將首先添加一個多項目付款字段並將其標記為“選擇您的計劃”,有兩個選項。

multiple items payapl

現在我們希望 PayPal 根據客戶在這兩個選項之間的選擇來處理費用。

為此,請返回付款 » PayPal Commerce並單擊一次性付款或定期付款下的啟用條件邏輯(取決於您的情況適用的場景)。

enable conditional logic paypal commerce

在我們的場景中,我們將使用條件邏輯進行定期付款。 啟用條件邏輯後,您應該會看到一組用於設置規則的新選項。

我們將設置兩個單獨的規則:一個是按月收費,另一個是按年收費。

對於每月,我們選擇了 Recurring Times 設置為Monthly 。 然後,我們定義瞭如下邏輯:如果選擇您的計劃字段為每月,則處理此費用。

rule 1 paypal commerce

之後,我們將為喜歡年度訂閱的用戶創建另一個計劃。 單擊添加新計劃按鈕開始。

add new plan paypal

輸入計劃名稱並按OK

new plan name

這一次,我們將在 Recurring Times 下拉列表中選擇Yearly 。 此處的條件邏輯定義為: 如果選擇您的計劃字段為年度,則處理此費用。

annual plan logic

確保在配置這些設置後按保存

總而言之,我們剛剛添加了一個選項,供客戶使用條件邏輯在每月和每年訂閱期之間進行選擇。

現在,當用戶選擇他們喜歡的訂閱期時,他們將按您為其設置的價格付費,並且僅在定義的重複時間進行。

7. 發布您的表格

您可以直接從表單構建器將表單添加到頁面。 在屏幕的右上角,您會看到嵌入保存表單的選項。

由於我們正在嘗試立即將表單添加到頁面中,因此請繼續並單擊Embed

表單生成器嵌入按鈕

這將重定向到具有將表單嵌入現有頁面或創建新頁面然後將其嵌入的選項的模式。

我們假設您想要創建一個新頁面,但這兩個步驟的過程相似。 對於本指南,我們將單擊創建新頁面

創建帶有大紅色箭頭的新頁面按鈕

為您的新頁面命名,然後單擊Let's Go

命名一個新頁面以嵌入您的表單

您的新啟用 PayPal Commerce 的表單現在將顯示在新頁面上。 發布頁面並在前端查看。

使用貝寶商務的實時表格

這就是在 WordPress 中將聯繫表格與 PayPal 集成的全部內容。 現在,您可以開始使用您網站上的表格收款了!

接下來,在 WordPress 中創建在線訂單

我們剛剛向您展示瞭如何在 WordPress 中將 PayPal 付款添加到您的聯繫表單中。 雖然這幾乎可以與您的任何表格一起使用,但最好使用在線訂單表格來進一步簡化流程。

查看我們在 WordPress 中製作在線訂單的指南。

不要等待開始構建您的在線訂單。 立即開始使用最強大的 WordPress 表單插件。 尋找免費訂單? WPForms Pro 附帶免費的在線訂單模板和 14 天退款保證。

立即使用 PayPal Checkout 創建表單

別忘了,如果您喜歡這篇文章,請在 Facebook 和 Twitter 上的社交媒體上關注我們。