首页 » 新闻 » 如何在 WordPress 中新增 Stripe 二維碼支付

如何在 WordPress 中新增 Stripe 二維碼支付

您是否希望在您的 WordPress 網站上新增二維碼付款選項?

QR 付款方式允許用戶在手機上掃描並存取您的付款連結。這使得他們的結帳過程變得更簡單、更容易。

但是,有很多方法可以讓用戶透過二維碼付款。除此之外,菲律宾电话号码表  您還可以將許多支付網關與二維碼整合。

例如,您可以使用 QR Code Generator 或 QRStuff 等平台手動將付款二維碼新增至您的網站。但這需要一個漫長的設定過程。

您需要在二維碼中輸入訊息,例如付款連結、網站網址和聯絡資訊。您還需要從您的網站單獨自訂二維碼並將其下載為圖像。

最終,它會看起來不合適並且有功能衝突。

最重要的是,手動產生的二維碼是靜態的,這意味著任何更新都需要重新生成並替換您網站上的圖像。

這就是為什麼我們建議您使用 WPForms 來幫助您建立二維碼付款選項。

 

首先,使用 WPForms,您可以根據表單輸入(例如使用者詳細資料、付款金額或活動註冊)動態產生二維碼。這確保了二維碼始終具有相關性且個性化,無需人工幹預。

您也可以使用視覺化建構器快速將具有付款連結的二維碼新增至任何表單或頁面,從而節省時間。

最好的部分是,WPForms 與PayPal和 Stripe 等支付網關集成,從而可以輕鬆產生連結到付款頁面的二維碼。

現在我們已經選擇了創建支付二維碼的工具,接下來的問題是,哪個網關最適合設定支付二維碼?

在這裡,您的首要任務應該是找到一個安全、可擴展且用戶友好的支付網關。您還應該找到一個支援多種貨幣的網站,以便您接觸到全球受眾。

由於這些原因,我們選擇了 Stripe。

 

Stripe 可讓您產生連結到即時支付頁面的動態二維碼。您可以使用您的品牌、徽標和顏色自訂連結到二維碼的付款頁面。

Stripe 支援各種支付方式,包括信用卡/金融卡构建 RevOps 结构以增加收入和客户 LTV 行動錢包(如Apple PayGoogle Pay)以及本地支付系統。

因此,只需一個二維碼即可將使用者引導至付款頁面,讓他們選擇自己喜歡的付款方式。

以下是 Stripe 成為優良二維碼支付網關的其他原因。

  • 一鍵付款:客戶可以掃描二維碼並使用已儲存的付款方式在幾秒鐘內完成付款
  • 動態支付金額: Stripe 可讓您建立與動態運算的付款金額相關的二維碼。
  • 輕鬆與網站整合: Stripe 為 WordPress 等平台提供簡單的 API 整合和外掛程式。
  • 即時更新: Stripe 的儀表板追蹤透過二維碼進行的付款。您可以即時監控交易。
  • 安全交易:透過 Stripe QR 碼付款可以安全處理,並具有先進的加密和詐欺偵測機制。

如您所見,Stripe 和 WPforms 的組合是透過二維碼接收付款的絕佳方式。

解決了這個問題,讓我們逐步向您展示如何在 WordPress 中設定二維碼付款。

以下是我們將在本教程中建立的 Stripe QR Code Payment 的範例:

如何在 WordPress 中新增 Stripe 二維碼支付

如上所述,我們需要兩個工具來在 WordPress 中設定二維碼付款:WPForms和 Stripe。

 

幸運的是,WPForms與 Stripe 相容。因此,我們將透過 WPForms將Stripe 與 WordPress 連接起來。此過程允許使用者使用拖放建構器在任何表單上透過二維碼付款。這使得您的用戶可以方便、輕鬆地進行購買。

現在,請查看我們將遵循的所有步驟。如果您想跳至任何步驟,只需單擊它即可。

  • 步驟 1:安裝並設定 WPForms
  • 步驟 2:安裝並設定 WPForms Stripe Pro 插件
  • 步驟3:建立付款表格
  • 步驟 4:設定 Stripe 付款
  • 步驟5:設定通知和確認訊息
  • 步驟 6:發布表單
  • 步驟 7:在 WordPress 中新增 Stripe Payments 的二維碼

下面讓我們帶您了解整個過程。

步驟 1:

步驟 4:設定 Stripe 付款

聯絡表準備好後,下一步就是設定 Stripe 付款選項。

為此,我們需要在表單中新增一個 Stripe 欄位。這是一個非常簡單的過程,因為您將使用我們上面使用的相同拖放過程。

因此,請轉到字段面板並滾動到付款字段。在這裡,找到“Stripe 信用卡”字段,然後將其拖放到表單上您希望它出現的位置。

WPforms Stripe 付款欄位預先包含卡號、有效期限、CVC 和國家文本行。因此,您不需要進一步自訂 Stripe 信用卡欄位。

請參閱本文以了解在 WordPress 中接收卡片付款的另一種便捷方式。

準備好 Stripe 付款欄位後,請轉到最左側的「付款」標籤。

一旦選擇,您就可以打開所有支付網關以連接 WPForms。您可以使用 Authorize.Net、Coupons、PayPal Commerce、PayPal Standard 和Square

但是,推薦的支付網關是 Stripe,您可以在此頁面頂部找到它。

選擇此選項後,左側將開啟一個新頁面,电话号码 其中有一個切換按鈕,可啟用「一次性付款」或「定期付款」。

請參閱本文以了解如何使用 WPForms設定定期付款。

在今天的教程中,我們將設定一次性付款。

一旦您使用切換按鈕啟用此功能,您將看到將聯絡表單欄位對應到付款欄位的選項。這使得 WPforms 能夠與 Stripe 通訊並確保在表單提交過程中捕獲正確的付款詳細資訊。

再次,WPForms 讓映射過程變得簡單。

 

您需要做的就是從下拉式選單中選擇一個選項。事實上,下拉式選單僅包含最有可能映射的字段,這使得它變得更加容易。

例如,在 Stripe 付款收據下拉選單下,您會看到「電子郵件」。然後,在客戶名稱下拉式選單中,您將看到「姓名」。

映射後,它應該如下面的螢幕截圖所示:

為了進一步改善使用者體驗,您可以在此頁面底部啟動條件邏輯。

在這裡,您可以指定何時顯示或隱藏付款欄位。 WPForms 甚至允許您新增多個條件邏輯規則。

除了條件邏輯之外,還有另一種減少表單放棄的方法,這種方法很有用。

步驟5:設定通知和確認訊息

現在,電子郵件通知和確認資訊對於所有表格都很重要。但是,它們對於與付款相關的表格至關重要。他們向用戶提供即時回饋,讓他們確信他們的付款已成功處理。

可以配置電子郵件通知,向用戶發送收據或確認詳細信息,同時通知您有關交易的信息。

表單提交後立即顯示的確認資訊可協助使用者了解其付款和表單提交已成功,從而消除混淆。

您可以在同一頁面上立即設定確認訊息作為“訊息”,在同一網站的另一個頁面上顯示,或在外部 URL 上顯示。

WPForms 允許您在「設定」下設定它們。在這裡,您可以獲得“通知”和“確認”的標籤。

請記住,確保這些資訊清晰且專業可以增強用戶信任並創造更流暢的整體體驗。

您可以查看這篇關於如何設定表單通知和確認的文章以獲得深入的解釋。

步驟 6:發布表單

現在,所有設定完畢,剩下要做的就是在您的 WordPress 網站上發布表單。有兩種方法可以做到這一點:在新頁面上發布或在現有頁面上發布。

讓我們看看如何在現有頁面上發布。

 

首先,點擊頁面頂部的「儲存」按鈕。完成後,選擇“儲存”按鈕旁邊的“嵌入”按鈕以開啟彈出視窗。然後,在此視窗中選擇“選擇現有頁面”。

在下一個彈出視窗中,從下拉式選單中選擇您希望表單出現的頁面。繼此曲之後,《Let’s Go》也大獲成功。

這將在 WordPress 的區塊編輯器中開啟該頁面。

之後,請前往區塊編輯器的最左側並選擇加號 (+)按鈕開啟區塊。

然後,找到 WPForms 區塊並將其拖曳到頁面上您希望出現付款表單的位置。載入後,使用區塊中的下拉式選單選擇剛剛建立的付款表單。

最後,點選頁面右上角的「儲存」 。此時,您應該在即時頁面上看到您建立的聯絡表單。

 

滚动至顶部