A WordPress and Stripe integration enables you to accept credit card payments easily from your online store. It's also very easy to set up with our Stripe Payments add-on!
Stripe is a popular payment gateway used by over three million websites worldwide. However, you may be wondering how to integrate Stripe with WordPress. If you're unfamiliar with Stripe or even payment gateways in general, you may feel overwhelmed by the process.
Fortunately, it's very easy to set up this integration using our Stripe Payments plugin. This plugin enables you to create form fields where you can accept one-time and recurring transactions. You can then collect these payments directly from your WordPress website.
In this step by step guide, we'll discuss the benefits of accepting online payments. Then we'll explain how to set up a WordPress Stripe integration using our Stripe plugin. Let's get started!
Why you might want to integrate Stripe with WordPress
If you run an e-commerce business or a nonprofit site, you'll need to accept payments or charitable donations. This means you'll need access to a reliable gateway.
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 forward visitors to a third-party platform in order to complete their payments. At this point, users may click away from your site and never return. This means you could be missing out on more conversions.
In addition, a complicated checkout process could turn away users. With a simple WordPress Stripe integration, your visitors can complete payments quickly and easily. This feature is essential when you consider that 18 percent of people abandon their purchases because of a difficult checkout experience.
How to integrate Stripe Payment Gateway with WordPress
Before starting this tutorial, you'll need the following things:
- A Formidable Forms Elite plan
- The Stripe WordPress plugin for Formidable
- A Stripe account
- A WordPress website with a Secure Sockets Layer (SSL) certificate
Once you have everything set up, you can move on to the first step in the WordPress Stripe integration.
Step 1: Connect your Stripe account to your WordPress site
First, you need to connect your Stripe account to the Formidable Forms plugin. Your forms will then be able to receive payments that go directly through the Stripe platform.
Note that you will need to activate the Stripe Payments add-on before you can adjust its settings. You can do this by navigating to Formidable → Add-ons and clicking on Activate underneath the relevant plugin.
Then head to Formidable → Settings → Stripe. At the bottom of the page, click on 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. Once you're done, you can move on to the next step of the tutorial.
Step 2: Set up your Stripe form
Next, you can choose one of the Stripe form templates. Alternatively, you can start with a blank form and add all the required fields to it. In this tutorial, we'll be working with the Credit Card Payment template.
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 drop-down menu:
You can choose the frequency of the payments, 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 you'll accept payments on your website. For example, you might add your Stripe form to product pages within your e-commerce store. Alternatively, you can create a dedicated Pricing Plans page if you're selling different subscriptions.
You can embed the Stripe form using shortcodes. Head to Formidable → Forms. You'll see the shortcode on the right side of the element's name:
Copy the value and head to the page where you want to display your Stripe payment form. Add the Shortcode block and paste your text:
Alternatively, you can add the form using the Formidable Forms block. Add a new element in the Block Editor and type "Formidable Forms" into the search bar. Click on the icon and select your form from the drop-down menu:
Clicking on your selection will automatically insert the form into your post or page. Then, select Update when you're ready to publish it.
Stripe is a powerful payment processor that enables you to accept different kinds of transactions. By integrating Stripe with your WordPress site, you can accept purchases easily and conveniently.
Let's recap how to integrate Stripe with WordPress in three easy steps:
- Connect your Stripe account to your WordPress site, using the Stripe Payments add-on.
- Set up your Stripe form.
- Add the Stripe form to your website.
With the Formidable Stripe plugin, you can collect payments from your customers easily. However, it can do so much more! Find out more about our Formidable Forms features today.