如何為您的 WordPress 網站創建 PayPal 捐贈按鈕?

已發表: 2022-10-06

向在各種情況下需要經濟援助的教堂、政治運動、非營利組織和博主募集捐款是適當的。 有許多 WordPress 插件可用於收款,但最常見的只是一個簡單的 PayPal Donate 按鈕即可。

此按鈕可以放置在您網站的任何位置,包括主頁、頁腳、側邊欄或博客。 它公開了一個按鈕,網站用戶可以點擊該按鈕通過 PayPal 平台捐款。 用戶被短暫重定向離開您的網站。 進入 PayPal 頁面後,用戶可以選擇使用信用卡或 PayPal 帳戶進行捐贈。 關於費用:

  • 貝寶捐贈按鈕可以免費使用。
  • 交易費為 2.9% 加 0.30 美元。
  • 貢獻者不收取任何費用,也沒有任何月費。
  • 使用 iPad 和刷卡器親自收集捐款時,需要支付 2.7% 的交易費。

PayPal 捐贈按鈕的兩個選項

有兩種方法可以創建 PayPal 按鈕。 第一種方式需要直接訪問 PayPal 網站並獲取一個現成的捐贈按鈕。 連接 PayPal 帳戶後,該按鈕將嵌入您網站上任何您想要的位置。

第二種方法是使用 WordPress 插件創建一個按鈕。 我們提供了以下每個步驟的步驟,因為這兩種方法都可以很好地工作。 此外,還有一些用於電子商務解決方案的額外插件。

第一選擇:貝寶網站的捐贈按鈕
選項 2:WordPress 插件和 PayPal 捐贈按鈕

選項 1:通過 PayPal 網站向 WordPress 捐款

訪問 PayPal 籌款活動的網站。 將 PayPal 捐贈按鈕添加到您的網站的價格和功能都列在此頁面上。

沒有貝寶賬戶

如果您還沒有 PayPal 帳戶,請單擊“立即開始”按鈕打開一個 PayPal 帳戶(否則,請跳過下方)

  • 可以選擇個人或企業帳戶。 選擇下一步。
  • 輸入您的聯繫信息,包括您的姓名和電子郵件地址。 要繼續,請輸入密碼並單擊下一步。
  • 輸入您的地址和電話號碼並接受條款和條件後,選擇同意並創建帳戶選項。

現有的貝寶賬戶
要了解有關創建捐贈按鈕的更多信息,如果您已經擁有 PayPal 帳戶,請點擊該鏈接。

步驟1
選擇創建按鈕的鏈接。

第2步
從“創建 PayPal 付款按鈕”頁面中選擇“捐贈”按鈕類型。

第 3 步
組織名稱字段中必須有信息。 您可以修改您的 PayPal 捐贈按鈕在其下方顯示給網站訪問者的方式。 在本節中,您可以選擇是使用小按鈕還是大按鈕、顯示信用卡徽標,甚至提交您的按鈕圖像。

選擇您要接受的付款方式。 接下來,決定你想如何接受捐款。 允許客戶輸入他們想要的捐款金額是一種方法。 另一種方法是顯示固定金額,這可能會導致更大的捐款,因為您正在向個人提供建議。

您還應該選擇此處的框,以表明您是要使用您的主電子郵件地址還是您的安全商家帳戶 ID 進行付款。 如果您想隱藏您的電子郵件地址,我們建議您使用您的商家帳戶 ID。

第4步
確保在 PayPal“步驟 2”模塊上選中 PayPal 框中的保存按鈕。 這可以保護您的按鈕免受未經授權的收費,並存儲個性化按鈕以供後續使用。

步驟 5(可選)
無需此步驟,PayPal 捐贈按鈕即可完美運行。 不過,出於您的特定原因,您可能需要更改一些內容。

這些是您的選擇:

如果資金可用於您組織的特定項目或事物,那麼能夠接收來自捐贈者的信息會很有幫助。

向投稿人索取收貨地址——如果您打算為捐贈發送禮物或感謝信,那麼提供收貨地址會很有幫助。

當捐贈者取消或完成捐贈時,將捐贈者發送到外部 URL——這指示 PayPal 將他們發送到您網站上的頁面,而不是標準的 PayPal 完成頁面。 如果您的網站提供特定的感謝頁面或免費下載的禮物,則此選項非常棒。

配置高級功能(或完全省略它們)後,單擊底部附近的創建按鈕。

第 6 步
您必須複製並粘貼到 WordPress 網站的網站代碼顯示在下一頁上。 要突出顯示整段代碼,請單擊“選擇代碼”按鈕。 然後,從右鍵單擊代碼後出現的菜單中選擇複製。

第 7 步
激活 WordPress 儀表板。 您可以將 PayPal 捐贈按鈕的代碼添加到頁面、帖子或小部件上,這非常棒。 在此示例中,我們將引導您將其添加到頁面。

結果轉到頁面添加新。 如果您已經準備好捐贈頁面,只需導航到所有頁面並選擇適當的頁面即可。

給頁面一個標題,然後寫下你想在那裡出現的任何描述。 粘貼按鈕代碼時必須打開“文本編輯器”; 這是至關重要的。 添加代碼在可視化編輯器中不起作用。

進入文本編輯器,粘貼代碼。

如果您發布或預覽頁面,您現在可以在網站前端看到 PayPal 捐贈按鈕。

第 8 步
另一種方法是將您的 PayPal 按鈕包含在小部件中。 稱為小部件的較小模塊放置在您網站的頁眉、側邊欄或頁腳中。 當您希望 PayPal 捐贈按鈕出現在多個網站上時,它們會派上用場。

轉到外觀下的小部件。

在您的小部件列表中,查找自定義 HTML 小部件。 將該模塊放在頁眉、頁腳或側邊欄中。 您的 WordPress 主題將決定您可以在哪裡添加小部件,儘管您幾乎總是會獲得側邊欄和頁腳。

正確放置小部件後,單擊小部件上的向下箭頭符號(在本例中為常規頁面側邊欄)。

在標題字段中輸入小部件的描述。 然後,輸入您之前複製到內容字段中的 PayPal 按鈕的代碼。 要完成該過程並在您的網站上查看它,請確保單擊“保存”選項。

當您訪問它時,側邊欄現在應該出現在您網站的每個頁面上。 如果您將小部件放置在頁眉或頁腳中,情況也會相同。

這很可能是因為您在該頁面上沒有側邊欄或在某些頁面上看不到 PayPal 按鈕小部件。 為此,請在您的 WordPress 管理員中找到該頁面,然後向下滾動到側邊欄的位置部分。

選擇右或左,然後按發布按鈕。 WordPress 的主題可能會改變這一點。

選項 2:WordPress 插件和 PayPal 捐贈按鈕

上面顯示的方法是建立 PayPal Donate 按鈕的最有效方法。 您無需擔心更新其他插件或它如何影響性能,這就是原因。 話雖如此,我們知道並不是每個人都覺得編寫代碼很可怕,而且有些人更喜歡使用插件。 一個簡單的 PayPal 按鈕插件在這種情況下效果很好。

步驟1
有許多可用的 PayPal 捐贈插件,但是,PayPal Donations 是最可靠和用戶友好的插件之一。 截至撰寫本文時,它具有出色的 5 星評分(滿分 5 星)和超過 50,000 次活動安裝。

從 WordPress 存儲庫下載插件或在 WordPress 儀表板的“添加新”插件部分中查找它。 在搜索框中,輸入“PayPal 捐款”。 決定單擊立即安裝。 確保插件是正確的(帶有下面的徽標)。 其他插件具有類似的外觀。

在激活按鈕上,單擊。

第2步
現在是修改它的時候了。 在您的 WordPress 儀表板上,單擊設置 PayPal 捐贈。

在“常規”選項卡下輸入您的 PayPal 帳戶電子郵件。 只需填寫此字段,按鈕即可正常工作。 此外,您可以選擇貨幣、頁面佈局和退貨頁面。

儘管默認區域是可選的,但許多企業選擇填寫它以改善用戶體驗。 例如,您可能希望限制人們可以捐贈的金額。 如先前方法中所述,這為用戶提供了適合捐贈的金額的一般指示。 此外,您可以證明捐贈的合理性並引用來源。

您的按鈕應該是這個頁面上的最後一個問題。 共有三個不同尺寸的按鈕。 信用卡圖標出現在一種選擇中。 如果你有一個已經設計好的按鈕,你也可以輸入它的 URL。 在您離開此頁面之前,請務必單擊“保存”按鈕。

第 3 步
通過此插件,可以將 PayPal 捐贈按鈕作為小部件或短代碼插入。 首先,我們將介紹如何在您的網站上將按鈕添加為小部件。 在 WordPress 儀表板的左側,選擇設置小部件。

在主題小部件列表中,查找 PayPal 捐贈小部件。 根據您擁有的小部件替代品的數量,您可能需要向下滾動。 通過左鍵單擊並按住鼠標按鈕,將 PayPal 捐贈小部件拖動到邊欄、頁腳或頁眉模塊。

第4步
現在可以修改小部件。 該小部件已放置在此插圖的博客側邊欄部分。 當然,您可以決定哪個區域最適合您的網站。 小部件出現在側邊欄中後,您可以填寫許多字段。

歡迎您輸入標題和文本來感謝人們或概述他們按下按鈕時應該做什麼。 還有更多部分,例如一個用於您的事業目標,另一個用於參考。 輸入所有信息後,單擊“保存”按鈕。

您將訪問已發布的博客文章以查看側邊欄的運行情況,因為該指令將小部件放置在那裡。 在本例中,我們輸入的文本與 PayPal 捐贈按鈕、信用卡圖標和右側邊欄一起顯示。 當前發佈在網站上的每篇博文都包含此小部件。

第 5 步
使用簡碼是使用此 WordPress 插件製作 PayPal 捐贈按鈕的附加方法。 最短的代碼,短代碼可以放置在您網站的任何位置。 複製以下簡碼以開始使用:

找到將有捐贈按鈕的帖子或頁面。 使用簡碼時無需打開文本編輯器。 可視化編輯器效果很好。 進入編輯器,粘貼短代碼。

單擊“預覽”或“發布”按鈕後,您可以訪問網站的前端以查看按鈕的外觀。

最有可能的是,您將編輯頁面和文章以包含額外的內容和捐贈的理由。 但是,這些技術是您輕鬆創建 PayPal 捐贈按鈕的最佳選擇。 如您所見,PayPal 捐贈按鈕還帶有許多自定義選項。 因此,當消費者捐贈時,您可能希望重定向他們,或者您可能需要從捐贈者那裡收集更多數據。

所以你有它 - 如何在 WordPress 中製作一個 PayPal 捐贈按鈕!

索菲亞·威廉姆斯

Sophia Williams 是一位技術嫻熟的內容作家,她撰寫了關於各種主題的高質量文章,包括 WordPress 網站設計、WordPress 開發等等。 您可以訪問:了解更多詳情:https://www.nirmal.com.au/