How to Add Stripe Donate Button in WordPress (With Recurring Option):-Do you wish to add Stripe donate button in your WordPress site? Stripe is one of the best payment gateway systems because it enables anyone to easily accept payments including donations on their website.
Previously you have to use an ecommerce plugin to accept payments but that’s not needed anymore specifically if you want to collect donations or sell products. You just need a simple payment form and gateway to do the job.
In this post, we are going to show you how you can easily add stripe donation button to your wordpress website.
What you need on your site to accept stripe donations?
Firstly you need to signup for a Stripe account. You can create a free account and will be charged for transactions only. Also you need a website with SSL enabled. SSL adds security to your website and make it safe and convenient to accept payments.
In last you need a WordPress extension to connect with your Stripe account. Here we are using WP Forms which is one of the most WordPress form plugin.
The plugin comes with built-in Stripe addon that enables you to accept donations, subscription payments, and one-time payment on your website. You need to take their pro plan to get access of Stripe addon.
How to Add Stripe Donate Button in WordPress (With Recurring Option)
Adding Stripe Button in WordPress:-
The initial thing you need to do is to install & activate WPForms plugin. After activation visit WPForms>>Settings page and enter license key.
Next visit WPForms>> Addons page and click “Install Addon” button next to stripe addon.
Now WPForms will install & activate Stripe add-on for you. Let’s connect WPForms to Stripe account to receive payment. To do that you have to visit WPForms>> Settings page and click on payments.
Now you will be asked for Stripe API Key which you find under Stripe dashboard. Login to your Stripe account and from left side menu choose Developers>> API Keys.
You need two pairs of keys for published site and for testing. First you will see published key. Copy and paste the public key and then click on Reveal key token to copy and paste the publishable secret key.
Next, add the test keys, Tap on “View test data” toggle and copy & paste the API keys. Enable test mode from payment settings. This allows you to test stripe integration without actual payments. However you can disable or uncheck this option when your site is ready for accept donations. Click on save settings to store the changes.
Making Stripe Donation Form in WordPress:-
Visit the WP Forms >> Add New page to create new form. You are asked to enter page title and then select a template. You require choosing “Donation Form” template.
This will launch a form builder interface with donation template. This form already has some common fields such as name, email, donation amount and message. This is a drag and drop page builder and you are allowed to click and edit them, rearrange form fields or add new fields from left column.
Since you are creating a payment form you need to add credit card field to your form. You’ll find it on left side payment options.
Simple click on the field to and drag & drop it to rearrange in the form. Once you are done with the form, Click on payments tab in the left corner to edit payment settings. From here you need to choose Stripe as your payment method and check the box to enable stripe payment option.
You can provide payment description and select the email field if you want to send a receipt to donor for payment.
WPForms also support recurring payments and you can use this feature to setup recurring donations or subscriptions. Next step is to setup confirmation settings. Click on settings>> and select confirmation option.
From here you can choose various kind of confirmation options. For instance- you can display simple thank you message or redirect them to thank you page. Once done, Tap on save button and exit from form builder.
Adding the Stripe Donation Form in WordPress:
WPForms make it easy to add form anywhere on your site. Simply edit the page or post and add the WPForms block to content and choose the donation form you build earlier.
Now WPForms will fetch & embed donation form for you. You can update the page and visit it to see the changes. Also you can add donation form to widgets or sidebar.