"This Post contains affiliate links; this means we earn commissions if you shop through the links on this page"
For an eCommerce site, Stripe is one of the e-Payment solutions to collect payment for goods and services purchased. For beginner online entrepreneurs, setting up the Stripe payment form might first appear a difficult thing.
But thanks to the WordPress developers community.
There’s a simple solution that lets you add the Stripe payment form to your website in minutes and start collecting payment from your customers.
Whether you want to use Stripe Payment form to collect donations, goods/services purchased, one-time or recurring payment, there is an effortless way to put everything together in 6 simple steps.
There are several WordPress plugins that let you connect payments solutions to your website without ever need touching a line of code.
In this post, we’re going to use the WPForms Stripe Payment add-on to demonstrate how to set up the Stripe Payment form on your website in minutes.
Among many of the WordPress contact form builders such as Contact form 7, Ninja Form, Gravity forms, WPForms is arguably the best drag and drop WordPress forms builder.
But first, let see why you may want to consider Stripe for accepting payments online?
Why Should You Accept Online Payment With Stripe?
Almost everyone who has a bank account has a credit card, but not everyone has a Paypal account. This makes Stripe a great option for PayPal for an eCommerce website.
Though while 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 the majority of your customers reside in such a country where PayPal is not available, Stripe is a better payment gateway option.
With Stripe, your customers don’t need to have a Stripe account to make payments on your website.
Anyone with 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 Set up Stripe Payment With WPForms
The best part, 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…
#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 simple, and straightforward.
Go to the Stripe website and create your account. It’s simple, free, and no hidden cost.
At the time of writing, this is how 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 make sure you’re all set before attempting to create your Stripe account.
#2. Get WPForms Pro Plugin
Once you’re done with creating your Stripe payment account, the next important step is to get the WPForms Pro plugin (if you don’t have already)
Note, you’ll need the WPForms Pro or Elite plan to have the Stripe payment addon available. The Stripe payment features are not available in the WPForms plus and basic plan.
If you don’t have the WPForms Pro Plugin install on your website yet, get it here.
After WPForms Pro Plugin is installed 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.
Copy the license key and paste it in to 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 on “Settings”.
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.
Now, your WPForms Pro plan is now 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 install and activate the WPForms Pro plugin, the next thing is to install and activate the Stripe payment addon.
To do this, go to your WordPress admin menu, hover your mouse on WPForms. Click on the “Addons” from the list.
On the WPForms addons page, install and activate the Stripe Payment addon. You need to do this to make the payment features available.
The next step from here is to…
#4. Connect WPForms to Stripe Account
Once the Stripe Payment addon is installed and activated, you need to connect the WPForms Pro plugin to your Stripe account.
On the WPForms settings page, click on the payment tab from the menu list.
On this page, click on 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. To change the currency symbol, click the drop-down icon and select your currency type.
For a quick and stress-free process, make sure you’re sign-in into your stripe account on the same browser before clicking on the Connect With Stripe button.
On the next page that appears, you’ll be asked to connect your WPForms and Stripe to make the authorization work.
At the time of writing this line, Stripe is not available to all countries. So if your country is not listed, you may not be able 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.
#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 starightforwafrd.
You’ll need to have at least two filed option enabled on your payment form;
- An item field (Single Item, Multiple Items, Checkbox Items, or Dropdown Items)
- A Stripe Credit Card Filed
You can create a new WordPress form or edit an existing one to add the Stripe payment option. The choice is yours here.
The two fields is important.
However, as your business required, you can have other fields created for your form.
But according to a study, the more form fields required customers to fill, the greater cart abandonment increase. So to keep your cart abandonments to the barest minimum, limit the extra field required a customer to fill.
So make sure you create a simple WPForms payment form according to your business needs.
For this example, I will create a simple contact form that includes:
- Course Name
- Stripe Credit Card
Note: The Total Amount field is not required. It might be useful 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 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“
As you can see from the image above, you can give users the option to enable recurring payment from your order form directly.
On the payment description field, you can enter the service or goods description. 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, then new setting fields will emerge.
Completing each field is never a rocket a science, here’s what you need to do:
In the Plan field above, you need to enter a title for the recurring subscription plan. This could be whatever name your services or goods is.
Next, select the recurring period.
Is it a yearly, monthly or weekly recurring payment plan?
Select the right option from the drop-down menu.
And lastly, in the customer email field (this is 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, making sure your order form is not leading to cart abandonment is another thing.
Below, we’re going to briefly mention some of the 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 involved in creating your Stripe payment form, it will be disappointing 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 complains about these 5 reasons mostly:
Summary: Setting up Stripe Payment Form
As with most online tools, before activating your Stripe Payment form lives on your blog, make sure to have tested it.
To learn more about how to test the Stripe Payment form before going live on your blog, read this post.
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 enable on your website, adding Stripe as another payment solution is never a bad idea.
If you’re looking for an easier no techy solution to add the Stripe payment form to your website, I have given you all the steps involved in this post.