如何向您的 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