WPBeginner

Beginner's Guide for WordPress

  • Blog
    • Beginners Guide
    • News
    • Opinion
    • Showcase
    • Themes
    • Tutorials
    • WordPress Plugins
  • Start Here
    • How to Start a Blog
    • Create a Website
    • Start an Online Store
    • Best Website Builder
    • Email Marketing
    • WordPress Hosting
  • Deals
    • Bluehost Coupon
    • SiteGround Coupon
    • WP Engine Coupon
    • HostGator Coupon
    • Domain.com Coupon
    • Constant Contact
    • View All Deals »
  • Glossary
  • Videos
  • Products
X
☰
Beginner's Guide for WordPress / Start your WordPress Blog in minutes
Choosing the Best
WordPress Hosting
How to Easily
Install WordPress
Recommended
WordPress Plugins
View all Guides

WPBeginner» Blog» Plugins» How to Add Stripe Donate Button in WordPress (with Recurring Option)

How to Add Stripe Donate Button in WordPress (with Recurring Option)

Last updated on June 8th, 2019 by Editorial Staff
127 Shares
Share
Tweet
Share
Pin
Special WordPress Hosting offer for WPBeginner Readers
How to Add Stripe Donate Button in WordPress (with Recurring Option)

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.

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.

Adding a Stripe donate button in WordPress posts and pages

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.

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.

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

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.

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

Video Tutorial

Subscribe to WPBeginner

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

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.

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.

Add WPForms license key

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

Install Stripe addon

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

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.

Stripe payment settings

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

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

Stripe 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.

Stripe publishable keys

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

Test api keys

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

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 keys in WPForms

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.

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.

Create a donation form

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.

Editing the donation form in WPForms

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.

Adding Stripe credit card field to your form

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.

Enable payment option

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.

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.

Set up confirmation

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.

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

Adding The Stripe Donation Form in WordPress

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

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.

Add donation form to your WordPress post or page

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

Stripe donation form preview

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.

Adding a donation form to sidebar

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.

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.

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.

127 Shares
Share
Tweet
Share
Pin
Popular on WPBeginner Right Now!
  • Revealed: Why Building an Email List is so Important Today (6 Reasons)

    Revealed: Why Building an Email List is so Important Today (6 Reasons)

  • Error Establishing a Database Connection in WordPress

    How to Fix the Error Establishing a Database Connection in WordPress

  • Checklist

    Checklist: 15 Things You MUST DO Before Changing WordPress Themes

  • Google Analytics in WordPress

    How to Install Google Analytics in WordPress for Beginners

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. Trusted by over 1.3 million readers worldwide.

The Ultimate WordPress Toolkit

4 Comments

Leave a Reply
  1. Myriam says:
    Aug 8, 2019 at 5:32 am

    Hi, Nice article but you were a bit vague on how the recurring option is set up and works.

    Reply
    • WPBeginner Support says:
      Aug 8, 2019 at 10:42 am

      Thanks for your feedback, we’ll be sure to look into that when we update the article :)

      Reply
  2. Bathri Vijay says:
    Jun 9, 2019 at 4:15 am

    Thanks for your ultimate article, it is really amazing.

    Reply
    • WPBeginner Support says:
      Jun 10, 2019 at 1:05 pm

      You’re welcome, glad you like our content :)

      Reply

Leave a Reply Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Over 1,320,000+ Readers

Get fresh content from WPBeginner

Featured WordPress Plugin
RafflePress - WordPress Giveaway and Contest Plugin
RafflePress
Giveaway and Contest Plugin for WordPress. Learn More »
How to Start a Blog How to Start a Blog
I need help with ...
Starting a
Blog
WordPress
Performance
WordPress
Security
WordPress
SEO
WordPress
Errors
Building an
Online Store
Useful WordPress Guides
    • 7 Best WordPress Backup Plugins Compared (Pros and Cons)
    • How to Fix the Error Establishing a Database Connection in WordPress
    • Why You Need a CDN for your WordPress Blog? [Infographic]
    • 25 Legit Ways to Make Money Online Blogging with WordPress
    • Self Hosted WordPress.org vs. Free WordPress.com [Infograph]
    • Free Recording: WordPress Workshop for Beginners
    • 24 Must Have WordPress Plugins for Business Websites
    • How to Properly Move Your Blog from WordPress.com to WordPress.org
    • 5 Best Contact Form Plugins for WordPress Compared
    • Which is the Best WordPress Popup Plugin? (Comparison)
    • Best WooCommerce Hosting in 2019 (Comparison)
    • How to Fix the Internal Server Error in WordPress
    • How to Install WordPress - Complete WordPress Installation Tutorial
    • Why You Should Start Building an Email List Right Away
    • How to Properly Move WordPress to a New Domain Without Losing SEO
    • How to Choose the Best WordPress Hosting for Your Website
    • How to Choose the Best Blogging Platform (Comparison)
    • WordPress Tutorials - 200+ Step by Step WordPress Tutorials
    • 5 Best WordPress Ecommerce Plugins Compared
    • 5 Best WordPress Membership Plugins (Compared)
    • 7 Best Email Marketing Services for Small Business (2019)
    • How to Choose the Best Domain Registrar (Compared)
    • The Truth About Shared WordPress Web Hosting
    • When Do You Really Need Managed WordPress Hosting?
    • 5 Best Drag and Drop WordPress Page Builders Compared
    • How to Switch from Blogger to WordPress without Losing Google Rankings
    • How to Properly Switch From Wix to WordPress (Step by Step)
    • How to Properly Move from Weebly to WordPress (Step by Step)
    • Do You Really Need a VPS? Best WordPress VPS Hosting Compared
    • How to Properly Move from Squarespace to WordPress
    • How to Register a Domain Name (+ tip to get it for FREE)
    • HostGator Review - An Honest Look at Speed & Uptime (2019)
    • SiteGround Reviews from 1032 Users & Our Experts (2019)
    • Bluehost Review from Real Users + Performance Stats (2019)
    • How Much Does It Really Cost to Build a WordPress Website?
    • How to Create an Email Newsletter the RIGHT WAY (Step by Step)
    • 7 Best CRM Software for Small Businesses (Compared)
    • How to Create a Free Business Email Address in 5 Minutes (Step by Step)
    • How to Install Google Analytics in WordPress for Beginners
    • How to Move WordPress to a New Host or Server With No Downtime
    • Why is WordPress Free? What are the Costs? What is the Catch?
    • How to Make a Website in 2019 – Step by Step Guide
Deals & Coupons (view all)
WPEngine
WP Engine Coupon
Get 20% OFF on all WP Engine hosting plans or 4 months free on annual payment.
Visual Composer
Visual Composer Coupon
Get 20% OFF on Visual Composer WordPress page builder plugin.
Featured In
About WPBeginner®

WPBeginner is a free WordPress resource site for Beginners. WPBeginner was founded in July 2009 by Syed Balkhi. The main goal of this site is to provide quality tips, tricks, hacks, and other WordPress resources that allows WordPress beginners to improve their site(s).

Site Links
  • About Us
  • Contact Us
  • FTC Disclosure
  • Privacy Policy
  • Terms of Service
  • Free Blog Setup
Our Sites
  • OptinMonster
  • MonsterInsights
  • WPForms
  • SeedProd
  • Nameboy
  • RafflePress

Copyright © 2009 - 2019 WPBeginner LLC. All Rights Reserved. WPBeginner® is a registered trademark.

Managed by Awesome Motive | WordPress hosting by HostGator | WordPress CDN by MaxCDN | WordPress Security by Sucuri.