🎁🎁🎁 Special Discount 🎁🎁🎁 Get 25% discount on any products Buy Now

How to Set Up Stripe in WordPress Websites for Smooth Payments

  • Setup Stripe with WP Fluent Forms
  • Connect with WPPayForm
  • Stripe setup with WooCommerce Store
  • Connecting Easy Digital Downloads
Stripe for WordPress

Accepting payment in a WordPress website is now easier than ever. With the expansion of the online business industry, the online payment system also leveled up. It’s no more a headache for entrepreneurs of how to collect payments.

When it comes to the best online payment solutions, two names come into our minds. PayPal and Stripe are so popular that anyone will suggest these brands if you’re just starting out. However, there are some debates on which one is better, but we’ll focus on Strip today.

In the early days, PayPal was arguably the only option to accept payment online. The scenario is not the same as before. Many vendors provide rigorous support now, and Stripe is undoubtedly the most prominent contender. Stripe is developer-friendly, and the transaction fee is low.

A little bit about Stripe

Stripe for WordPress - What's Stripe?

Stripe is an online payment gateway which is able to process one time and recurring payment for online store. Hundreds of big organizations use this powerful tool, including Facebook and Shopify. They knew in the first place where to focus, and that’s why they stood alone with many amazing features. The developers love their Stripe API, and users adore simplicity. Beyond all the other functionalities, these two made helped them to faster their route to success.

Important: Stripe requires your site to have SSL encrypted. It’s a prerequisite for credit card security. If your website doesn’t have SSL, do it now. Most of the hosting services offer it free.

How to add Stripe to your WordPress website

Well, Stripe doesn’t have a direct option to integrate with WordPress nor have a plugin. But you know, how awesome the WordPress community is! There are several options to connect your WordPress site with Stripe. In this article, I’ll go through four amazing options to set a connection between your site and Stripe.

Stripe for WordPress - How to add Stripe to your WordPress site

Developers usually leverage the uncomplicated API of Stripe, which allows them to make a bridge. By reading this guide, you’ll know how to utilize this super brilliant payment system to get paid for your hard work. I’ll walk you through four simple processes, and they’re easy to understand and apply conveniently.

Setup Stripe with WP Fluent Forms

A WordPress form plugin can be a great solution to set up Stripe for your business. It provides you with more freedom, as there are multiple options to customize.

As you can add more custom fields to your checkout forms, the transaction process will be smoother. Many WordPress plugins are available to connect Stripe and accept payment.

WP Fluent Forms is an excellent choice among them, undoubtedly. This is a form building plugin with multitudes of advanced features. To use the payment option, you need to buy the pro version of Fluent Forms.

Now, I’ll show you how to make a connection between Stripe and WP Fluent Forms. You need to complete two things first.

  • Signing up with Stripe
  • Installing WP Fluent Forms

Assuming you have done the two steps, now I’m telling you how to activate the payment functions in Fluent Forms.

Step 1

Go to the Settings of Fluent Forms Pro from the WordPress admin area. At the top left, you’ll find Payment Settings. Click on that, and you can see four options will appear.

Click Stripe Settings from the second tab. Then, Enable Stripe Payment Method by checking the tickbox. Now choose either Test Mode or Live Mode. With test mode, you check the payment process without doing any harm, so go for it.

Step 2

You need Stripe Test API Keys to establish the bridge between Stripe and WP Fluent Form. Go to Stripe’s dashboard and get two of the following keys:

  • Test Publishable key
  • Test Secret key

Copy both keys from there and paste it here on your Fluent Forms settings.

For live action, go to the dashboard again, and copy the Stripe Live API keys. Click on the Save Stripe Settings button, and you’re good to go.

Another important thing: for recurring payment working correctly, you need to configure Stripe webhooks. You’ll find the necessary instruction on payment settings.

Connect with WPPayForm

When you want to set up a payment system without using the eCommerce platform, a WordPress payment plugin can be the most profitable solution. We chose WPPayForm here as it’s one of the best solutions for setting up a robust payment system on your WordPress website.

WPPayForm has both a free and premium version with variance in features. The free version comes with a limited amount of amenities where the pro version offers many out-of-the-box functionalities.

Step 1

You need to install the plugin first. Keep in mind that the free version has Stripe integration only. Go to the plugin directory from your WordPress dashboard. Search with wppayform and plugin will appear. Click Install button and it will be installed quickly. (I have already installed it to the website that’s why it shows the Activate button). Now, click Activate and the plugin is ready to work.

Step 2

For the free version, the activation process is easy. Just click the activate button after installation. But, if you use a pro version, then you need to do a few additional steps.

Go to WPPayForm settings and then go to licensing. Activate licensing and put your license key. Otherwise, click Active License from your sidebar under WPPayForm.

Step 3

Now we’re going to set up Stripe in WPPayForm. Before doing that, you need to sign up, and I hope you’ve done that already. I’m skipping this part. Let’s go to your WordPress dashboard and go to settings from WPPayForm. Now, locate Stripe Settings and click on it.

Step 4

You can see two modes on top of this panel: Test Mode and Live Mode. Choose the test mode first because it will allow you to check multiple cards to figure out whether it’s working.

Step 5

Now, login to your Stripe account and go to the developer’s dashboard. From the API keys section, collect Publishable key and Secret key.

Step 6

Come back to your WordPress dashboard now (suggested: open in a new tab for convenience.) Go to the settings on WPPayForm Pro and then move forward to Stripe Settings. Paste the API keys you have copied from your Stripe account.

That means, start by copying your Publishable key (begins with “pk_test”), switching to your WPPayForm admin tab and paste it into the appropriate text box.

The Publishable key starts with pk_test, and the Secret key begins with sk_test. Under the right field on WPPayForm’s setting, paste both keys.

Step 7

Give your company info that will be used during checkout and include your business logo.

Step 8

For recurring payments, you need to configure webhooks in your Stripe dashboard. You will find the detail instruction on the WPPayForm dashboard.

Step 9

There’s nothing more. Click the Save Settings button, and everything will be alright.

Stripe setup with WooCommerce Store

WooCommerce is a very popular way to open a store online. Previously, you only have to buy the addon from WooCommerce to enable Stripe. But now, with various tools, you can painlessly setup Stripe for the payment system in your shop.

Step 1

The first thing is, you have to download the free stripe plugin from the WordPress directory and install it to your site.

Step 2

Go to the WooCommerce setting from your WordPress dashboard. Now go to Settings>Payments.

Step 3

Scroll down to Payment Methods and select Stripe. Enable it, and then click on the Manage button.

Step 4

You will get several fields to fill out, including title and description. But, what important here is filling out the Publishable Key, Secret Key, and Webhook Secret. If you want, you can play with other options, like button customization and activating inline credit card form.

Get your Stripe API keys as you’ll need them to put into the respective fields.

Also, you have to choose whether to enable or not the Stripe Checkout. If you enable it, then a modal checkout form will appear with a buy button instead of the regular form. Scroll to the bottom and click Save Changes.

Step 5

Then go to the bottom and click on Save Changes.

Connecting Easy Digital Downloads

Easy Digital Downloads is another popular option for eCommerce payment. It was first built for digital products only, but it’s now can be used for physical products, as well. If you haven’t the plugin yet, get it now.

Step 1

After installing EDD, you need to have an extension for Stripe payment on your side.

Step 2

When you complete the installation, you’ll see a tool name Downloads – it’s EDD. Click there and go to Payment Gateways. Enable the Stripe first by checking the option. Now make Stripe your default gateway. Then select the credit card icons if you want to show them on checkout.

Click Save Changes.

Conclusion

Finally, I must say that setting up Stripe for WordPress is an uncomplicated task. Isn’t it? There are multiple methods, and all are for making the process easier and more convenient. Choose the method that seems right for you.

Sadiq Ahmad

Sadiq Ahmad is holding the helm of WP Fluent Forms' marketing team at WPManageNinja. As a WordPress-addict, he loves to write all about WordPress: themes, plugins, blogs, and tutorials. Digital marketing and SEO are his other strong suits. And he is not online only when he is exploring new dishes in local restaurants or burning the carbs in the gym.

Leave a Reply