skip to Main Content

Thanks for reading another Woocommerce tutorial from the Square Internet blog on how to process a Woocommerce credit card payment.

In this article I will be showing you how to process credit card payments on Woocommerce.

How to process a Woocommerce credit card payment

Thankfully, processing credit card payments on Woocommerce is easy.

This is due to Stripe’s easy integration with Woocommerce. For those of you who don’t know, Stripe are one of the largest ecommerce payment processors in the world and also power of all of Shopify’s stores.

woocommerce credit card payment

The first thing you need to do is sign up for a Stripe account.

Create and configure an account to store the payments from your Woocommerce store.

Enable Stripe as a payment method

The next step to process Woocommerce credit card payments is to enable Stripe as a payment method via the Woocommerce settings.

To do this follow these instructions.

  1. Click on Woocommerce
  2. Click Settings
  3. Click Payments
  4. Enable Stripe
  5. Make sure your version of Woocommerce is updated to the latest version (always fully back up before you update Woocommerce or any plugins).

Woocommerce credit card payment

Configure Stripe with your API keys

After you have enabled Stripe as a payment method you will need to grab your API keys from your Stripe account to make your payment processor active.

Stripe has two sets of API keys and two modes.

Test and live.

When setting up and testing Stripe ensure that you set Stripe to test mode so that you can process test payments without any money actually being processed, or leaving your bank.

To configure your Stripe API keys follow these steps:

  1. Navigate to Payment Methods where you enabled Stripe
  2. Click on Stripe 
  3. Input your Stripe test API keys (use the screenshot below to assist you)

 

Woocommerce credit card payment

Test Stripe works

After you have successfully plugged in your API keys ensure that you Enable Test Mode and make sure you test that Stripe is working correctly.

You can do this as a regular customer would, by adding products to your cart and checking out on the checkout page.

If test mode is enabled correctly, no money will be processed and you can test an actual purchase.

If something is broken, this will allow you to safely debug what is not working without moving real sums of money around.

You may also like

How To Setup PayPal In Woocommerce

The Woocommerce Dashboard

How To Install Woocommerce

James Thomas

James is the owner of Square Internet and helps build, grow and scale WordPress based businesses for a living.