如何向您的 Divi 網站添加 PayPal 捐贈按鈕

你需要錢。 也許是為了你自願參加的非營利組織，一隻新小狗的收養費。 或者也許是你試過的最舒適的一雙跑鞋。 原因（大部分）並不重要。 重要的是你有一個網站，有一群愛你的觀眾。 他們希望你得到那隻小狗。

輸入 Paypal 捐贈按鈕，這可能是您可用的最簡單、低維護的籌款解決方案之一。 由於您使用 WordPress 構建了您的網站，因此實現該按鈕非常簡單。

入門

訂閱我們的 YouTube 頻道

您應該做的第一件事是前往 Paypal 的籌款頁面並選擇最適合您需求的捐贈按鈕類別：

• 非營利組織
• 學校
• 政治的
• 個人的

幾乎所有你需要捐贈按鈕的東西都應該屬於這些類別之一。 在本教程中，我們將說您是出於個人原因（我之前提到的那隻很棒的小狗）進行籌款。 所有選擇的過程都是相似的。

選擇個人後

在下一頁上，向下滾動，直到看到“了解創建捐贈按鈕”的文字，然後單擊它。

這將打開一個模式，您將在其中單擊這兩個鏈接之一。 它們會將您帶到同一頁面，因此這實際上只是一個偏好問題。

創建按鈕

當您單擊鏈接以創建捐贈按鈕時，它會將您帶到神奇發生的頁面。 但是，您應該注意，Paypal不會提示您登錄。重複：Paypal不會提示您登錄。您將能夠在該過程結束時進行登錄，但此時不要對此感到緊張——沒有任何問題。

第1步

創建 Paypal 捐贈按鈕的第一件事實際上是使其成為“捐贈”按鈕。 默認設置為“購物車”，但如果您單擊步驟 1 左上角的下拉菜單，您可以將其更改為“捐贈”。 就像我說的，很簡單，對吧？

使用該設置，您將為捐贈按鈕輸入您的網站或組織信息。 由於您虛構的籌款活動是通過您的網站收養一隻可愛的小狗，因此您需要填寫網站名稱和用於跟踪每筆捐款的可選 ID。

輸入信息後，您就可以開始自定義按鈕了。 在大多數情況下，您想要改變的並不多。 這都是非常基本的東西，例如選擇按鈕將使用的國家和語言、大小以及是否顯示信用卡標誌。 所有這些選擇都基於您打算如何在您的網站上集成按鈕。

您還可以使用託管在您自己網站上的圖像作為按鈕，假設您有一位平面設計師製作了一個令人敬畏的可愛小狗的動畫 gif 供人們點擊。 然而，今天我們沒有。

您只需要選擇您的貨幣類型，是否要指定特定的捐款金額，以及您希望將捐款發送到哪個電子郵件。

如果您有 Paypal 帳戶，則應在此處登錄。 如果沒有，請創建一個，以便您受到 PayPal 的各種保護。 （如果您選擇不使用 Paypal 帳戶，只需輸入您的電子郵件，您仍然可以通過 Paypal 接收捐款，而無需任何額外的安全保護。）

登錄後，您應該看到：

您使用哪個選項取決於您，但使用商家代碼可提供更多保護，因為您的電子郵件地址不會包含在按鈕代碼本身中。 垃圾郵件發送者和網絡釣魚者可以獲取您電子郵件的地方越少越好，對吧？

您幾乎已準備好將您的 Paypal 捐贈按鈕放入 WordPress！

可選步驟 2 和 3

如果您有 Paypal Business 帳戶，您可以在跟踪、庫存管理和結帳定制方面做更多的事情，但由於我們正在處理捐贈，因此大多數選項與我們無關。

貝寶捐贈按鈕代碼

在下一頁上，您最終將獲得 WordPress 網站上的捐贈按鈕代碼，以及該按鈕對用戶的外觀示例。

單擊“選擇代碼”以突出顯示您的代碼並按 CTRL-C（如果您在 Windows 上），CMD-C 在 Mac 上，或右鍵單擊突出顯示的文本並從上下文菜單中選擇“複製”。 選擇你的毒藥。

複製代碼後，導航到 WordPress 儀表板。 這是事情可能會有所不同的地方，因為每個人都希望他們的 Paypal 捐贈按鈕位於不同的位置，但總體思路是相同的。

對於 Divi 用戶，我們為您提供了很多選擇。

帖子上方或下方

要將您的 Paypal 捐贈按鈕放在博客文章的開頭或結尾，請導航到您的 Divi 主題選項並進入集成選項卡。

當您向下滾動一點時，您將看到標記為“將代碼添加到帖子頂部”和“將代碼添加到帖子底部，在評論之前”的文本區域。

他們所做的事情是不言自明的。

發帖前：

發布後：

請記住，這些按鈕完全沒有樣式，所以如果你想讓它做的不僅僅是坐在那裡，我建議將 Paypal 提供的代碼包裝成這樣：

<div class=”paypal-donate”> PAYPAL DONATE BUTTON CODE GOES HERE </div>

完成後，您可以使用 CSS 隨意操作和定位按鈕。

逐個帖子或逐頁

如果您不希望該按鈕出現在您網站上的每個帖子之前或之後，您可以通過使用 Divi 代碼模塊更有選擇性。 此外，您可以使用代碼模塊將按鈕添加到頁面，這不會受到前一種方法的影響。

打開“插入模塊”窗口並選擇代碼模塊開始。

像以前一樣，只需將 Paypal 生成的代碼粘貼到模塊的設置中即可。 不過，這裡沒有必要將它包裝在一個 div 中。 您只需使用“高級”選項卡中“自定義 CSS”下的“主要元素”部分來操作您希望按鈕在帖子或頁面中的顯示方式。

在側邊欄中

Paypal 捐贈按鈕最常見的地方可能是側邊欄。 它顯示在您想要的每個頁面和帖子上，但不會中斷您的內容流。 此外，自定義非常容易！ 只需返回您的儀表板，然後單擊外觀 > 小部件。

接下來，單擊“文本”小部件並將其添加到側邊欄中的任何您想要的位置。 請記住，WordPress 4.8 改變了多年來的文本小部件。 我們現在有一個富文本編輯器，我們不想使用它。

在將您的捐贈按鈕代碼粘貼到此處之前，請確保您的意思是我們需要單擊“文本”選項卡。 （也不需要使用代碼按鈕。）

文本選項卡的工作方式與舊的 4.8 之前的文本小部件幾乎相同（除了包含代碼按鈕。只需輸入您的 HTML 並點擊保存。瞧，您的側邊欄頂部有一個金錢按鈕！

您不必僅在側欄中包含此小部件。 您可以按照相同的步驟將按鈕添加到支持頁眉或頁腳小部件的主題。

你準備好拿到這筆錢了！

現在您已完全準備好向您的 WordPress 網站添加 Paypal 捐贈按鈕！ 無論您的網站正在運行什麼主題，或者您出於什麼目的捐款，您都可以順利進行。 （但讓我們彼此坦誠相待——它仍然是為一隻小狗準備的，對吧？）。

文章圖片縮略圖來自 mohamed1982eg / pixabay.com