How to setup Stripe (live and test mode) in WooCommerce?

In this guide, learn how to setup Stripe on your WooCommerce store.

Before we begin you need to make sure that you have downloaded the official Stripe plugin from the WooCommerce marketplace.

Ensure this plugin is installed, active, and setup correctly!

If you are more of a visual learner, follow along to my quick and easy video below (over 35,000 views!).

Let’s jump into it!

  1. Enable Stripe in WooCommerce
  2. Get Stripe API keys
  3. Test that Stripe is working
  4. Stripe test mode

1. Enable Stripe in WooCommerce

The first step is to go to your WordPress dashboard, hover over WooCommerce, and go to the Settings.

Next, click the Payments tab.

Finally, click the checkbox to enable Enable Stripe Payment Method and click Setup/Manage.

If you have not created a Stripe account yet, create a business account before proceeding.

You need a business account to get your API keys from Stripe.

2. Get Stripe API keys

Next, add in your Stripe account keys.

To get your Stripe account keys, you will need to login to your Stripe dashboard.

From the Stripe dashboard, click Developers > API keys.

Then, you will be able to view your publishable and secret keys. Copy these values.

Then, paste these values in the API credentials section. Save Changes.

Next, from the Stripe dashboard, click “add endpoint”, and copy the webhook endpoint in WooCommerce and paste this value in the endpoint url in Stripe.

Finally, copy the webhook secret in Stripe and paste this value in WooCommerce.

Don’t forget to click ‘Save Changes’ in WooCommerce.

3. Test that Stripe is working

Finally, do a live transaction on your site using Stripe with your own credit card details. This way we know when real orders come through everything is setup properly!

Pro tip: Update 1 product in your store to be $1 and do a real transaction using Stripe to make sure everything is working!

Open up a browser on your phone or computer and go to your website and add one of your products to Cart.

You should see the option to pay with a credit card. Complete the checkout process and add in your own credit card details.

Afterwards, on your WordPress dashboard, go to WooCommerce -> Orders and make sure the order processed successfully.

How to setup Stripe test mode on WooCommerce?

On your WordPress dashboard, hover over WooCommerce and click Settings.

Next, click the Payments tab and click Manage next to Stripe.

Under Webhook Endpoints, find “Test mode” and click “Enable Test Mode”.

If you scroll down to your Stripe settings page, you will notice we need to insert our Test Publishable Key, Test Secret Key, and Test Webhook Secret.

To get these we need to go to your Stripe Developer account, and Sign In.

On your Stripe Dashboard, search API keys and click the link.

Then toggle ‘View Test Data’ in the top right and copy and paste the new Test Publishable Key and Test Secret Key into WooCommerce.

Next, copy and paste the new Test Publishable Key and Test Secret Key into your WooCommerce Stripe settings.

Click Save changes.

Your Stripe sandbox account is all set up.

Additional Resources

Simon Gondeck

I’m a big fan of WordPress + WooCommerce (especially WooCommerce Subscriptions). Check out my YouTube channel.

Leave a Comment