如何在 WordPress 中整合 Square 支付（逐步指南）

最後更新於 2023 年 8 月 2 日 | 審閱者：Syed Balkhi

為什麼要在 WordPress 中連接 Square 支付？

Square 是一個流行的支付網關，讓信用卡支付變得簡單。您可以在 WordPress 網站上使用 Square 通過簡單的支付表單或功能齊全的電子商務商店安全地接受支付。

就像 Stripe 支付網關一樣，它提供了靈活的選項來接受信用卡支付，不論是在線還是面對面。信用卡支付在美國、加拿大、澳大利亞、日本、英國、愛爾蘭、法國和西班牙都可以使用。Square 提供固定的交易費率，這在每個國家有所不同。

注意：您需要在您的網站上啟用 HTTPS/SSL，以便可以安全地接受信用卡支付。詳細資訊請參考我們的指南《如何為您的 WordPress 網站獲取免費的 SSL 證書》。

說到這裡，讓我們來看看如何在 WordPress 中連接 Square 支付。我們將向您展示如何使用 WPForms 添加 Square 支付表單，然後介紹其他方法，例如在網上商店中使用 WooCommerce 接受 Square 支付：

使用 WPForms 連接 Square 到 WordPress
連接 Square 到 WordPress 的其他獎勵方法
在 WordPress 中接受支付的專家指南

使用 WPForms 連接 Square 到 WordPress

使用 WPForms 創建 Square 支付表單是最簡單的方法。它是最好的 WordPress 表單構建插件，已被超過 600 萬個網站使用。您可以使用他們的拖放構建器快速創建任何類型的表單，包括支付表單。

在這個教程中，我們將使用 WPForms Pro 版本，因為它可以讓您訪問 Square 附加元件，從而接受信用卡支付而不需要編寫代碼。您還可以使用 WPForms 接受使用 Stripe、Authorize.net 和 PayPal 的信用卡支付。

注意：WPForms 有一個免費版本，但它只允許接受 Stripe 支付。

安裝和激活 WPForms

第一步是安裝並激活 WPForms Pro 插件。如果您需要幫助，請參考我們的指南《如何安裝 WordPress 插件》。激活 WPForms 後，前往您的 WordPress 儀表板中的 WPForms » 設定。

在這個畫面中，您需要在「授權碼」欄輸入您的授權碼。您可以在您的 WPForms 账户中找到此密鑰。之後，確保點擊「驗證密鑰」按鈕以激活您的授權。這將允許您輕鬆啟用 Square 附加元件。

將 WPForms 連接到 Square

激活核心插件後，是時候安裝 Square 附加元件了。在您的 WordPress 儀表板中，前往 WPForms » 附加元件頁面，然後向下滾動直到找到 Square 附加元件。接下來，您需要點擊「安裝附加元件」按鈕。

一旦安裝並激活附加元件，前往 WPForms » 設定頁面，然後點擊付款標籤。預設情況下，WPForms 將以美元收款。如果您需要以其他貨幣接受支付，請打開貨幣下拉列表，從列表中選擇。

下一步是將 WPForms 連接到您的 Square 設定的連線狀態部分。然後只需點擊「連接 Square」按鈕。

現在，您可以按照屏幕指示創建一個新的 Square 帳戶或連接到現有的 Square 帳戶。如果您希望測試您的支付表單，請選中「測試模式」選項。這樣您可以進行模擬支付來確保表單運作正常。測試完成後，請不要忘記取消勾選此選項。確保點擊畫面下方的「保存設定」按鈕來存儲您的設定。

在 WordPress 中創建 Square 支付表單

成功連接到 Square 後，您需要創建支付表單。為此，前往 WordPress 管理區域中的 WPForms » 新增頁面。首先，您需要為您的表單提供一個標題，然後向下滾動至「賬單/訂單表單」模板，然後點擊「使用模板」按鈕。

WPForms 會自動載入您的表單模板到拖放構建器中。它包括您需要的大多數欄位，並且可以輕鬆添加、刪除或更改表單中的欄位。

例如，表單中已添加多項目列表，讓您的訪客可以選擇他們想要支付的商品或服務。一旦您點擊這個欄位，您可以自定義欄位的標籤以及每個項目的名稱和價格。

如果您只提供單一項目，則應該點擊欄位右上角的垃圾桶圖示來刪除多項目欄位。接下來，您可以向下滾動到單項目欄位，然後將其拖到您的表單中。

您可以點擊這個欄位來自定義它，比如更改欄位的標籤、描述和價格。右側預覽會自動更新表單。

如果您只提供單一項目，總金額欄位是不必要的，您可以刪除它。接下來需要添加 Square 欄位來收集客戶的支付信息。隨便點擊「增加欄位」標籤並向下滾動到支付欄位部分。

您現在可以將 Square 欄位拖到您支付表單中的合適位置。一旦這樣做，通知會彈出告知您需要為這個表單啟用 Square 支付。

一旦點擊「確定」按鈕，前往 WPForms 編輯器中的「付款」»「Square」標籤。在那裡，您需要切換「啟用 Square 支付」設定為開啟。

之後，您可以在「支付描述」欄位中輸入描述。此文本將顯示在客戶的信用卡賬單上。

我們也建議完成其他可選設定，這些設定允許 Square 知道在哪裡找到客戶的電子郵件地址、姓名和賬單地址，以便可以發送電子郵件收據。

最後，WPForms 還允許您為您的表單設置智能條件邏輯。這很有用，當您希望允許客戶選擇多種支付方式，例如信用卡或 PayPal 時。

當您對於您的信用卡支付表單感到滿意時，是時候保存您的更改。為此，點擊屏幕頂部的「保存」按鈕。

為 Square 支付設置通知電子郵件

接下來，您可以配置當表單提交時發送給您的通知電子郵件。您還可以設置當客戶下訂單後發送給他們的通知電郵。

每次客戶完成支付表單，WPForms 預設會發送一封電子郵件給您的 WordPress 管理員。然而，您可能希望將這些電子郵件發送到其他地址，甚至通知多個人。

這很容易使用 WPForms 來完成。要自定義電子郵件通知，簡單點擊「設置」標籤，然後選擇「通知」。

在這個界面中，找到「發送到電子郵件地址」欄位。預設情況下，這設為 {admin_email} 並告訴 WordPress 使用管理員的電子郵件地址。您可以刪除此動態文本並替換為其他電子郵件地址。只需在「發送到電子郵件地址」欄位中輸入新地址。如果您希望發送電子郵件到多個地址，請用逗號分隔每個地址。

您還可以編輯電子郵件的主題行、消息等等。接下來，我們將設置一個電子郵件通知給您的客戶，確認他們的購買並表示感謝。為此，需要點擊「新增通知」按鈕。

WPForms 將要求您提供此通知的名稱。在這個教程中，我們稱之為「客戶通知」。

之後，WPForms 會顯示所有可以自定義的通知欄位。您可以輸入智能標籤以便將通知電子郵件發送到客戶的電子郵件地址。簡單點擊「顯示智能標籤」連結，然後選擇表單的「電子郵件」欄位。這允許 WPForms 使用客戶在提交支付表單時提供的電子郵件地址。

您現在可以自定義通知電子郵件的其餘部分，例如主題行或電子郵件訊息。例如，您可能會用智能標籤個性化電子郵件內容，顯示客戶名稱或他們購買的商品信息。

當客戶下訂單時，WPForms 也會顯示一個屏幕通知。您可以點擊「確認」標籤並編輯確認訊息來自定義它。

如果不想顯示訊息，您可能更喜歡顯示特定頁面或將客戶重定向到其他 URL。要做此更改，簡單打開「確認類型」下拉菜單。您現在可以從可用選項中選擇。

最後，確保這些電子郵件通知可以成功送達收件人的收件箱，而不是進入垃圾郵件文件夾。最佳方法是使用 SMTP 服務提供商來提高電子郵件的送達率。詳情請見我們的指南《如何修復 WordPress 不發送電子郵件問題》。

將支付表單添加到您的 WordPress 網站

最後一步是將您的新的 Square 支付表單添加到您的 WordPress 網站。WPForms 讓任何地方添加表單變得非常容易。簡單創建新的帖子或頁面，或編輯現有的。然後，點擊頂部的加號（+）圖標並在 WordPress 編輯器中添加 WPForms 區塊。

之後，從 WPForms 區塊的下拉菜單中選擇您的支付表單。完成後，您可以保存或發佈頁面，並點擊「預覽」按鈕來查看您的表單效果。

恭喜，您現在已經在 WordPress 中連接了 Square 支付。

您可以將您的 Square 支付表單與電子郵件營銷服務、Google Sheets 和其他應用程式連接起來，從而進一步簡化您的工作流程。

連接 Square 到 WordPress 的其他獎勵方法

WPForms 提供了一種簡單的方法來創建連接 Square 的支付表單。然而，一些用戶可能有不同的需求。例如，您可能想要創建一個會員網站、開設網上商店售賣實物商品、在博客上銷售電子書、銷售在線課程，甚至接受捐款。Square 並不總是最佳選擇，因為 Stripe 在 WordPress 中有更好的插件支持，成為添加信用卡選項的更佳選擇。許多流行的插件如 MemberPress、WP Simple Pay 和 Easy Digital Downloads 提供內建的 Stripe 整合。了解更多詳情，請參閱我們的指南《最佳 Stripe 支付插件》。然而，如果您運營 WooCommerce 商店，則可以輕鬆添加 Square 支持，使用官方 WooCommerce 的 Square 擴展。這個擴展允許您的網站和 Square 帳戶之間的商品同步。這意味着當您在 Square 帳戶中添加商品時，它們也會自動添加到您的 WooCommerce 商店。同時，如果與 WooCommerce Subscriptions 擴展一起使用，還支持定期支付。