如何在 WordPress 添加 Stripe 二維碼支付
最後更新於2024年3月10日,作者:編輯團隊 | 審核者:Syed Balkhi
為什麼在 WordPress 添加 Stripe 二維碼支付?
Stripe 是一個流行的支付網關,可以讓你在 WordPress 網站或電子商務商店接受在線支付。它使顧客可以很容易地使用信用卡支付,不需要經過冗長的註冊過程。
添加 Stripe 二維碼支付,顧客可以快速完成購買,只需掃碼即可打開支付鏈接。這簡化了結賬過程,幫助人們更容易在你的在線商店購買產品和服務,從而提高轉換率並減少購物車放棄率。
在 WordPress 創建 Stripe 支付表單
首先,你需要在網站上添加一個 Stripe 支付表單,以接受顧客的在線支付。最好的方法是使用 WPForms。這是 WordPress 最好的聯繫表單插件,易於使用並且能與 Stripe 輕鬆集成。你可以選擇許多表單模板,並使用拖放生成器進行自定義。
你需要 WPForms Pro 授權,因為它包含了 Stripe 插件。也有免費版 WPForms Lite,它允許你接受 Stripe 支付,但通過表單支付會有 3% 的交易費。
開始時,你需要下載並安裝 WPForms 插件。如果需要幫助,請參見我們的 WordPress 插件安裝指南。
啟用後,你可以從 WordPress 儀表板轉到 WPForms » 設置,輸入授權碼。你可以在 WPForms 網站的帳戶區域找到該密碼。輸入密碼並點擊 “驗證密碼” 按鈕。
完成後,你需要轉到 WPForms » 插件頁面並安裝 Stripe 插件。點擊 “安裝插件” 按鈕,WPForms 將自動安裝並啟用它。然後前往 WPForms » 設置頁面,進入 “支付” 標籤。點擊 “連接 Stripe” 按鈕,並按照屏幕上的指示操作,將你的帳戶與 WPForms 連接。
Stripe 連接完成後,轉到 WPForms » 創建新表單。 WPForms 提供多種表單模板供選擇,你可以選擇簡單聯繫表單、訂單表單或 Stripe 支付表單進行自定義。我們將使用 “Stripe 支付表單” 模板。
接著,你可以使用拖放表單生成器自定義你的表單。默認情況下,你將看到模板中的各種表單字段。不過,WPForms 允許你添加更多字段,如下拉菜單、複選框、電子郵件、電話、地址、網站等。
你還可以點擊模板中的任何表單字段進行進一步自定義。例如,我們更改了示例表單中每個項目的文本,並啟用在項目標籤後顯示價格的選項。
完成表單編輯後,切換到 “支付” 標籤,選擇左側菜單中的 “Stripe”,確保啟用 “啟用 Stripe 支付” 選項。然後,你可以切換到設置標籤,選擇更改通知和確認設置。例如,你可以選擇用戶提交表單後所需執行的操作,WPForms 允許你顯示消息或頁面,甚至將用戶重定向到 URL。
添加 Stripe 支付二維碼到 WordPress
表單設置完成後,點擊 “保存” 按鈕保存更改,然後點擊頂部的 “嵌入” 按鈕。 WPForms 將彈出一個窗口,讓你選擇嵌入現有頁面或創建新頁面。我們選擇 “選擇現有頁面”。
輸入新頁面的名稱後,點擊 “讓我們開始吧” 按鈕。你會在 WordPress 內容編輯器中看到 Stripe 支付表單的預覽,發布頁面並訪問網站查看效果。
現在,複製你的支付表單頁面的鏈接,因為你需要它來創建二維碼。
使用 Google Chrome 瀏覽器創建二維碼
打開 Stripe 支付表單頁面,點擊網址欄右上角的分享圖標,選擇 “創建二維碼” 選項。 Google Chrome 將生成一個二維碼,你可以將其下載為圖片,並將圖片放置在網站的任何地方。
使用 WordPress 插件創建二維碼
你還可以使用類似 Shortcodes Ultimate 的 WordPress 插件創建二維碼。這是一款免費插件,允許你創建50多種不同類型的短代碼,包括二維碼。安裝並啟用插件後,在內容編輯器中添加一個短代碼塊,選擇二維碼選項,並輸入先前創建的 Stripe 支付表單 URL。
你可以自定義二維碼的標題、大小、顏色等。完成後點擊 “插入短代碼” 按鈕,發布頁面後即可看到效果。
希望這篇文章幫助你了解如何在 WordPress 添加 Stripe 二維碼支付。你也可以參考我們的 WooCommerce 簡易指南以及如何在 WordPress 中接受定期付款的指南。
如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道,觀看更多 WordPress 教程視頻。你也可以在 Twitter 和 Facebook 上找到我們。