通常,小企業主需要創建一種簡單的方式來在其網站上接受付款,而無需設置復雜的購物車。一個簡單的付款表單允許您輕松接受自定義付款金額、設置定期付款和收集自定義詳細信息。在本文中,我們將向您展示如何使用支付選項輕松創建表單。

為什么要使用付款方式創建WordPress表單?
如果要使用自定義付款選項創建簡單的表單,則無需創建完整的。雖然像和這樣的電子商務插件非常強大,但如果您只銷售一些商品,服務或需要接受每個客戶的自定義金額,則可能不需要如此全面的東西。
在某些情況下,創建簡單的付款表單比使用專用的電子商務插件要好得多。
例如,在非營利網站上,您可能希望為訪問者提供在填寫時進行捐贈的選項。
一些網站所有者喜歡接受尋求幫助的訪問者的可選提示。
或者,您可能希望提供帶有“隨心所欲”系統的數字下載,訪問者可以選擇他們想要為產品或服務支付的費用。我們甚至看到提供免費下載的產品,同時讓訪問者可以選擇支付高級升級或額外內容。
注意:您需要在您的網站上啟用 HTTPS/SSL,以便您可以安全地接受付款。
方法 1.使用WP簡單支付(最佳免費選項)
創建簡單的WordPress付款表單的最簡單方法是使用。
WP Simple Pay是插件,可讓您接受信用卡付款,Apple Pay,Google Pay等,而無需安裝任何特殊的電子商務插件。

這個免費插件非常適合非營利組織、小型企業、志愿者以及任何想要收款而無需投資高級電子商務插件的人。
在本指南中,我們將使用,因為它擁有開始在線接受付款所需的一切。還有一個,可讓您使用 ACH 直接借記接受付款、設置定期付款計劃、 等等。
首先,您需要安裝并激活WP簡單支付插件。
激活后,插件將自動啟動設置向導。繼續并單擊“讓我們開始”按鈕。

在下一步中,您需要將 Stripe 帳戶連接到 WP 簡單支付.條紋 是網站所有者的初學者友好型支付處理器。
要開始使用,請單擊“使用條紋連接”按鈕。

之后,您可以登錄現有的 Stripe 賬戶或創建一個新賬戶。
如果您已經在 Stripe 注冊,則只需輸入該賬戶的和密碼即可。

WP Simple Pay現在將向您展示如何將您的Stripe帳戶連接到WordPress。
如果您尚未注冊 Stripe,請輸入您的電子郵件地址,然后按照屏幕上的說明創建您的免費 Stripe 賬戶。
登錄 Stripe 賬戶后,繼續并單擊“創建付款表單”。
如果您不小心點擊離開了此屏幕,請不要擔心。您可以通過轉到 WP 簡單支付 ? 新增 在WordPress儀表板中。

免費的WP簡單支付插件有幾個不同的付款模板,可以幫助您在幾分鐘內創建不同類型的付款表單。您可以通過升級到WP Simple Pay Pro來解鎖額外的模板,包括在的模板。
由于我們要創建一個簡單的WordPress付款表單,請將鼠標懸停在“付款按鈕”模板上,然后在出現時單擊“創建付款按鈕”。

在“標題”字段中,輸入付款表單的名稱。
此標題僅供您參考,因此您可以使用任何您想要的內容。

您還可以使用“說明”字段添加有關付款表單的一些信息。同樣,WordPress不會向您網站的訪問者顯示此信息,但它可能對您自己的參考或共享WordPress儀表板的任何其他人有用。
之后,單擊“付款”選項卡。
默認情況下,WP Simple Pay將在測試模式下創建您的付款表單,這意味著您無法接受訪問者的付款。
我們建議您將“全局設置(測試模式)”單選按鈕保持選中狀態,以便在開始接受訪問者的付款之前測試表單的工作方式。

但是,如果您想立即開始接受真實付款,則可以選擇“實時模式”按鈕。
接下來,您可以通過在“一次性金額”字段中輸入數字來決定向訪問者收取多少費用。

注意: 默認情況下,WP Simple Pay使用美元貨幣。如果您想接受任何其他貨幣的付款,那么只需前往 WP 簡單支付 ? 設置.然后,您可以選擇“貨幣”選項卡并選擇新貨幣。
完成此操作后,選擇“表單字段”選項卡。

默認情況下,您的按鈕將帶有“立即付款”標簽,但您可以通過在“按鈕文本”字段中鍵入將其更改為您想要的任何內容。
由于我們正在創建可選的付款表單,因此您可能需要使用“向我們發送小費”或“請我喝咖啡”之類的內容。

您還可以更改“按鈕處理文本”,這是WP Simple Pay在處理付款時向購物者顯示的消息。
同樣,由于這是一個可選的付款表單,您可以使用反映這一點的內容,例如“我們正在處理您的捐款”。
默認情況下,WP Simple Pay將使用與您的相同的按鈕樣式。它還具有您可以使用的“條紋藍色”樣式,如下圖所示。

如果您想使用此按鈕樣式,只需選擇“付款按鈕”部分中的“條紋藍色”單選按鈕。
之后,選擇 條紋結帳 選項卡并選擇WP Simple Pay將在結賬時從訪問者那里收集的信息。
例如,如果您正在銷售實物產品,則需要選中“收集送貨地址”框。

當您處理付款表單時,您只需單擊“預覽”按鈕即可隨時預覽它的外觀。
這將在新選項卡中打開付款表單,其方式與您在標準WordPress編輯器中預覽帖子和頁面的方式完全相同。

如果您對付款表單的外觀感到滿意,請單擊“發布”按鈕繼續使其生效。
現在,您可以使用“表單簡碼”中的值將付款表單添加到任何頁面、帖子或小部件就緒區域。

如果您在測試模式下發布了表單,那么 Stripe 控制面板不會顯示您在此期間收到的任何付款,這使得測試您的可選付款表單變得困難。
要查看您的交易,您需要在 Stripe 中激活測試模式,方法是,然后選擇“付款”選項卡。

接下來,單擊右上角的“開發人員”切換。
完成此操作后,您的所有測試付款都將顯示在 Stripe 控制面板中,以便您可以檢查表單是否正常工作。
當您對表單的設置方式感到滿意時,您可以通過轉到 WP 簡單支付 ? WordPress儀表板中的付款表格。
在這里,只需將鼠標懸停在可選的付款表單上,然后單擊“編輯”鏈接。

您現在可以繼續選擇“付款”選項卡,然后單擊“實時模式”旁邊的單選按鈕。

最后,點擊“更新”。您的付款表單現已生效,您可以開始接受受眾的付款了。
方法 2. 使用 WPForms(最適合靈活和可選的付款)
有時,您可能希望讓客戶選擇要在付款或捐贈中發送多少錢。例如,您可以創建一個“按需付費”模型。
其他時候,您可能希望收集其他詳細信息作為表單的一部分,甚至允許用戶向您的博客或網站提交付費內容。
如果您想創建一個靈活的付款表單,那么您需要一個高級表單構建器插件。
是。您可以使用它快速創建許多不同的表單,包括聯系表單、預訂表單等。超過 5 萬網站所有者使用 WPForms。
使用此插件,您可以創建一個表單,根據客戶是否要向您發送付款來顯示不同的字段。
在本指南中,我們將使用 ,因為它帶有插件,可以輕松使用流行的支付網關(如 條紋 和 PayPal)收取付款。此外,額外的交易費用為零。
還有一個版本,可以100%免費使用。它允許您接受 Stripe 付款,但通過表單進行的付款需要額外支付 3% 的費用。
首先,您需要安裝并激活WPForms Pro。
激活WPForms后,請轉到WordPress儀表板中的WPForms ? Settings。

您現在可以在“許可證密鑰”字段中輸入許可證密鑰。您可以在 中找到此信息。
激活 WPForms 插件后,您需要安裝至少一個付款插件。
為了鼓勵訪問者為您的產品或服務付費,您可能需要設置多個插件,以便訪問者可以使用自己喜歡的方式付款。
要安裝一個或多個付款插件,只需轉到 WPForms ? 插件。
您現在可以找到要使用的插件,然后單擊其“安裝插件”按鈕。WPForms 允許您使用條紋、正方形、PayPal和 Authorize.net 接受付款。
例如,如果您想使用 PayPal 接受付款,則需要安裝 PayPal 標準插件。

激活一個或多個付款插件后,下一步是將 WPForms 連接到相關的付款帳戶。例如,如果您安裝了插件,則需要將WPForms連接到Square帳戶。
要建立此連接,請轉到 WPForms ? 設置。然后,您可以單擊“付款”。

在此屏幕上,您將看到“連接...”。按鈕,用于您安裝的每個付款插件。
在這里,只需單擊“連接...”按鈕。這將啟動一個設置向導,該向導將指導您完成將 WPForms 連接到您的付款帳戶的過程。

只需對要使用的每個付款插件重復這些步驟即可。
完成后,單擊屏幕底部的“保存設置”按鈕。然后,前往 WPForms ? 添加新的。

在這里,在“命名您的表單”字段中輸入表單的名稱。
您的網站訪問者不會看到該名稱,因此僅供您參考。

WPForms 具有不同的模板,因此您可以快速入門并構建各種表單。
要仔細查看模板,只需將鼠標懸停在模板上即可。然后,繼續并單擊“查看演示”按鈕。

在本指南中,我們將使用簡單聯系表單模板,但你可以將付款字段添加到任何 WPForms 模板。
當您找到要使用的模板時,只需單擊其“使用模板”按鈕。這將啟動WPForms拖放表單構建器。

簡單聯系表單模板已包含客戶可以在其中鍵入其姓名、電子郵件地址和消息的字段。
因此,接下來,我們需要添加一個字段,訪問者可以在其中決定是否向您發送付款。執行此操作的最簡單方法是使用“多項選擇”字段。
在左側菜單中,找到“多項選擇”字段,然后使用拖放將其添加到表單中。

首先,我們需要更改 WPForms 在“多項選擇”部分頂部顯示的標簽。
這是詢問訪客是否要向您發送付款的理想場所。例如,您可以使用“您想向我們捐款嗎?”或“您想支持這個網站嗎?
要更改默認標簽,只需單擊以選擇表單中的“多項選擇”部分。左側菜單現在將顯示可用于自定義此部分的所有設置。
在左側菜單中,刪除“標簽”字段中的占位符“多項選擇”文本。然后,您可以鍵入要使用的新文本。

默認情況下,多項選擇部分有三個選擇,但我們只需要兩個選擇。
要刪除這些選項之一,請繼續并單擊它旁邊的 – 按鈕。

下一步是自定義“第一選擇”和“第二選擇”的文本。
在左側菜單中,只需刪除占位符文本并鍵入要使用的文本即可。例如,您可能希望輸入“是的,我想支持該網站”和“不,謝謝”。

使用付款方式創建WordPress表單時,您可能希望讓訪問者決定向您發送多少錢。
為此,只需單擊左側菜單中的“添加字段”選項卡。然后,將“單個項目”字段拖放到表單上。

要自定義此字段,只需單擊一下即可。
默認情況下,該字段顯示“單個項目”標簽。您可以通過在左側菜單中的“標簽”字段中鍵入內容,將此標簽替換為自己的文本。
例如,您可能希望鍵入諸如“我想發送給您...”之類的文本或“捐贈金額”。

接下來,打開“項目類型”下拉菜單,然后單擊用戶定義。
訪問者現在可以在此字段中輸入任何值,并向您發送此金額。

您可能還想建議您想要獲得的金額。這可以使訪問者更容易填寫您的表格,因為他們可以單擊以選擇金額,而不必自己做出此決定。
要向表單添加一些建議,只需將“多個項目”字段拖放到WordPress表單上即可。

然后,按照上述相同過程繼續自定義該部分的標簽和選項文本。
完成此操作后,您需要通過在旁邊的字段中鍵入值來為每個選項設置價格。

默認情況下,“多個項目”部分有三個選項。要添加更多選擇,只需單擊“+”圖標。
然后,您可以自定義新選項的文本,并按照上述相同過程鍵入值。

想要從“多個項目”部分刪除某個選項?
為此,只需單擊其“-”按鈕。

添加某些字段后,您可以通過拖放這些字段來更改這些字段在表單中的顯示順序。
完成所有這些操作后,您需要在表單中添加至少一個支付選項。
在左側菜單中,滾動到“付款字段”部分。在這里,您將找到您安裝的所有不同付款插件的字段。
要向表單添加支付選項,只需單擊一下即可。

添加付款選項字段后,最好單擊它。WPForms 現在將顯示可用于配置此字段的所有設置。
例如,如果您點擊“條紋信用卡”字段,您將能夠編輯標簽并添加描述。

我們只想向選擇向您發送付款的訪問者顯示付款字段。為此,您需要為付款字段啟用。
如果尚未選擇,請單擊以選擇表單中的付款字段。然后,只需單擊左側菜單中的“智能邏輯”選項卡。
完成此操作后,繼續并單擊“啟用條件邏輯”滑塊以將其從灰色(非活動)變為藍色(活動)。

接下來,我們需要告訴 WPForms 僅在訪問者選擇您的“是,我想支持該網站”選項時才顯示付款字段。
為此,請確保將“此字段如果”下拉列表設置為“顯示”。
然后,打開顯示“選擇字段”的字段,然后選擇“是否要支持該網站?

完成此操作后,打開下一個下拉列表,然后單擊“是”。
最后,打開默認情況下顯示“選擇選項”的下拉列表,然后選擇“是,我想支持該網站”字段。

在上圖中,我們告訴 WPForms 僅在訪問者確認他們想要支持該網站時才顯示付款字段。
將付款方式添加到 WPForms
下一步是為表單啟用付款。為此,請單擊左側菜單中的“付款”選項卡。
現在,您將看到可以為表單啟用的所有不同付款方式。

要開始使用,只需單擊要配置的支付選項。
之后,只需選中“啟用...”旁邊的框。
根據支付選項,您可能需要配置一些額外的設置。例如,如果您要啟用PayPal則需要輸入要接收付款的電子郵件地址。

您還需要在付款設置中使用條件邏輯規則。
要使用條件邏輯,請單擊“啟用條件邏輯”滑塊。然后,打開“此費用如果”下拉菜單并選擇“不處理”。

完成此操作后,請繼續并打開默認情況下顯示“選擇字段”的下拉列表。您現在可以選擇“是否要支持此網站?”或類似字段。
然后,確保下一個下拉菜單設置為“is”。

完成此操作后,您就可以打開“選擇”下拉菜單,然后單擊“否,謝謝”或類似字段。
現在,如果訪問者選擇“不,謝謝”選項,無論他們在表單的其余部分輸入什么內容,您的網站都將拒絕處理任何付款。

如果您要選擇付款方式,則只需通過選中“啟用”框然后配置任何額外設置來重復上述過程。您還可以啟用條件邏輯。
在下面的屏幕截圖中,您可以看到 Stripe 與PayPal相比具有不同的設置,因此始終值得仔細檢查這些額外的設置。

完成此操作后,最好啟用 。這允許用戶提交付款表單,而無需重新加載整個頁面。
要啟用 AJAX 提交,只需轉到設置 ? 常規。

然后,只需單擊以展開“高級”部分。
之后,您可以繼續選中“啟用AJAX表單提交”框。

當您對WordPress表單的外觀感到滿意時,請繼續保存更改。
為此,只需單擊屏幕頂部的“保存”按鈕。

默認情況下,每次有人提交此表單時,WPForms都會向您的WordPress管理員發送電子郵件。但是,您可能只想在有人選擇向您發送付款時收到通知。
要更改WPForms的默認電子郵件設置,請單擊“設置”選項卡。然后,繼續并單擊左側菜單中的“通知”。

現在,滾動到屏幕底部,然后單擊“啟用條件邏輯”滑塊。
激活滑塊后,WPForms 將顯示一些額外的設置。

接下來,確保“此通知如果”下拉列表設置為“發送”。
完成此操作后,打開默認顯示“選擇字段”的下拉列表,然后單擊“是否要支持該網站?”或類似字段。
接下來,確保下拉列表設置為“is”。

最后,打開默認情況下顯示“選擇選項”的下拉列表。
最后一步是選擇“是的,我想支持該網站”或類似字段。

當您對這些更改感到滿意時,請不要忘記單擊“保存”按鈕。
默認情況下,WPForms會將電子郵件發送到您的。您可以將這些郵件發送到任何其他電子郵件地址,甚至多個地址。
要更改默認設置,請找到“發送到電子郵件地址”字段。默認情況下,此值設置為 {admin_email}。這是一個動態值,告訴WordPress將其電子郵件發送給您的WordPress管理員。
您可以通過在“發送到電子郵件地址”字段中鍵入新地址,將此動態文本替換為任何其他電子郵件地址。
如果要,只需用逗號分隔每個地址,如以下屏幕截圖所示。

默認情況下,WPForms 使用“新條目”和表單名稱作為電子郵件主題行。
如果您想使用其他內容,則只需在“電子郵件主題行”中鍵入新文本即可。

另一種選擇是在電子郵件主題中使用動態文本。為此,請單擊“顯示智能標記”鏈接,然后從“可用字段”列表中選擇一個標記。
現在,當 WPForms 創建其電子郵件時,它會自動將智能標記替換為從提交的表單中獲取的值。例如,如果您單擊“總金額”,則WPForms將在其電子郵件主題行中顯示總付款。

您還可以更改電子郵件正文中包含的文本。
同樣,您可以選擇使用智能標記來創建信息量更大的電子郵件。

創建自定義電子郵件通知后,您需要確保它們發送到收件人的電子郵件收件箱,而不是垃圾郵件文件夾。
最好的方法是使用以及來提高電子郵件的可傳遞性。
您可能還希望向客戶顯示確認消息。例如,您可以確認您已安全收到他們的表單,或向他們顯示個性化的“謝謝”消息。每當客戶提交WordPress表單時,WPForms都會自動顯示此消息。
要配置此消息,請單擊“確認”選項卡。然后,只需打開“確認類型”下拉菜單,然后選擇“消息”。

如果您想向所有訪問者顯示相同的文本,那么您只需在“確認消息”框中輸入文本即可。
另一種選擇是通過添加智能標記來創建個性化消息,遵循上述相同過程。
您可能更喜歡顯示特定頁面或將訪問者重定向到另一個 URL,而不是顯示消息。為此,只需打開“確認類型”下拉菜單即可。
您現在可以從“顯示頁面”或“轉到URL”中進行選擇。

之后,您可以使用設置來配置 WPForms 在客戶提交表單后將顯示的頁面或 URL。
當您對這些設置感到滿意時,請不要忘記通過單擊“保存”按鈕來保存更改。
完成所有這些之后,您就可以將此表單添加到您的網站了。
為此,只需打開要顯示表單的頁面或帖子。然后單擊加號“+”圖標。
在出現的彈出窗口中,鍵入“WPForms”以查找正確的塊。一旦您單擊WPForms塊,它就會將該塊添加到您的頁面中。

在您的新塊中,繼續并單擊以打開下拉菜單。
現在,您將看到使用 WPForms 創建的所有表單的列表。只需單擊以選擇帶有付款選項的WordPress表單。

WPForms現在將直接在WordPress編輯器中顯示表單外觀的預覽。
您還可以通過單擊工具欄中的“預覽”按鈕來預覽整個頁面。







