Hosting Tutorial & Guide

How to Accept Stripe Payment in WordPress

updated on Jan 06, 2017
How to Accept Stripe Payment in WordPress Due to the excellent ease of use, fraud prevention, and easy integration, Stripe has already been one of the most popular online payment gateways. It is supported by many leading eCommerce software including Magento and PrestaShop, but WordPress, initially started as a blogging platform, is not built with Stripe support.

Fortunately, the numerous WordPress plugins allow you to simplify a lot of tasks that seem difficult, including accepting Stripe payment on WordPress sites. If you are on the way to solve this issue, we have prepared the tutorials you need.

In below, we will show how to accept Stripe payment in two popular WordPress eCommerce pluginsWooCommerce and Easy Digital Downloads. In the case that you are not using any of these plugins, simply refer to the third part.

Accept Stripe Payment in a WooCommerce Store

As the most popular eCommerce plugin with nearly 20 million downloads, WooCommerce doesn't include Stripe support in the core features, but it comes with a Stripe extension. So if you have a WooCommerce store and want to accept payments through Stripe, you need to install a plugin named WooCommerce Stripe Payment Gateway which adds a Stripe payment option to WooCommerce.

When the plugin is activated, go to WooCommerce > Settings in WordPress admin area, and open the "Checkout" tab. There you will see the "Stripe" option. Open it for further configuration.

There are a number of options on the page that you need to deal with. First of all, tick the checkbox before "Enable Stripe", enter a custom title and description, and enable the test mode. Test mode allows you to test Stripe before showing it to your consumers, which makes sure that everything is right. However, you need to remember to disable the test mode when you are well prepared to accept Stripe payments.

Set Up Stripe

Then, scroll down and fill out the required secret keys. These fields are necessary for setting up Stripe on your website, and the needed information can be found in your Stripe account.

Stripe Secret Keys

Now you can save the changes and test Stripe on your WooCommerce store. You will see the Stripe payment option on your checkout page. Then your users are able to make payments with their credit cards via Stripe.

Stripe Payment Option

Accept Stripe Payment with Easy Digital Downloads

For WooCommerce sites, you can add a Stripe payment option for free, but if you are running a website with Easy Digital Downloads, you have to pay for a Stripe addon at $89/mo on the plugin's official site.

After the addon is installed, visit Downloads > Settings, open the second tab named "Payment Gateways", and you will see Stripe is listed as an option for the "Payment Gateways". Make sure to tick the checkbox before it to get it enabled. Also, you can set Stripe as the default gateway by selecting it from the dropdown.

Enable Stripe

After the settings are saved, you have to scroll down and fill out the Stripe settings including the API keys. Some other options are also available which you can handle as you will, such as asking for billing addresses and displaying checkout in modal. After dealing with all the options, store the changes to make Stripe working on your website.

Enter Stripe API

Add a Stripe Purchase Button with a Standalone Checkout Plugin

In the case that you are not using any of the eCommerce plugins introduced above but want to add a Stripe purchase button on your website to allow visitors make payments, you can take advantage of WP Simple Pay Lite for Stripe. This plugin enables you to embed Stripe checkout forms to accept credit card payments with ease.

Upon the plugin's activation, there appears a Simple Pay Lite menu item. Click on it, and you can access the settings. Under the "Stripe Keys" tab, you have to enter the API keys as is required. This enables the plugin to be connected to your Stripe account.

Enter API Keys

What you need to pay attention here is the "Live Mode" option. This option is by default turned off so that you can test Stripe in the testing mode. After everything is set up, you should turn the option on.

Then, open the "Default Settings" tab where there are a number of options to customize the Stripe checkout forms. With these options, you can enter a custom site name, define the currency, upload a brand logo, and customize the label texts for the payment button and checkout button.

Default Settings

Then, you are allowed to offer a URL for your customers to be redirected to upon successful payments. If you do so, you are suggested to disable the default success message in the plugin. Also, you'd better make a payment failure page and offer the URL in the settings.

Redirect URL

Besides, there are some other settings that allow you to verify zip code, require billing address, enable Bitcoin, enable Alipay, etc. You can configure them in any way you like.

Customize Stripe Payment

After saving the changes, you can use the [stripe] shortcode to add a Stripe checkout button to any WordPress page or post. This shortcode uses the plugin's default settings.

Also, you can customize the shortcode in the following way in order to display a more accurate checkout overlay that meets your expectation. For a complete guide on the customization, visit this page.

[stripe name="Your Store" description="Your Product Description" amount="1999"]