Want to start taking payments on your WordPress site? With a Stripe payment form, it's super easy. And Formidable Forms lets you make one for free! Learn how.
Approximate read time: 5 minutes
Stripe has earned its stripes (pardon the pun) as one of the best ways to accept payments on mobile apps and websites.
Developers love it for its featherlight, intuitive API. Business owners and decision-makers love it for its sleek user interface, data visualization tools, and real-time reports. Online shoppers love it for its ease of use, security, and reliability.
No wonder you want to use it on your WordPress website! 😊
In this post, we'll introduce you to our favorite tool for adding Stripe checkout to WordPress, Formidable Forms. Then, we'll walk through the four simple steps to create a custom Stripe payment form for your site without any code.
Sound good? Let's dive in!
Working with a nonprofit? Learn how to create a Stripe donation form in WordPress.
Why use Formidable for WordPress Stripe payment forms?
Despite WordPress and Stripe both being so popular, there's no official Stripe plugin for WordPress. 😲
WordPress doesn't have a built-in form builder either. So, you'll need a plugin if you want to let shoppers purchase products or services directly on your website.
You could opt for a complete eCommerce solution like WooCommerce, but believe it or not, a good WordPress form builder will do the trick!
And there's no better form builder than Formidable Forms.
Here are just a few things Formidable Forms can do with Stripe payments for WordPress:
- Complete payments right on your site without redirecting to a Stripe-hosted checkout page
- Let shoppers select their preferred payment method with conditional logic* (cards, Cash App, iDEAL payments, Apple Pay, etc.)
- Set up one-time or recurring payments
- Show members active subscriptions and offer easy cancellation*
- Add a Stripe donate button to your website*
- Offer variable pricing with calculations based on selected product options*
- Trigger form actions like emails and SMS notifications*
*Premium features included in Formidable Pro
But enough talk! 🤐 Let's SHOW you how to make Stripe payment forms in WordPress so you can start making money online ASAP!
How to create a payment form for Stripe
Before we get started, let's see an example of a basic form for Stripe payments that you can make with Formidable's free WordPress Stripe form builder.
Simple, right?
In about five minutes, you can set up a Stripe merchant account, link it to your site, create a form, and run test transactions. ⏱️
Yes, really! That's all it takes to be ready to accept your first online payments with Stripe.
Step 1: Install Formidable Forms and connect Stripe
The easiest and cheapest way to accept Stripe payments on a WordPress site for free is to install Formidable Forms Lite. If you don't already have our free plugin, click below to get it!
Once you have it installed, open your WordPress admin and go to Formidable → Global Settings → Stripe. Then, hit the Connect to Stripe button.
Easy, right? 😇
Next, you'll be redirected to the Stripe setup wizard. Log in to your Stripe account and press continue to get it all set up. If you don't have a Stripe account, the form guides you to create one.
When you're done, you'll be taken back to the WordPress dashboard to start building your form.
Step 2: Create your Stripe payment form
Next, go to Formidable → Forms and click + Add New to create a new form.
We'll use our free WordPress Stripe Payment Form template to keep things quick and easy today, but feel free to use one of our other templates or create a blank form.
Now, let's customize our form in the code-free, drag and drop builder. 🏗️
If you're making a form from the ground up, don't forget to add a 💳 Payment field to collect payment information such as name and card number.
After you've created your form, hit Save.
Step 3: Set up the form to collect Stripe payments
Once you save the form, go to the Settings tab at the top of the form builder.
Choose Actions & Notifications, then Collect a Payment.
This is where you can adjust your Stripe settings. ⚙️ Choose the currency, a recurring or one-time payment, etc.
We also strongly recommend you Enable Stripe link and additional payment methods so you can take advantage of all the payment options Stripe offers.
And that's it! Now we just need to share our form with the world!
Step 4: Publish the Stripe payment form on WordPress
Head to the WordPress page or post where you want to display your Stripe form. In the editor, click to add a new block, and select the Formidable Forms block.
Pick your form from the dropdown menu, and you're good to go!
Finally, update your page. Your website can now take Stripe payments! 🎉
Ready to get Stripe payment forms on your site?
As you can see, it's quick and easy to create a Stripe payment form on WordPress. Just install Formidable Forms, link your site to Stripe, create a form to collect payment information, and you're done.
And now you can take a little time to create a custom payments page, streamline the Stripe checkout experience, or even make a thank you page to show your appreciation. 🙏
So what are you waiting for? Get our free online form maker now and start taking payments today!
Did you know that Formidable Forms is the fastest WordPress form builder plugin available today? If you're not already using it, get started with our free plugin or the full-featured pro version!
Denny says
This is very useful thank you!
Chris Shull says
Will this add-on allow for Stripe ACH payments?
Steph Wells says
No, this isn't yet an option. Thanks for the suggestion so we can track and prioritize!
Sebastian says
I need that as well!
rbstern says
This add on looks great. Looking forward to implementing for a couple of different projects.
Jeremy says
From the screenshots, it looks like this plugin uses the new credit card field for Formidable that was released in March. I'm a little disappointed that the form fields are grouped together. It makes for less flexibility for layout, placeholder text, help text, etc. Is there a way to gain the functionality in this plugin to set placeholder and help text for each of the fields separately?
Steph Wells says
It isn't a current option to use a non-credit card field type. Can you please create a ticket in the help desk if you still have questions about this? Thanks!
Johan says
Does it require SSL to work ?
Steph Wells says
Yes, Stripe requires SSL.
Kary says
Is there an actual tutorial that explains, step-by-step, how to create a form using formidable forms with the Stripe add-on. I've never done anything like this before and I don't really understand everything I need to include in the form to make this work.
Jessica TenBrink says
Hi Kary, You're in luck! Check out the case study of the Stripe implementation here (with screenshots): https://formidableforms.com/collecting-payments-nonprofit-paypal-vs-stripe/
Lin Sharp says
I agree with Kary. I have all the components installed but don't know how to set them up.
Jessica TenBrink says
Hi Lin. Thanks for checking. We actually do have a blog post with implementation screenshots and a step-by-step walkthrough. Check it out here: https://formidableforms.com/collecting-payments-nonprofit-paypal-vs-stripe/