Learn how to set up WordPress Stripe integration in a flash with Formidable Forms and this easy-to-follow guide. Accept credit cards, digital wallet payments, and more on your site in seconds!
Approximate read time: 5 minutes
Stripe is the go-to payment gateway for over three million websites worldwide, thanks to how simple it makes handling online transactions. But, if you're new to Stripe or the world of eCommerce, integrating it with WordPress can be a bit confusing.
Fear not, though! With Formidable Forms' user-friendly Stripe payments plugin, setting up this integration is a walk in the park.
This powerful WordPress plugin not only lets you process one-time and recurring payments. It also opens the door to 15+ Stripe payment options, so you can accept credit card payments, CashApp, ACH payments, and more in a snap.
In this step-by-step guide, we'll cover the benefits of accepting online payments (not that they're hard to see!), and then we'll show you how to connect Stripe to WordPress.
Ready to get started? Let's go!
Why integrate Stripe with WordPress?
Whether you run a website for a nonprofit or an eCommerce business, you need to take payments or donations. That means you need a reliable payment gateway for WordPress.
Stripe is one of the most popular payment solutions. It has a user-friendly interface, offers secure transactions, and supports multiple currencies:
However, you also need a way to integrate Stripe with your WordPress site.
Otherwise, your WordPress website will send visitors to a third-party platform to complete their payments. And that's not great!
Users could click away from your site and never return. And you may miss out on a lot of sales (aka conversions).
But, a complicated checkout process could turn away users.
With a simple Stripe WordPress integration, your visitors can complete payments quickly and easily. This feature is essential when you consider that 18% of people abandon their purchases because of a difficult checkout experience.
How to integrate a Stripe with WordPress
Before starting this tutorial, you'll need the following things:
Once you have everything, you can move on to the first step and add Stripe to WordPress.
Step 1: Connect Stripe to your WordPress site with Formidable Forms
First, we'll connect your Stripe account to Formidable Forms plugin.
If you don't have Formidable yet, click below to get your license! 👇
Once you've installed and activated the plugin, head to Formidable → Settings → Stripe.
Choose whether to use Stripe test mode, then click Connect to Stripe.
A new page will open in the same tab of your browser. The form will ask you to enter your email address and log in to your Stripe account:
Follow the prompts and enter your details to connect your Stripe account.
Congrats! Your WordPress forms can now accept Stripe payments on your website!
Step 2: Set up your Stripe form
Next, you can choose one of the Stripe form templates. Or, you can start with a Blank Form and add whatever form fields you need. In this tutorial, we're using the Credit Card Payment form template that's included in our Business Plan and above.
Go to Formidable → Forms and click on + Add New. This will bring up a list of templates that you can choose from. Pick your desired option:
Name your form and click on Create. You should now see a form that includes various fields, including credit card details, billing information, and shipping information:
You can move or add new fields using drag and drop. However, make sure that you don't touch the Payment Method element at the bottom of the page. If you remove it, you won't be able to accept Stripe payments:
Since we already completed the integration, this form will use Stripe as your default payment method. Click on Update to save any changes you've made.
If you want to enable recurring payments, go to Settings → Form Actions and click on Collect a Payment. Under Payment Type, you can select Recurring from the dropdown menu:
You can choose the frequency of the payment, and also specify a trial period length if required. When you're happy with your overall form, you can move on to the next step.
Step 3: Add the Stripe form to your website
Now, you need to decide where to collect payments on your website.
For example, you might add your Stripe form to product pages within your online store. Or, you could create a dedicated Pricing Plans page if you're selling different subscriptions. It's up to you!
To publish your Stripe payment form, go to the WordPress page where you want to display the form.
Insert a new block in the page, and search for the Formidable Forms block. Click on the icon, then select your form from the dropdown menu.
Once you pick your form, it will automatically be embedded into your post or page. Update the page when you're ready to publish, and you're all done!
Now your WordPress Stripe integration works...
Stripe is a popular payment processor capable of handling all types of transactions. By integrating Stripe with your WordPress site, you can quickly and conveniently accept payments online.
Let's recap how to integrate Stripe with WordPress in three simple steps:
- Connect your Stripe account to your WordPress site using Formidable Forms.
- Use the Stripe form builder to create your payment form.
- Add the Stripe form to your website.
Formidable is great for creating WordPress forms with payments, but it can do so much more too! From easy digital downloads and custom Stripe checkout pages, find out about all of Formidable's features.