如何在 WordPress 中使用 Google Pay 付款

已發表: 2023-04-14

想知道如何為 WordPress 啟用 Google Pay?

Google Pay 等替代付款方式可以讓客戶更輕鬆地在您的網站上完成付款。 更快的結帳流程還可以減少購物車放棄並提高電子商務商店的銷售額。

幸運的是,在您的 WordPress 支付表單上設置 Google Pay 並立即開始進行交易相當簡單。

在本文中,我們將向您展示如何為 WordPress 網站設置 Google Pay。

立即創建您的 Google Pay WordPress 表單

WordPress 支持 Google Pay 嗎?

是的,您可以在您的 WordPress 網站上使用 Google Pay 付款。 對於 Android 用戶來說,這是一個替代 Apple Pay 的優秀數字錢包。 但是,您需要一個插件才能將此支付選項添加到您的網站。

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

WPForms 是 WordPress 的最佳表單生成器。 它包括數百個模板,包括付款表單模板,可幫助您快速入門。

此外,WPForms Stripe 插件可讓您在您的網站上設置支付網關,並包括 Google Pay 和 Apple Pay 等支付元素。 這使它成為一個很棒的 Stripe 插件和 WooCommerce 的替代品。

使用 WPForms 和 Stripe 可以快速輕鬆地設置 Google Pay。 我們將逐步引導您完成該過程。

如何在 WordPress 中使用 Google Pay 付款

在本文中

  • 第 1 步:安裝 WPForms 插件
  • 第 2 步:激活條紋插件
  • 第 3 步:將 WPForms 連接到您的 Stripe 帳戶
  • 第 4 步:啟用支付元素模式
  • 第 5 步:創建您的 Stripe 付款表格
  • 第 6 步:配置您的 Stripe 表單付款設置
  • 第 7 步:發布您的 Google Pay 表單

第 1 步:安裝 WPForms 插件

要為您的網站設置 Google Pay,您需要做的第一件事就是安裝 WPForms WordPress 插件。

WPForms

要使用 Stripe 插件啟用 Google Pay,您至少需要 Pro 許可級別。 完成購買後,您可以登錄您的 WPForms 帳戶下載並安裝插件。

如果您在此步驟中需要更多幫助,請查看我們關於如何安裝 WPForms 的指南。

第 2 步:激活條紋插件

現在 WPForms 已啟動並運行,您可以安裝 Stripe 插件以將支付插件功能添加到您的站點。

在您的 WordPress 儀表板管理菜單中,轉到WPForms » Addons

Accessing the WPForms addons screen

然後尋找 Stripe 插件並單擊安裝插件按鈕。

Installing the Stripe addon for WPForms

安裝後,插件也會自動激活。 然後您可以開始將 WPForms 連接到 Stripe。

我們將解釋整個過程,但如果您覺得需要更多幫助,可以查看我們的 Stripe 插件文檔了解更多詳情。

第 3 步:將 WPForms 連接到您的 Stripe 帳戶

接下來,轉到WPForms » 設置 » 付款。 在這裡您會看到您的一般付款和 Stripe 插件設置。

WPForms Stripe payment settings

首先,從可用貨幣中進行選擇。 我們將使用美元作為示例。

Select your currency in WPForms

然後單擊Connect with Stripe按鈕開始將 WPForms 連接到 Stripe。

Connect your Stripe account to WPForms

這將打開一個新頁面,您可以在其中輸入您的 Stripe 帳戶憑據和其他信息,以將您的網站連接到 Stripe。

Stripe Connect wizard

完成 Stripe Connect 嚮導後,您將返回到 WPForms 支付設置頁面。 您應該看到一個複選標記,表明您的帳戶已正確連接。

Stripe Connection verification showing that your site is connected in live mode

請注意,您還會在此處看到一個用於啟用測試模式的複選框。 如果您只是設置您的電子商務站點並想檢查一切是否正常運行,這是一個有用的選項。

有關如何使用測試模式的更多詳細信息,請參閱我們的測試 Stripe 支付指南。

第 4 步:啟用支付元素模式

您需要配置的下一個設置是要在哪種模式下使用 Stripe 插件。有 2 個選項:Card Element 和 Payment Element。

Selecting a Credit Card Field Mode for the Stripe addon

Card Element 模式將只接受信用卡和借記卡付款。 支付元素模式接受卡支付以及使用 Google Pay 和 Apple Pay 的數字錢包支付。

因此,選擇支付元素模式,然後通過單擊屏幕底部的按鈕保存對支付設置的更改。

Saving Stripe payment settings

第 5 步:創建您的 Stripe 付款表格

偉大的! 現在,Stripe 插件已全部設置完畢,可以使用了。 接下來,您需要一個表格,客戶可以在該表格中在您的 WordPress 網站上進行購買。

要開始製作您的 Google Pay WordPress 表單,請前往WPForms » 添加新表單

Adding a new form in WPForms

這會將表單構建器打開到第一個屏幕,您可以在其中命名表單並選擇模板。

對於我們的示例,我們將使用Billing / Order Form模板。 但是,您可以使用任何您喜歡的模板或從頭開始構建您的表單。 WPForms 中的每個模板都是 100% 可定制的。

Selecting the Billing/Order Form template

選擇模板後,它將加載到拖放式表單構建器中。

The Billing / Order Form template

在這裡,您可以對錶單進行任何更改。 有關自定義表單的更多詳細信息,請查看我們關於如何製作 WordPress 訂單的教程。

現在,我們要做的就是添加一個Stripe Credit Card字段。

Adding a Stripe Credit Card field to a form

將 Stripe 字段拖放到預覽區域以將其添加到您的表單中。

每當您向表單添加新字段時,您都可以通過在表單預覽區域中單擊它來自定義其字段選項。 首先,您可以更改 Stripe Credit Card 字段的字段標籤。

Changing the label of the Stripe Credit Card field

如果願意,您還可以添加說明。 而且,如果客戶必須付款才能提交您的表格,請確保打開必填選項。

接下來,轉到高級字段選項。 在這裡,您可以設置 Link 為回頭客提供更快的付款流程。

Changing the Stripe Credit Card Field Link Email field

Link 是一項服務,使在線購物者在他們之前購物過的在線商店購物時能夠完成一鍵式 Stripe 結賬。 選擇是否要使用表單中的電子郵件字段或將電子郵件子字段添加到 Stripe 信用卡字段以保存客戶信息以供將來購買。

一旦您的表單看起來像您想要的那樣,在將其添加到您的 WordPress 站點之前,您還需要做一件事。

第 6 步:配置您的 Stripe 表單付款設置

您已經將 WPForms 連接到 Stripe,但現在您需要為此特定表單啟用 Stripe 支付。

在表單構建器中,單擊左側的“付款”選項卡。 然後選擇Stripe並打開啟用 Stripe 付款設置。

Enabling Stripe payments for a form

接下來,填寫此付款表格的其餘設置。 付款說明 是將在客戶的銀行賬戶報表上顯示的此次購買的內容。 然後,您需要從表單中選擇“電子郵件”字段,以便在客戶付款完成後將收據發送給他們。

The Stripe form payments settings

如果您銷售的是會員或訂閱產品,您還可以查看如何使用 Stripe 啟用定期訂閱。

完成 Stripe 設置後,您的 Google Pay 表單就完成了! 確保單擊表單構建器頂部的保存按鈕。

Saving your form

第 7 步:發布您的 Google Pay 表單

剩下的就是將您的 Google Pay 表單添加到您的 WordPress 網站,以便客戶可以進行購買。 WPForms 包括許多在您的網站上嵌入表單的不同方法,但我們將使用嵌入工具將我們的表單添加到新的結帳頁面。

在表單生成器中,單擊屏幕頂部的嵌入按鈕。

Form builder embed button

這將打開一個模塊,您可以在其中選擇是要將表單添加到現有的 WordPress 頁面還是創建新頁面。

The Embed in a Page popup

我們將選擇創建新頁面。 然後在提供的字段中為您的頁面輸入名稱,然後單擊開始!

Naming a new page for your payment form

WPForms 會自動將您的表單添加到您的新頁面。 檢查一切看起來是否正確,然後繼續並單擊Publish

Publishing your payment form

現在,在其設備上啟用了 Google Pay 的客戶將在此表單上看到 Google Pay 選項。

Stripe Credit Card field with Google Pay

請注意,只有在您的設備上設置了 Google Pay,您才會看到 Google Pay 按鈕。 沒有 Google Pay 的任何人仍然可以使用您的表單使用信用卡進行在線支付。

立即創建您的 Google Pay WordPress 表單

接下來,創建一個定期付款表

就是這樣! 現在您知道瞭如何使用 WPForms 和 Stripe 插件在 WordPress 中設置 Google Pay。

定期付款是從您的網站創收的好方法。 WPForms Stripe 和 PayPal Commerce 插件都支持定期付款,因此您可以使用 WordPress 輕鬆創建自己的會員網站。

準備好構建表單了嗎? 今天開始使用最簡單的 WordPress 表單生成器插件。 WPForms Pro 包含大量免費模板,並提供 14 天退款保證。

如果本文對您有所幫助,請在 Facebook 和 Twitter 上關注我們以獲取更多免費的 WordPress 教程和指南。