付款頁面評論：使用 WordPress 和 Elementor 輕鬆接受付款
已發表: 2022-04-04需要在您的 WordPress 網站上接受付款？
無論您是銷售產品的企業、收取服務費用的自由職業者、非營利組織募集捐款，還是其他任何需要收款的人，您都希望讓人們盡可能輕鬆地向您付款。
這意味著您不只是想添加任何舊的支付表單，而是想為訪問者創建用戶友好、無摩擦的支付體驗。
使用支付頁面插件，您可以使用 Elementor 的可視化拖放界面創建靈活、時尚的支付頁面和表單。
您可以完全自定義您的付款選項和表單字段，然後從 Elementor 控製樣式——所有這些都無需查看任何一行代碼。
在我們的動手支付頁面評論中，我們將看看這個免費增值的 WordPress 支付插件並向您展示它是如何工作的。
付款頁面評論：插件的作用
概括地說，支付頁面是一種在您的 WordPress 網站上接受在線支付的解決方案。 顯然，它的意義遠不止於此。 但高層次的想法很簡單——您可以輕鬆地開始通過您的 WordPress 網站接受付款。
那麼它如何幫助你做到這一點呢？
首先，支付頁面集成到 Elementor 中，以便您能夠使用 Elementor 的界面創建和自定義支付表單。 您不僅可以自定義付款選項和表單字段，還可以使用 Elementor 的控件完全自定義付款表單的樣式和設計。
這對於構建時尚的表單非常有用，因為它可以讓您完全控制設計，而無需使用自定義 CSS。 您還可以獲得 11 種不同的完整支付頁面模板，這些模板由 Elementor 提供支持，可輕鬆進行可視化定制。
您可以在此處查看所有模板 - 單擊特定模板以查看完整設計和付款表單示例。
目前，支付頁面支持支付處理器的 Stripe 和 PayPal，併計劃添加其他網關，如 Authorize.net .net 等。 在這兩個“父”網關中，您可以訪問許多其他支付選項，包括：
- 蘋果支付
- 谷歌支付
- 格子花呢
- 支付寶
- 微軟支付
- 等等。
您還可以靈活地收取以下費用：
- 一次性付款
- 按任何時間表自動定期訂閱付款
您還可以將兩者混合搭配，並在一個表單中包含無限的付款選項。
以下是其他一些值得注意的功能：
- 多幣種支持——接受不同幣種的付款，包括讓人們選擇在付款表上過濾幣種。
- 提交後操作——您可以發送確認電子郵件、顯示自定義消息和/或將用戶重定向到另一個頁面。
- 響應式設計——您可以使用 Elementor 的響應式控件來調整表單在不同設備上的外觀。
如何使用付款頁面接受付款
既然您知道支付頁面是做什麼的，那麼讓我們來看看使用支付頁面設置一個時尚的支付頁面並開始接受付款是什麼感覺。
對於這些示例，我在我的網站上使用高級版本，但即使使用免費版本，一般過程也是相同的。
1. 連接您的支付網關
當您第一次激活支付頁面插件時，它將啟動一個設置嚮導來幫助您配置您的“主要”父網關。
在我們審核付款頁面時，這些選項是 Stripe 或 PayPal：
對於每個網關，您可以在“實時”和“測試”模式下使用它。 在實時模式下，您的網站將實際處理真實付款，而測試模式讓您可以使用虛擬數據來處理事情。
如果您想使用 Stripe，Payment Page 支持簡單的 Stripe 連接接口，它可以讓您設置所有內容，而無需使用 API 密鑰等。
或者，如果您只是在測試，您只需單擊一個按鈕即可繼續進入測試模式，而無需進行任何更高級的設置：
設置完成後，您會在 WordPress 儀表板中看到一個指示器，告訴您已連接。
對於 PayPal，您需要輸入您的 API 密鑰，這有點複雜但仍然不算太糟糕（這不是支付頁面的錯——責怪 PayPal 沒有提供像 Stripe 這樣的靈活連接設置）：
2.配置支付網關
連接首選支付網關後，您將獲得一些基於該網關的額外選項。
對於 Stripe，您只需單擊切換按鈕即可輕鬆啟用其他網關，例如 Apple Pay 和 Google Pay：
3. 選擇您的模板
接下來，您可以選擇付款頁面的模板。 如果願意，您還可以使用 Elementor 從頭開始設計您的付款頁面。
同樣，支付頁面的一個獨特之處在於它不僅僅是提供支付表格，而是為不同的用例（如企業、自由職業者、非營利組織等）提供完整的支付頁面設計。
支付頁面目前提供三種不同的免費版模板和 11 種以上的付費版模板。 您只需單擊一個按鈕即可導入模板：
導入模板後，您可以像使用 Elementor 設計的任何其他頁面一樣對其進行編輯。 這也是您自定義付款表格的地方。 說起…
4. 自定義您的付款表單功能
要自定義您的付款表單，您將使用專用的 Elementor 小部件。 這很方便，因為它允許您在自定義付款頁面其餘部分的設計時自定義表單。
首先，啟動 Elementor 編輯器。 如果您導入了付款頁面模板，您將編輯該模板頁面。 如果您不想使用模板頁面，您可以使用 Elementor 創建一個新頁面。
然後，編輯 Payment Page – Form 小部件（如果您正在創建新設計，則將小部件添加到頁面）。
然後，您可以使用小部件的許多選項來完全自定義您的付款方式：
以下是您可以自定義的許多內容中的一些：
- 在使用在線支付表單或彈出表單之間進行選擇。
- 添加人們可以選擇的無限付款計劃。 每個計劃都可以有不同的價格、付款頻率（對於定期付款），甚至是貨幣（對於多幣種付款選項）。
- 按表單啟用付款方式。 例如，信用卡、借記卡、Google Pay、Apple Pay 等。
- 選擇要顯示的表單字段以從客戶那裡收集未付款信息。 例如，他們的姓名、電子郵件地址等。
- 調整貨幣選項，例如是否讓人們按貨幣過濾。
- 添加訂閱過濾器，讓人們在一次性或定期付款選項之間切換。
- 自定義提交按鈕。 您還可以包含動態信息。 例如“立即支付 [貨幣符號] [金額]”。
- 提交操作後選擇。 您可以發送電子郵件、將用戶重定向到頁面和/或顯示動態消息。
讓我們看一下兩個最重要的設置。
首先，定價計劃設置允許您為表單配置所有不同的定價選項。 對於每個選項，您可以選擇自定義頻率和貨幣。 您還可以為每個選項選擇要顯示的字段並自定義顯示這些字段的模板：
接下來，表單字段設置允許您控制在所需付款字段之外顯示哪些表單字段。 您可以根據需要使用它從客戶那裡收集其他信息：
所有其他設置都同樣詳細 - 這個 Elementor 小部件確實是插件的核心。
該小部件還可以輕鬆創建多個付款表單，因為您可以基於每個表單自定義所有這些設置。
如果您正在創建多個表單，您可能會遇到想要在非 Elementor 頁面上包含表單的情況。 雖然在我們審查時該插件不包含內置選項，但您可以通過使用 Elementor 設計模板然後使用 Elementor Pro 的 Embed Anywhere 功能嵌入表單來完成它。
5. 自定義您的付款表單設計
該插件的 Elementor 小部件方法的另一個優點是您還可以使用 Elementor 來自定義表單的設計。 您可以從小部件的樣式選項卡中執行此操作，就像任何其他 Elementor 小部件一樣。
您將獲得自定義高級表單、單個表單字段等的選項：
與其他 Elementor 小部件一樣，您還可以獲得響應式控件來調整付款表單在不同設備上的顯示方式。
您還可以使用“高級”選項卡中的選項來自定義間距和其他詳細信息，就像任何其他 Elementor 小部件一樣。
6. 管理付款
至此，您就完成了！ 您可以通過您創建的表格開始接受付款。 您可以在測試模式下自行測試。 然後，當您想接受真實付款時，請確保切換到實時模式。
要查看和管理個人付款，您將使用您選擇的網關（Stripe 或 PayPal）。 您還可以將付款頁面配置為向您發送每次付款的通知電子郵件，以便您擁有另一條記錄。 您可以從小部件設置中的“提交後操作”選項進行設置。
支付頁面定價
付款頁面使用免費增值計費模式。
這意味著 WordPress.org 上提供了該插件的免費版本，以及為需要訪問更多功能的人提供的高級版本。
一般來說，如果您只需要通過信用卡/借記卡進行簡單的一次性付款，免費版本就可以使用。 但是，如果您需要訪問以下內容，則需要高級版本：
- 定期訂閱計劃。
- 所有額外的 Stripe 和 PayPal 方法。 例如，免費版允許您通過 Stripe 接受信用卡/借記卡付款，但您需要高級版才能使用 Apple Pay、Google Pay、Plaid 等選項。
- 自定義付款金額，以便人們可以輸入自己的金額（非常適合捐贈/支持者）。
- 訂閱和貨幣過濾器。
- 所有 Elementor 支付頁面模板 – 免費版可讓您訪問三個模板，而付費版可解鎖所有 11 個模板。
高級版有三個許可證。 所有這些都使您可以訪問所有功能以及一年的支持和更新 - 唯一的區別是您可以激活高級功能的站點數量：
- 一個網站——99 美元。
- 三個站點——179 美元。
- 25 個站點——599 美元。
開發商還為 WP Mayor 讀者提供 15% 的特別折扣，使這些價格更便宜：
所有計劃還提供30 天退款保證，因此您的購買沒有風險。
付款頁面的最終想法
總體而言，付款頁面通過美觀的付款頁面可以很容易地快速啟動和運行。
如果您喜歡 Elementor，無需離開 Elementor 界面即可配置所有內容非常方便。 您可以導入模板，從 Elementor 自定義支付表單功能和設計，並在幾分鐘內擁有一個有效的支付頁面。
要記住的一件事是，至少目前，該插件依賴於 Elementor。 因此，如果您不想使用 Elementor，那將是需要考慮的事情。 很高興看到該插件為原生 WordPress 編輯器添加了類似的支持，以便您還可以使用塊自定義付款表單。
不過，總的來說，如果您正在使用 Elementor（或願意使用 Elementor），付款頁面可以讓您很容易地開始使用靈活、時尚的形式接受付款。
如果您想嘗試一下，可以從 WordPress.org 安裝免費版本。 然後，考慮升級到高級版本以訪問定期支付、更多支付網關和其他有用的功能。