How to Setup Stripe in WordPress – a Complete Guide
Do you have an online store without a payment gateway? Setting up a new store and want to accept Stripe payments? Want to add Stripe as a payment method to your existing store?
Every online store selling products, be it physical or digital, needs a payment gateway to help you easily accept payments.
In this article, we will show you, step-by-step, how to easily set up and accept payments in WordPress. And in particular, set up Stripe within WordPress.
When you are starting with an online store, in addition to deciding on the best hosting service providers, one of the most critical questions would be on how to accept payments online.
While there are several payment gateways available, such as Amazon Pay, Authorize.Net, 2Checkout, Braintree (owned by Paypal), Skrill, the two most commonly used payment gateways are PayPal and Stripe.
Both PayPal and Stripe allow you to easily integrate a payment gateway with your WordPress store and accept payments.
This article covers how to set up Stripe with WordPress and WooCommerce store. We will also cover adding payment options to WPForms and Easy Digital Downloads.
First, let’s take a quick look at what a payment gateway is, what it does, and the key differences between PayPal and Stripe.
Table Of Contents
- What Is a Payment Gateway and How Does It Work?
- Paypal vs Stripe: An Overview
- How to Accept Payments in WordPress
- How to Set up Stripe on a WordPress Site
- How to Set up Stripe With WPForms
- How to Set up Stripe in WooCommerce
- How to Set up Stripe in Easy Digital Downloads (EDD)
What Is a Payment Gateway and How Does It Work?
A payment gateway is an application integrated into your online store that enables secure payments. It acts as the middleman between you and your customer. It works by accepting the payment from a customer when they purchase something and transfers it into your bank account.
Integrating a payment gateway to your website or app is the simplest way to accept online payments. Not only do these payment gateways allow you to accept online payments through debit cards and credit cards but also various other modes such as net banking, prepaid instruments, wallets as well.
This is a brief overview of how a payment gateway works.
Step 1: The customer places their order and clicks on checkout.
Step 2: They are then directed via a payment gateway where they select the preferred payment option and enter the relevant information.
Step 3: The payment gateway directs the customer to the issuing bank or a 3D Secure page. 3D Secure requires customers to complete an additional verification step to prevent fraud. The customer would be required to authorize the transaction with the card issuer.
Step 4: On successful authorization, the bank verifies details such as the customer credentials and account balance to complete the transaction.
Step 5: The payment gateway sends a message back to the merchant. If the transaction fails, the merchant sends a ‘Transaction Failed’ message to the customer. If the transaction is successful, not only will a success message be displayed to the customer, the merchant will also receive a success message from the bank.
Step 6: The bank settles the amount with the payment gateway, which in turn settles with the merchant. Based on your payment gateway, any transaction fees will be levied on the amount before settling it with the merchant. We’ll cover this a little later in this article.
The entire transaction is carried out through ‘HTTPS’. All payment gateways require your store to use ‘SSL/HTTPS’ encryption. SSL is also a Google prerequisite to rank a website, i.e., using the ‘HTTPS’ in your URL.
Most hosting service providers offer free SSL certification. For example, SiteGround offers free SSL with the ‘Let’s Encrypt’ option.
If you’re planning to set up your online store, our article ‘How To Secure Your WordPress Website – Step By Step Guide’ includes everything you need to know.
Paypal vs Stripe: An Overview
Now that we’re clear on what a payment gateway is and how it works, let’s look at the two most commonly used payment methods, PayPal and Stripe.
While we wouldn’t want to dive deep into the two payment gateway providers in this article, we’d like to summarize the two to help you make an informed decision about which to choose.
|Fee per Transaction*||2.9% + fixed fee||2.9% + fixed fee|
|Setup Costs or Monthly Fees||Nil||Nil|
|Micropayments (<$10)||5.00% + micropayments fixed fee||5.00% + micropayments fixed fee|
|Refunds||You can either issue partial or full refunds. There are no fees to refund a charge, but the fees from the original charge are not returned.||You can either issue partial or full refunds. There are no fees to refund a charge, but the fees from the original charge are not returned.|
|Customer Support||Email, Help Centre, Phone & Chat||Email, Help Centre, 24/7 Phone & Chat|
|Ease of Setup||Easy||Moderate|
|Access to Funds||Immediate||2 Days (Average)|
Both PayPal and Stripe offer merchants great features and flexibility. At the end of the day, you have the freedom to choose a payment gateway depending on your specific requirements.
For this article, we will go ahead and set up Stripe in our WordPress store.
How to Accept Payments in WordPress
There are different ways in which you can accept payments in WordPress. We will cover 4 simple methods to set up Stripe, namely:
- Stripe With WordPress
- Stripe With WPForms
- Stripe in WooCommerce
- Stripe in Easy Digital Downloads (EDD)
How to Set up Stripe on a WordPress Site
If you don’t intend to create a full-fledged eCommerce store and are looking at selling just one product at a fixed price, then this is ideal for you.
If you’re a freelancer or consultant or are selling an eBook, digital product or want to feature a Donate Now button, Stripe is ideal
Step 1: Install the Stripe Plugin
Install and activate the ‘Stripe Payments WordPress Plugin – WP Simple Pay’ plugin.
This plugin comes with both a free and a paid version.
‘WP Simple Pay’ is a standalone plugin that can easily connect Stripe with WordPress.
Some of the features in the free version of the plugin includes integrating Stripe Checkout with unlimited payment forms, displaying your brand and/or product images on the Stripe Checkout pages, an option to collect customer billing and shipping addresses, and so much more.
For a detailed list of features in both the free and paid version, visit the ‘WP Simple Pay Pro Features’ page.
Once you have installed and activated the ‘WP Simple Pay’ plugin, you’ll notice a ‘Test Mode’ activated notification on the top right-hand corner of your WordPress dashboard.
Step 2: Setting up a Stripe Account
Proceed to ‘Simple Pay Lite > Settings’ as shown below.
You will notice in this ‘Settings’ page, the ‘Test Mode’ has been set to ‘Enabled’. Change this to ‘Disabled’ when you take your site live or want to start accepting payments.
WP Simple Pay uses tabs to keep things organized. There is the ‘Stripe Setup, General, and Payment Confirmation’.
In the ‘General’ tab, you can set the various pages such as the ‘Payment Success Page’, ‘Payment Failure Page’, and the ‘Payment Cancelled Page’. The dropdown will have the list of pages currently on your WordPress site.
In addition to setting the pages, you can set the currency as shown in the image above.
If you have not picked up the Pro version of the plugin, you will notice the ‘Upgrade Now’ button on ‘Stripe Addon’.
Go to ‘WPForms > Settings’, include the licence key you’ve obtained after upgrading to the Pro version, and click on ‘Connect’.
On successful activation, you’d notice a new ‘Payments’ tab included.
Step 2: Settng up Stripe
Go back to ‘WPForms > Addons’ and click on the ‘Install Addon’ button under ‘Stripe Addon’. Once the Stripe button is activated, you have to fill in the details under the ‘Stripe Settings’, as shown in the image above.
Details such as the secret key and publisher key can be obtained from your Stripe accounts page.
Now that Stripe has been set up, we can create our form.
Step 3: Creating the Form
Go to ‘WPForms > Add New’. You could choose from a list of pre-made templates or you could create a form from scratch by selecting ‘Blank Form’.
For this example, I will select ‘Create a Simple Contact Form’.
Once you have decided on the various fields for your contact form, select ‘Stripe’ under the ‘Payment Fields’.
Ensure you have the ‘Enable Stripe payments’ option checked, as shown below.
Click on ‘Save’ once you have completed creating the form.
Step 4: Including the Form in a Page
The final step is including the form on a page on our WordPress site.
Create a new page, and include the ‘WPForms’ widget.
Then select the form you created, which in this example is the ‘Simple Contact Form’.
Publish the page when you have completed it. And that’s it. You have now learned how to set up Stripe using WPForms.
How to Set up Stripe in WooCommerce
The next method is setting up Stripe for WooCommerce.
Once you have installed and activated WooCommerce in your WordPress site, go to ‘WooCommerce > Settings > Payments’.
You will notice the default payment methods available.
Step 1: Install the WooCommerce Stripe Payment Gateway Plugin
To set up Stripe you will need to install the ‘WooCommerce Stripe Payment Gateway’ WordPress plugin.
In addition to accepting payments from popular credit cards such as MasterCard, Visa, American Express, Discover, JCB, and others, the WooCommerce Stripe Payment Gateway plugin allows your WooCommerce store to accept payments via Apple Pay, Google Pay, and Microsoft Pay.
Once you have activated the plugin, you’ll notice several options Stripe provides. Enable the options that best suit your requirements.
Step 2: Setting up Stripe for WooCommerce
For this article, we will set up the ‘Stripe – Credit Card (Stripe)’ option. Click on ‘Set up’.
The following page will be displayed.
To connect your WooCommerce store with Stripe, you’d require the publishable key and the secret key. These details can be obtained from your Stripe account.
The rest of the options on the settings page are self-explanatory, so choose from the appropriate options. Once complete, click on ‘Save changes’.
And that’s it. You’ll notice the ‘Credit Card (Stripe)’ option displayed on the checkout page, as shown in the image below.
How to Set up Stripe in Easy Digital Downloads (EDD)
When it comes to selling digital products and downloads, in addition to using the above methods, another option is using the ‘Easy Digital Downloads (EDD)’ WordPress plugin.
With the free ‘Easy Digital Downloads (EDD)’ WordPress plugin, you can sell eBooks, PDF files, WordPress plugins, and other digital items easily.
You’ll notice the default payment options available with the free version of the plugin. And nope, Stripe is not integrated into the free version.
For the Easy Digital Downloads Stripe integration, we require the premium version. It can be purchased and downloaded from the ‘Stripe Payment Gateway’ page.
Once you’ve purchased the premium version, you’ll notice ‘Stripe’ under the ‘Payment Gateways’ tab under ‘Downloads > Settings’. And yes, ‘Downloads’ is the same as ‘Easy Digital Downloads’.
Click on the ‘Stripe’ link and key in the details required.
All the above information can be obtained from your Stripe account settings page.
Once you’ve completed, click on ‘Save changes’.
And that’s it. You have set up Stripe with Easy Digital Downloads (EDD) and your checkout pages will be able to accept credit card payments with Stripe.
It is exceptionally easy to set up Stripe with WordPress. All four methods explained in this article take only a few minutes to set up. You can opt-in for either the free versions or enhance the functionality and features by upgrading to the premium versions.
Setting up Stripe within WordPress is easier than you might think and involves nothing more complicated than copying and pasting details from one account to another.
We’d like to hear about your experience. Which of the above methods have you used to set up Stripe with your WordPress site?
全新 Digital Marketing 體驗，請聯絡 Web 仔。