Previously we showed you how to add a PayPal donate button in WordPress. Due to the increase in popularity of the Stripe platform, one of our users asked us how to add a Stripe donate button in WordPress without editing any theme files, or worrying about code. In this article, we will show you how to add a Stripe donate button in WordPress.
Video Tutorial
If you don’t like the video or need more instructions, then continue reading.
First thing you need to do is install and activate the Stripe Donations plugin (See how to install plugins in WordPress). Upon activation, you need to go to Settings » Stripe Donations to enter your Stripe API Keys.
You can get your Stripe API keys by logging into your Stripe account. Once logged in, you need to click on Your Account button at the top right corner of the screen which will show you a drop-down. Simply select Account Settings from the menu. This will open your Stripe account settings in a popup with different tabs. You need to click on API Keys tab to continue.
On your API Settings screen, you will see two sets of API keys. The first one is for testing purposes and the second one is to be used on a live website. If you are currently developing your website, and it is not yet available to public then use the test keys. If you’re ready to implement this on a live site, then use the live keys. You need to copy and paste your secret key and publishable key into the plugin’s settings page on your WordPress site.
Stripe Donations plugin is now ready, and all you need to do is add this shortcode in a page, post, or widget where you want to display the Stripe Donations button:
[ssd]
By default the donate button will accept $10 donations. To change the amount of donation, you can modify the shortcode like this:
[ssd amount="20"]
That’s all, you can preview your site, and you should be able to see a donate button there. When a user clicks on the donate button, a nice little popup will appear where they can enter their credit card information and the amount they want to donate.
We hope this article helped you add a Stripe donate button on your WordPress site. When it comes to accepting online payments, Stripe is becoming a popular alternate to PayPal. It is currently available in select countries, but offers a very easy way to accept payments.
Let us know what payment gateway do you prefer to use on your site by leaving a comment below.
Hello
I have my stripe button installed and it works. The donor can specify the amount they want to pay. I want the amount they have chosen to show in the stripe credit card button. How do i do this? I can go live when this is solved
Hello,
is it possible to change the name “Donate” and make different button like Donate 10$, Donate 20$… or better: Donate and have a field to add the amount we want ?
Thanks a lot for answer
Hello, please I am interested in adding a donation button to my WordPress site, but unfortunately it’s WordPress.com site. And, as I can see, the tutorial above only meant for the self-hosted WordPress site. Please, is there any way to add a donation button to WordPress.com site? if there is, please let me know. Thanks.
Sorry to resurrect an old thread, but I’m getting a green check box on the popup but then just an empty red error bar shows in the website above the form. It works fine in test mode…
And, how to you allow them to put in another amount?
Is there a way to change the text to show “Give now” or something else other than Done?
Is there a way for a donator to add their own amount to donate?
“When a user clicks on the donate button, a nice little popup will appear where they can enter their credit card information and the amount they want to donate.”
Am I missing something here, or isn’t the amount they donate set at whatever you set the “amount” value to?
You would still need SSL to run this plugin, right?
No.
Hi
It’s actually a common misconception that you don’t need SSL if you are using the Stripe Checkout button as this plugin does. However, that is not the case —
“…any page that a Checkout form may exist on should start with https:// rather than just http://.”
(Reference: https://stripe.com/docs/checkout#https as well as https://stripe.com/help/ssl#do-i-need-to-use-ssl-on-my-payment-pages)
Another common misconception, though, is that SSL is expensive or difficult to setup. That is not the case, either. An acceptable SSL certificate can be had for as low as $10/year and any good WordPress host would be happy to help set it up for you.
Thanks for clarification Naomi. For users who want to add SSL support to their site, we have SSL for WordPress guide.
I activated the plugin for Stripe. I signed up with Stripe. I pasted the secret codes in. I then tried to put your short code in a text widget (because I wanted it fixed in the Sidebar) but it didn’t publish. What can I do to get the stripe in my sidebar?
Make sure your theme allows you to add shortcode in widgets. If it does not then you will see the shortcode instead of stripe button. If that’s the case then try adding this line of code in your theme’s functions.php file:
add_filter('widget_text', 'do_shortcode');