Disclosure: CyberNaira content is reader-supported. This means if you make purchases through our affiliate links, we may earned commission but at no additional cost to you. 

Stripe is one of the e-Payment solutions for most e-commerce websites, but setting up the Stripe payment form might appear tricky.

Thanks to the WordPress developer’s community.

There’s a simple solution that lets you add a WordPress form with a payment option to your website in minutes and start processing payments for your customers.

Whether you want to use Stripe Payment form to collect donations, goods/services purchased, or one-time or recurring payments, there is an effortless way to put everything together in 6 simple steps.

In this post, we will use the WPForms Stripe Payment add-on to demonstrate how to set up the Stripe Payment form on your website in minutes.

Among WordPress contact form builders, such as Contact Form 7, Ninja Form, and Gravity Forms, WPForms is the best drag-and-drop WordPress form builder.

But first, let’s see why you may want to consider Stripe for accepting payments online.

Why Should You Accept Online Payment with Stripe?

Everyone with a bank account has a credit card, but not everyone has a PayPal account. This makes Stripe an excellent option for PayPal for an eCommerce website.

Though PayPal makes it easy to send and receive money from anyone without entering your card details, both parties must have a PayPal account to do business.

This makes PayPal transactions limited to only people who have a PayPal account. Also, PayPal is not available in some countries.

If any of your customers reside in a country where PayPal is unavailable, Stripe is a better payment gateway option.

With Stripe, your customers don’t need a Stripe account to make payments on your website.

A credit card can make payments for goods and services on the checkout page. This lets more people conveniently make payments on your website with their credit cards and bank details.

This might increase sales and revenue annually.

How to Create a Stripe Payment Form with WPForms

Whether it’s a one-off or recurring payment subscription plan, this process works equally great. So, you can use it to collect one-time payments or set up recurring bills for your customers.

Let’s get going in this Stripe Payment WordPress tutorial…

1. Create a Stripe Account

The first thing you’d want to do is to create your Stripe account.

This is important because, without an active Stripe account, you won’t be able to connect it to WPForms.

Creating a Stripe account is straightforward.

Go to the Stripe website and create your account. It’s simple, accessible, and has no hidden cost.

Stripe sign up form

At the time of writing, this is what the Stripe website sign-up form looks like.

Note: You need a business email address to create your Stripe account. An email account like Gmail, Yahoo, or AOL won’t work with creating a Stripe account.

You need an email address like [email protected]

And you must confirm your email address within 24 hours of sending the email verification link. So, ensure you’re all set before creating your Stripe account.

2. Get WPForms Pro Plugin

Once you’re done with creating your Stripe payment account, the following essential step is to get the WPForms Pro plugin (if you don’t have it already)

Note that you’ll need the WPForms Pro or Elite plan to have the WPForms Stripe addon available. The Stripe payment features are unavailable in the WPForms Plus and basic plan.

If you don’t have the Pro Plugin installation on your website, get it here.

After installing WPForms Pro Plugin on your website, you need to connect the license key to the plugin.

To do this, go to your WPForms account dashboard and click on the “view license key, details, and download” link on the page.

wpforms pro account dashboard

Copy and paste the license key into the WPForms license key field on your WordPress blog.

To do this, go to your WordPress admin menu list. Hover your computer mouse on WPForms from the list and click “Settings.”

WPForms Pro user menu

On the WPForms settings page, paste the license key you copied from the WPForms website into the field. And click on the “Verify key” button next to it.

WPForms License key field

Now your Pro plan is connected to your WPForms Pro Plugin. So you can get the best available features for your WPForms Pro.

3. Install The Stripe Payment Addon

After successfully installing and activating the WPForms Pro plugin, the next thing is to install and activate the WPForms Stripe payment addon.

To do this, go to your WordPress admin menu, and hover your mouse on WPForms. Click on the “Addons” from the list.

WPForms menu

On the WPForms addons page, install and activate the Stripe Payment addon. You need to do this to make the payment features available.

WPForms addons page

The next step from here is to…

4. Connect WPForms to Stripe Account

Once the Stripe Payment addon is installed and activated, connect the WPForms Pro plugin to your Stripe account.

On the WPForms settings page, click on the payment tab from the menu.

WPForms Stripe settings page

On this page, click the “Connect with Stripe” button and follow the on-screen instructions to complete the process.

Note: You can select which currency your business receives payment from. Click the drop-down icon to change the currency symbol and select your type.

how to change currency symbol in WPForms

Sign in to your Stripe account on the same browser before clicking the Connect with Stripe button for a quick and stress-free process.

On the next page that appears, you’ll be asked to connect your WPForms and Stripe to make the authorization work.

When writing this line, Stripe is not available to all countries. So, if your country is not listed, you may be unable to use Stripe.

Anyway, if the Stripe and WPForms authorization goes through, the connection status in your WordPress admin area should turn green with a checkmark.

Like this…

Stripes connect website

5. Add Stripe to Your WPForms

Now that your Stripe account has been connected to your WordPress site, it’s time to add the Stripe option to your payment order forms.

Let’s get started…

The process is easy, simple, and straightforward.

You’ll need at least two field options enabled on your payment forms in WordPress.

  1. An item field (Single Item, Multiple Items, Checkbox Items, or Dropdown Items)
  2. A Stripe Credit Card Filed

You can create a new WordPress form with payment options or edit an existing one to add the Stripe payment form. The choice is yours here.

The two fields are essential.

However, as your business requires, you can have other fields created for the WordPress payment form.

But according to a study, the more form fields required customers to fill, the more significant cart abandonment increases. So, to keep your cart abandonments to the barest minimum, limit the extra field a customer must fill.

So, create a simple WPForms payment form according to your business needs.

For this example, I will create a simple contact form that includes the following:

  • Name
  • Email
  • Course Name
  • Stripe Credit Card
Stripe payment formula

Note: The Total Amount field is not required. It might be helpful for users to know how much they’re paying for the services or goods.

Once you’re done with your payment form customization, it’s time to enable Stripe Payment form functionalities.

To do this, open the WPForms settings panel. Click on Payment from the side menu, click on Stripe, and check the box that says “Enable Stripe Payment.

Adding Payment options
Enable Stripe payment options

As you can see from the image above, you can enable users to enable recurring payments from your order form directly.

You can enter the service or goods description in the payment description field. This will appear on the user’s bank payment details for the services/goods purchased.

In the Stripe Payment Receipt, enter an email field where you receive Stripe email payment notifications.

6. Enabling Recurring Payment Settings (Optional)

If you check the “enable recurring subscription Payment” box, new setting fields will emerge.

enabling recurring subscription for Stripe payment in WPforms

Completing each field is never rocket science; here’s what you need to do:

In the Plan field above, you must enter a recurring subscription plan title. This could be whatever name your services or goods are.

Next, select the recurring period.

Is it a yearly, monthly, or weekly recurring payment plan?

Select the correct option from the drop-down menu.

And lastly, in the customer email field (a required field), you need to select an email field from your form where the customer can be reached.

However, creating your Stripe Payment form is just one side of the task; ensuring your order form is not leading to cart abandonment is another.

Below, we’ll briefly mention some factors that lead to customers leaving your payment form without completing the order.

Why do Customers Complain About Online Payment Forms?

After all the steps in creating your Stripe payment form, it won’t be very pleasant to see customers not completing their orders.

There are lots of reasons for cart abandonment. Here we’re going to look at issues associated with online payment forms.

For several factors, customers complain about these five reasons mostly:

  • Lack of Trust
  • Payment Form Too long or complicated to Complete
  • Security and the protection of their financial details
  • Customers need to create an account before making a payment
  • Limited Payment Methods
  • Confusing Pricing Plans.

If your online payment form is guilty of any of the above, here is a comprehensive guide that explains how to fix these problems.

Conclusion – Setting up Stripe Payment Form

As with most online tools, before activating your Stripe Payment form on your blog, ensure you have tested it.

Read this post to learn more about how to test the Stripe Payment form before going live on your blog.

Accepting payment online is a must-have for an eCommerce site. And having multiple payment options is the ideal best business practice.

Even if you have a PayPal payment option enabled on your website, adding Stripe as another payment solution is never a bad idea.

If you’re looking for a more straightforward no, techy solution to add the Stripe payment form to your website, I have given you all the steps involved in this post.

4 Comments

  1. A very useful article for payment gateway integration. I hope you will write more in the future on such topic. Thankyou

  2. Hi Shamsudeen,

    It was a very insightful article! A friend of mine recently set up a website, and she was thinking about setting up a Stripe payment form in WordPress, I read a lot of resources, but you shared all the information in an easy-to-understand manner. Since she is just starting her journey, I think she will be able to understand and follow your process. I will definitely share this article with her to help her out. Thanks a lot for curating this.

    1. Hi, John,

      For most eCommerce sites, setting up a payment system on the website could be challenging, but with the right tools and knowledge, anyone with a basic understanding of WordPress plugins can set up payment forms with WPForms.

      Hope this article helps simplify the process? And thanks for the recommendation.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.