Last updated on March 6, 2025 by Kyle Cash

How To Add Stripe Checkout to WordPress [4 Steps!]

Want to add Stripe Checkout to WordPress? This simple guide walks you through setup so you can accept payments quickly and securely.

How To Add Stripe Checkout to WordPress

Approximate read time: 6 minutes

Tired of clunky payment solutions that frustrate your customers โ€” and cost you sales?

You need a simple, secure way to accept payments on your WordPress site. And that's where Stripe Checkout comes in. It lets you accept credit cards, debit cards, and digital wallets with a seamless checkout.

And with Formidable Forms, you can set it up in minutes โ€” no coding required.

In this guide, we'll walk you through the steps to add Stripe Checkout to WordPress in a few easy steps. By the end, you'll have a fully customized payment form that makes it easy for customers to pay you.

Let's get started.

How to add Stripe Checkout to WordPress

There are several ways to get Stripe Checkout pages on your website.

However, we recommend using Formidable Forms because of its flexibility. Its drag-and-drop form builder makes it easy for anyone to create a form in a few minutes, and its Stripe integration allows you to create a payment form that accepts multiple payment options.

Best of all, you can use the Lite version to create a free Stripe payment form (more on this in a bit). Or Pro version and still have access to Stripe. So, grab Formidable Forms first.

Then it's a few easy steps:

Step 1: Install and activate Formidable Forms

First, you must install and activate Formidable Forms to get started.

Whether you're using the Lite or Pro version (the Lite version has a 3% fee), you must download and install Formidable Lite. Go to your WordPress dashboard and Plugins โ†’ Add New to do so. Then, search for Formidable and click Install on the Formidable Forms free online form builder.

WordPress dashboard showing the 'Add Plugins' page with a search for 'formidable'. The results display the 'Formidable Forms' plugin, described as an advanced form builder for surveys, quizzes, and more, with an 'Activate' button. Next to it, the 'Popup Maker' plugin is listed, used for pop-ups, lead generation, and marketing, with an 'Install Now' button. The left sidebar menu includes options like 'Plugins,' 'Appearance,' and 'Tools'.

If you're using the Lite plugin, you can move on to the next step.

If you're using a premium version, you must take one more step to connect your account. Go to Formidable โ†’ Global Settings and click the Connect an Account button.

Screenshot of the 'General Settings' page for Formidable Forms Lite. The section includes a 'LICENSE KEY' heading with a message explaining that a license key provides access to new features and updates. There are two buttons: 'Connect an Account' (blue) and 'Get Formidable Now' (white). A message below states that the user is using Formidable Forms Lite, which does not require a license, followed by a smiling emoji. A link at the bottom encourages upgrading to PRO for more features.

This opens a page that takes you to your Formidable Forms account, where you can connect it to the WordPress plugin. Once done, it returns to the WordPress dashboard and shows your active license type.

The image below says Elite, but it will show your chosen plan.

Screenshot of the Formidable Forms 'Settings' page. The left sidebar includes options: 'General Settings,' 'Message Defaults,' and 'Permissions.' The main section shows the 'General Settings' heading with a 'LICENSE KEY' subheading, explaining that a license key provides access to new features. A message states that the user is using 'Formidable Forms Elite' with a smiling emoji. Below, there are links to 'Disconnect site' and 'Check for a recent purchase.' A blue 'Update' button is visible in the top-right corner.

The last step in the setup is enabling the Stripe add-on and then connecting your account (if you have one). If you don't have one, create one, then continue following the steps. This allows you to add Stripe Checkout to WordPress and process payments easily.

First, go to Formidable โ†’ Add-Ons and toggle on the WordPress Stripe plugin.

Screenshot of the Stripe integration settings for Formidable Forms. The section states that Formidable Forms on the site can accept credit card payments without users leaving the site. A toggle switch in the top-right corner is turned off, with an 'X' icon inside it. An orange arrow is pointing to the toggle, indicating that it can be switched on. A 'View Docs' link is visible at the bottom for further documentation.

Then, go to Formidable โ†’ Global settings โ†’ Stripe and click the Connect to Stripe button. You can also turn on test mode before making any official attempts at a payment.

Stripe payment settings interface displaying options for processing one-time payments before or after an entry is created. The 'After entry is created' option is selected, with a note explaining its use in conditional logic or PHP customizations. A checkbox for 'Use the Stripe test mode' is checked. Below, the connection status shows 'TEST' and 'LIVE' sections, each with a blue 'Connect to Stripe' button featuring the Stripe logo.

This will redirect you to Stripe's page, where you can log in and follow the setup wizard. Once finished, it will automatically redirect you back to your website.

Screenshot of the Stripe integration settings for Formidable Forms. The section includes options for processing one-time payments, with radio buttons for 'Before entry is created' and 'After entry is created' (the latter is selected). A checkbox labeled 'Use the Stripe test mode' is checked. Below, the 'Connection Status' section displays two connection options: 'TEST' and 'LIVE,' each with a blue 'Connect to Stripe' button featuring the Stripe logo.

Once that's all set up, it's time to create the Stripe payment form.

Step 2: Create a Stripe payment form

Next, in the WordPress admin, go to Formidable โ†’ Forms and click the Add New button at the top right.

Next, you have a few options. You can start your form from scratch, use a pre-built form template, or let our AI form builder do the heavy lifting. After you pick, the plugin opens the drag and drop form builder.

GIF of the Formidable Forms builder interface for a 'Contact Us' form. The left panel displays available form fields such as Text, Paragraph, Checkboxes, Radio Buttons, Email, Dropdown, Phone, and more. The main form-building area on the right shows a placeholder that says 'Add Fields Here,' prompting users to click or drag fields from the sidebar. The top menu includes tabs like Build, Style, Settings, Entries, Views, Reports, and Embed, along with a 'Preview' dropdown and a blue 'Update' button.

This form builder makes things super easy and fast. Plus, with one of our payment form templates, you can have most fields pre-filled. But if it's not, feel free to add any fields you need to the form (such as shipping addresses, email, name, etc.).

Be sure to include the Payment field type. It handles all the important stuff.

Screenshot of the Formidable Forms builder interface showing field options. The 'Payment' field, represented by a credit card icon, is circled in orange, drawing attention to it. Nearby, the 'User ID' and 'Captcha' fields are also visible.

Once finished, click the Save button at the top right to save your progress and name the form (only you see this).

Step 3: Set up the Stripe form action

The next part ensures that the form processes the payment through Stripe. So, setting this up is a crucial step.

First, go to Settings at the top of the form builder, then click Actions & Notifications.

Next, click the Collect a Payment form action. Every time someone submits the form, it connects with your Stripe account to process the payment (so you get paid!).

Screenshot of the 'Form Actions' section in the Formidable Forms builder. Several action options are displayed, including 'Confirmation,' 'Send Email,' 'Create Post,' 'Register User,' and 'Scored Quiz.' The 'Collect a Payment' action, represented by a green credit card icon, is circled in orange to highlight it. A search bar for form actions is visible in the top right, and a 'Show all form actions' link is at the bottom.

Next, you can expand the Collect a Payment action and customize the settings:

Screenshot of the 'Collect a Payment' form settings in Formidable Forms. The form includes fields for 'Action Name' (pre-filled as 'Collect a Payment'), 'Description' (empty), 'Amount' (set to 1), 'Payment Type' (set to 'One-time Payment'), 'Capture Payment' (set to 'When entry is submitted'), and 'Currency' (set to 'U.S. Dollar (USD)'). The Stripe payment gateway is enabled, with a toggle switch turned on for 'Enable Stripe link and additional payment methods.' Below, there are fields for 'Customer Information,' including 'Email' and 'Address' (with a dropdown for selection).
  1. Action Name: Only you see this for easy reference
  2. Description: This information sends to Stripe along with the payment
  3. Amount: You can type in a set amount or use one of the field shortcodes to fill it
  4. Payment Type: One-time or recurring payments
  5. Capture Payment: Choose when the payment should happen (authorize now and collect later)
  6. Currency: Choose which currency the payment is in
  7. Stripe link: Enable Stripe link and more payment methods

Below that, the Customer Information can be pulled from the fields in your form. For example, your payment form can pull the EmailAddress, and Name from those fields.

Take the time to enter all the necessary information then run a test payment to ensure everything is working.

Step 4: Publish the payment form

The last thing to do to get Stripe WordPress checkout is to publish your payment form so people can use it!

So, go to the post or page where you want to show your form and add a new WordPress block. Then, find the Formidable Forms block. Last, choose your form from the dropdown menu.

Formidable Forms block interface within a website editor. The Formidable Forms logo, a stylized 'F' in a circular design, is centered above the text 'Formidable Forms.' Below the text, there is a dropdown menu labeled 'Select a form,' allowing users to choose a form for embedding.

Once you choose your form, you're set with WordPress Stripe checkout! Anyone who fills out the form will automatically go through Stripe's checkout process using Formidable Forms.

It's really that easy to integrate Stripe payments! And, at the end, you can have a payment form that looks something like this:

An online form displaying fields for name, email, and credit card details, with an 'Autofill link' button next to the credit card field. Below, a product selection section shows three itemsโ€” a red and white hat, a black t-shirt, and a yellow jacketโ€”each with a checkbox. The form calculates the total price, currently showing '$0,' and features a blue 'Submit' button at the bottom.

Formidable Forms makes advanced site building simple. Launch forms, directories, dashboards, and custom WordPress apps faster than ever before.

Ready to add Stripe Checkout to WordPress on your site?

As you saw, adding Stripe Checkout to WordPress is incredibly easy.

You're ready with just a few clicks and some settings changes. And you can accept credit card payments, bank accounts, ACH, and more. So, don't waste more time. Grab Formidable Forms now and get more than a simple Stripe payments plugin.

Also, follow us on Facebook, Twitter, LinkedIn, and YouTube for more Stripe tips and tricks! And join 50,000+ others who hear the latest from Formidable Forms each month!

Get the Formidable Forms Newsletter



This article may contain affiliate links. Once in a while, we earn commissions from those links. But we only recommend products we like, with or without commissions.

Complete your purchase
Special offer unlocked.
Get 55% OFF!
Complete Purchase
Join 400,000+ using Formidable Forms to create form-focused solutions fast. Get Formidable Forms