二維碼或快速響應碼是一種用戶可以使用手機掃描的條形碼。您可以使用二維碼顯示 Stripe 付款表單,并幫助客戶輕松購買產品或服務。在本文中,我們將向您展示如何在 WordPress 中添加 Stripe 二維碼支付。
![]()
為什么要在 WordPress 中添加 Stripe 二維碼支付?
Stripe 是一種流行的支付網關,可讓您在 或電子商務商店接受在線支付。它使客戶很容易。
最好的部分是客戶不必經歷冗長的注冊過程。他們只需在網站上輸入信用卡即可進行購買。
將 Stripe 二維碼支付添加到您的網站,讓客戶可以靈活地快速完成購買。客戶只需掃碼即可打開付款鏈接。
這使得結帳過程非常簡單快捷。它可以幫助人們輕松地在您的中購買產品和服務。因此,您會看到轉化率的提高和購物車放棄的減少。
也就是說,讓我們看看如何將 Stripe 二維碼支付添加到您的 WordPress 網站。
在 WordPress 中創建 Stripe 支付表單
首先,您需要在您的網站上添加一個 Stripe 付款表單,以接受客戶的在線付款。
最好的方法是使用 。它是 ,超級易于使用,并且可以輕松與 Stripe 集成。有許多表單模板可供選擇,您可以使用拖放構建器對其進行自定義。
在本教程中,您將需要 WPForms Pro 許可證,因為它包含 Stripe 插件。還有一個 版本,您可以免費使用。它允許您接受 Stripe 付款,但通過您的表單進行的付款需要支付 3% 的交易費。
首先,您需要下載并安裝 WPForms 插件。
激活后,您可以從 WordPress 儀表板轉到 WPForms ? 設置 并輸入許可證密鑰。您可以在 WPForms 網站上的帳戶區域中找到密鑰。

只需輸入密鑰并單擊“驗證密鑰”按鈕即可。
完成后,您需要轉到 WPForms ? Addons 頁面并安裝 Stripe 插件。

繼續并單擊“安裝插件”按鈕,WPForms將自動安裝并激活它。
從這里,您可以前往 WPForms ? 設置 從 WordPress 管理面板并轉到“付款”選項卡。
接下來,只需單擊“與 Stripe 連接”按鈕,然后按照屏幕上的說明將您的帳戶與 WPForms 連接。

連接 Stripe 后,您可以轉到 WPForms ? Add New 創建一個新表單。
WPForms 提供了許多表單模板供您選擇。您可以選擇、訂單表單或 Stripe 付款表單并對其進行自定義。

在本教程中,我們將使用“Stripe Payment Form”模板。
接下來,您可以使用拖放式表單構建器自定義表單。默認情況下,您將在模板中看到不同的表單字段。
但是,WPForms 允許您向模板添加更多表單字段,例如下拉列表、復選框、電子郵件、電話、地址、網站等。

您還可以單擊模板上的任何表單字段以進一步自定義它。
例如,我們更改了演示表單上每個項目的文本,并啟用了在項目標簽后顯示價格的選項。

編輯完表單后,只需切換到“付款”選項卡,然后從左側菜單中選擇“Stripe”。
從這里開始,確保啟用“啟用 Stripe 支付”選項。

接下來,您可以切換到“設置”選項卡。在這里,您將看到用于更改通知和的選項。
例如,您可以選擇在用戶提交表單后應執行的操作。WPForms 允許您顯示消息或頁面,甚至將用戶重定向到 URL。

您現在可以在您的網站上顯示您的 Stripe 付款表單了。
只需單擊“保存”按鈕即可存儲您的更改,然后單擊頂部的“嵌入”按鈕。

接下來,WPForms 將顯示一個彈出窗口,您可以在其中選擇現有頁面或創建一個新頁面來嵌入您的表單。
在本教程中,我們將選擇“選擇現有頁面”選項。

接下來,您需要輸入新頁面的名稱。
完成后,只需單擊“Let's Go”按鈕即可。

之后,您將在 中看到 Stripe 付款表單的預覽。
您可以繼續發布該頁面并訪問該網站以查看其運行情況。

現在繼續復制付款表單頁面的鏈接,因為您需要它來創建二維碼。
替代方法: 您還可以使用 創建 Stripe 付款表單。它是 ,可幫助您在不設置購物車的情況下收集在線付款。
與 WPForms 相比,WP Simple Pay 是一個更直接的選擇。如果您只是想創建一個基本表格來接受信用卡付款,那么這是完美的選擇。
但是,如果您正在尋找更多自定義選項和表單模板,則建議使用 WPForms。
在 WordPress 中為 Stripe Payments 添加二維碼
現在您的 Stripe 付款表單已準備就緒,您可以為其創建一個二維碼并將其顯示在您網站上的任何位置。
您可以通過 2 種方式。您可以使用 Google Chrome 瀏覽器的功能或使用 WordPress 插件。
1.使用Google Chrome創建QR碼
如果您使用的是 Google Chrome 瀏覽器,則可以使用它通過二維碼共享網頁。
首先,您需要在新標簽頁或窗口中打開 Stripe 付款表單頁面。
接下來,您可以單擊站點地址欄右上角的共享圖標。從這里,只需選擇“創建QR碼”選項。
![]()
之后,Google Chrome 將為您的 Stripe 付款表單頁面生成一個二維碼。
您可以繼續將QR碼下載為圖像。

接下來,只需將圖像放置在您網站上的任何位置即可。
例如,您可以在產品頁面上顯示二維碼,以便客戶可以快速掃描它們并打開表單進行購買。

2. 使用 WordPress 插件創建 Stripe 支付二維碼
您還可以使用 WordPress 插件將二維碼添加到您的網站,例如 Shortcodes Ultimate.這是一個免費的插件,可讓您創建 50 多種不同類型的短代碼,包括二維碼。
首先,您需要安裝并激活 插件。
激活后,您將看到Shortcode Ultimate歡迎屏幕。

接下來,您需要編輯頁面或帖子以添加您的二維碼。
進入內容編輯器后,只需添加一個簡碼塊即可。

之后,您應該會看到一個“插入簡碼”選項。
您只需單擊雙括號圖標即可添加您的二維碼。
![]()
接下來,該插件將為您的網站顯示不同的簡碼選項。
繼續選擇“QR碼”選項。

之后,您將看到輸入二維碼詳細信息的選項。
在數據字段中,您可以輸入您之前創建的 Stripe 付款表單的 URL。
除此之外,還有一個選項可以輸入代碼的標題,它充當替代文本。您還可以調整二維碼的大小。

如果您向下滾動,那么您會看到更多自定義二維碼的選項。例如,您可以更改原色、背景色等。
完成后,只需單擊“插入簡碼”按鈕即可。

該插件還允許您在博客文章或登錄頁面上查看代碼的實時預覽。
繼續發布您的頁面,查看 Stripe 支付表單二維碼的實際效果。







