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