如何在WordPress中添加Stripe Donate按钮（具有重复选项）

按钮（具有重复选项）"/>

如何在WordPress中添加Stripe Donate按钮（具有重复选项）

Do you want to add a Stripe donate button to your WordPress site? Stripe is one of the best online payment processors in the world because it allows anyone to easily accept online payments on their website including donations.

您是否要向您的WordPress网站添加Stripe donate按钮？ Stripe是世界上最好的在线支付处理商之一，因为它允许任何人轻松地在其网站上接受在线支付，包括捐赠。

In the past, you had to use an eCommerce plugin to accept payments, but that’s not needed anymore specially if you want to collect donations or sell a few products. You can use a simple payment form to do the job.

过去，您必须使用电子商务插件来接受付款，但是如果您想收集捐款或出售一些产品，就不再需要了。 您可以使用简单的付款表格来完成这项工作。

In this article, we will show you how to easily add a Stripe donate button in WordPress.

在本文中，我们将向您展示如何轻松地在WordPress中添加Stripe donate按钮。

您需要在网站上接受条纹捐赠的内容 (What You Need to Accept Stripe Donations on Your Website)

You’ll need to create a Stripe account. You can create an account for free and will only be charged for transactions.

您需要创建一个Stripe帐户。 您可以免费创建一个帐户，只收取交易费用。

You’ll also need a WordPress website with SSL enabled. SSL adds a security layer to your website making it safe for accepting payments. To learn more, see our guide on how to get a free SSL certificate for your website.

您还需要启用SSL的WordPress网站 。 SSL为您的网站添加了安全层，使其可以安全地接受付款。 要了解更多信息，请参阅我们的指南， 了解如何为您的网站获取免费的SSL证书 。

Lastly, you’ll need a WordPress extension to connect your Stripe account. We’ll be using WPForms, which is the best WordPress form plugin.

最后，您将需要一个WordPress扩展名来连接您的Stripe帐户。 我们将使用WPForms ，这是最好的WordPress表单插件 。

It comes with a Stripe addon that allows you to accept donations, one-time payments, and even subscription payments on your website. You’ll need at least their PRO plan to access the Stripe add-on.

它带有Stripe插件，可让您在网站上接受捐赠，一次性付款，甚至订阅付款。 您至少需要他们的PRO计划才能访问Stripe附加组件。

That being said, let’s take a look at how to add a Stripe donate button in WordPress.

话虽如此，让我们来看看如何在WordPress中添加Stripe donate按钮。

影片教学 (Video Tutorial)

演示地址

If you don’t like the video or need more instructions, then continue reading.

如果您不喜欢该视频或需要更多说明，请继续阅读。

在WordPress中添加Stripe Donate按钮 (Adding The Stripe Donate Button in WordPress)

First thing you need to do is install and activate the WPForms plugin. For more details, see our step by step guide on how to install a WordPress plugin.

您需要做的第一件事是安装并激活WPForms插件。 有关更多详细信息，请参阅有关如何安装WordPress插件的分步指南。

Upon activation, you need to visit WPForms » Settings page to enter your license key. You can find this information, under your account on WPForms website.

激活后，您需要访问WPForms»设置页面以输入许可证密钥。 您可以在WPForms网站上的帐户下找到此信息。

Next, you need to visit WPForms » Addons page and click on the ‘Install Addon’ button next to the Stripe addon.

接下来，您需要访问WPForms»插件页面，然后单击Stripe插件旁边的“安装插件”按钮。

WPForms will now install and activate the Stripe add-on for you.

WPForms现在将为您安装并激活Stripe加载项。

Now let’s connect WPForms to your Stripe account to receive payments. To do that you need to visit WPForms » Settings page and click on the Payments tab.

现在，将WPForms连接到您的Stripe帐户以接收付款。 为此，您需要访问WPForms»设置页面，然后单击付款选项卡。

You will be asked to enter your Stripe API keys, which you can find under your Stripe dashboard.

系统将要求您输入您的Stripe API密钥，您可以在Stripe仪表板下找到它。

Simply log in to your Stripe account dashboard and from the left menu select Developers » API Keys.

只需登录您的Stripe帐户仪表板，然后从左侧菜单中选择Developers»API Keys 。

You need two pairs of keys for the published website and for testing.

您需要两对密钥才能用于已发布的网站和进行测试。

First, you’ll see the publishable keys on the screen. Copy and paste the public key and then click on ‘Reveal key token’ to copy and paste the publishable secret key.

首先，您将在屏幕上看到可发布的键。 复制并粘贴公共密钥，然后单击“显示密钥令牌”以复制并粘贴可发布的密钥。

Next, you need to add the test keys. Click on the ‘View test data’ toggle and then copy and paste the test API keys.

接下来，您需要添加测试键。 单击“查看测试数据”切换按钮，然后复制并粘贴测试API密钥。

Now that you have pasted the API keys, you can optionally enable the test mode from payment settings.

现在您已经粘贴了API密钥，您可以选择从付款设置中启用测试模式。

This will allow you to test Stripe integration without actual payments. However, you must uncheck this option when your website is ready for accepting donations on your website.

这将使您无需实际付款即可测试Stripe集成。 但是，当您的网站准备好接受网站上的捐赠时，必须取消选中此选项。

Don’t forget to click on the ‘Save settings’ button to store your changes.

不要忘记单击“保存设置”按钮来存储您的更改。

Now that you have set up the payments, it is time to create a Stripe donate form for your website.

现在您已经设置了付款，是时候为您的网站创建Stripe donate表格了。

在WordPress中制作条纹捐赠表格 (Making a Stripe Donation Form in WordPress)

First, you need to visit the WPForms » Add New page to create a new form. You will be asked to provide a title for your form and choose a template. You need to select the ‘Donation Form’ template.

首先，您需要访问WPForms»Add New页面以创建一个新表单。 系统将要求您提供表单标题并选择模板。 您需要选择“捐赠表格”模板。

This will launch the WordPress forms builder interface with your selected donations form template. This template will already have the common fields required to create a donation form like name, email, donation amount, and message.

这将使用您选择的捐赠表单模板启动WordPress表单构建器界面。 该模板将已经具有创建捐赠表格所需的公共字段，例如姓名，电子邮件，捐赠金额和消息。

This is a drag and drop form builder. You can edit form fields by clicking on them, rearrange them, or add new fields from the left column.

这是一个拖放表单生成器。 您可以通过单击，重新排列或从左栏中添加新字段来编辑表单字段。

Since you are creating a Stripe payments form, you need to add a credit card field to your form. You’ll find it under ‘Payments Fields’ section on the left column.

由于您正在创建条纹付款表单，因此需要在表单中添加信用卡字段。 您可以在左列的“付款字段”部分下找到它。

Simply click to add the field to your form and then drag and drop to rearrange its position in the form.

只需单击以将字段添加到表单中，然后拖放以重新排列其在表单中的位置。

Once you are satisfied with the form, click on the Payments tab in the left corner to edit the payment settings. From here you need to select Stripe as your payment method and then check the box next to ‘Enable Stripe Payments’ option.

对表格满意后，单击左上角的“付款”标签以编辑付款设置。 在这里，您需要选择Stripe作为付款方式，然后选中“启用Stripe付款”选项旁边的框。

You can provide a description for the payment and select the email field if you want to send the donors a receipt of the payment.

您可以提供付款说明，如果要向捐赠者发送付款收据，请选择电子邮件字段。

WPForms also supports recurring payments. You can use this option to set up recurring donations or subscriptions.

WPForms还支持定期付款。 您可以使用此选项来设置定期捐款或订阅。

The next step is to setup confirmation settings. This is what your users will see after they fill the form.

下一步是设置确认设置。 这是您的用户填写表单后将看到的内容。

Click on the Settings tab and then select the confirmation option.

单击设置选项卡，然后选择确认选项。

From here you can select different types of confirmation options. For example, you can thank users with a simple message, or redirect them to a thank you page or any other URL.

在这里，您可以选择不同类型的确认选项。 例如，您可以通过一条简单的消息来感谢用户，或将他们重定向到“感谢页面”或任何其他URL。

Once done, click on the save button and exit the form builder.

完成后，单击保存按钮并退出表单构建器。

在WordPress中添加条纹捐赠表格 (Adding The Stripe Donation Form in WordPress)

WPForms makes it super easy to add your forms anywhere on your website.

WPForms使您可以轻松地在网站上的任何位置添加表单。

Simply edit the post or page where you want to add the donation form. Next, add the WPForms block to your content and select the donation form you created earlier.

只需编辑您要添加捐赠表格的帖子或页面。 接下来，将WPForms块添加到您的内容中，然后选择您之前创建的捐赠表单。

WPForms will now fetch and embed the form for you. You can now visit your website to see it in action.

WPForms现在将为您获取并嵌入该表单。 现在，您可以访问您的网站以查看其运行情况。

You can also add the donation form to your blog’s sidebar or any other widget ready area. Head over to Appearance » Widgets page and add WPForms widget to a sidebar.

您还可以将捐赠表单添加到博客的侧边栏或任何其他可用于小部件的区域。 转到外观»小部件页面，并将WPForms小部件添加到侧边栏。

Next, you need to select your Stripe donation form in the widget settings. Don’t forget to click on the Save button to store your widget settings.

接下来，您需要在小部件设置中选择Stripe捐赠表单。 不要忘记单击“保存”按钮来存储小部件设置。

We hope this article helped you easily add a Stripe donate button to your WordPress site. You may also want to see our guide on the must have WordPress plugins for every website.

我们希望本文能帮助您轻松地将Stripe donate按钮添加到WordPress网站。 您可能还希望在每个网站上都必须具有WordPress插件的地方查看我们的指南。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

如果您喜欢这篇文章，请订阅我们的YouTube频道 WordPress视频教程。 您也可以在Twitter和Facebook上找到我们。

翻译自: /