Setup Guide – WooCommerce Stripe Payment Gateway

The WooCommerce Stripe Payment Gateway plugin helps online store owners accept payments easily. It allows businesses to give customers different ways to pay, such as credit or debit cards, express payment buttons like Apple Pay, Google Pay, and Link, and local payment methods like Alipay, SEPA Pay, Klarna, and Stripe Checkout through the Stripe platform.

• Stripe Overview Page: This page gives a clear picture of all Stripe payments. You can manually capture payments and process refunds. It also shows a visual graph of payments made during a specific time. You can handle partial or full refunds and view all order and transaction details.
• Pay using local payment gateways.
• Express Payment Buttons: These buttons allow customers to pay quickly with Apple Pay, Google Pay, or Link. They can make secure payments with just a few clicks without entering payment details manually.
• Customize Stripe Checkout: You can add your own text, description, and logo to the Stripe payment page.
• Save card details: Store customer card information so they can use it easily for future payments.
• Capture Payments: You can capture payments right away or do it manually from the Stripe Overview Page or Dashboard.

Before starting, make sure you have a Stripe account. It is free to create a Stripe account. Stripe also allows you to test payments in a test mode. Check Stripe’s guidelines for the business information you need to provide.

To begin, install and activate the plugin. You can access the settings in two ways:

• From the dashboard, go to Plugins > Installed plugins > Stripe Payment Gateway for WooCommerce > Settings.

     

Image indicating the plugin settings

OR

• From the WordPress dashboard, click on Themehigh Stripe.

Themehigh Stripe icon in the dashboard

The Themehigh Stripe General Settings page will look like this:

For an existing user

Themehigh Stripe – General Settings

For a new user

General Settings of Themehigh Stripe plugin

Note: You need to switch from API key to OAuth 2.0 to improve security and connect your Stripe account. OAuth provides better control, restricts access to the data you need, and protects your company from unauthorized access.

1. If you’re a new user, when you go to the Themehigh Stripe menu, you’ll be asked to connect your Stripe account.

 

Connect to Stripe button

2. If you’re an existing user, go to the WordPress dashboard and navigate to Themehigh Stripe > General Settings. At the top, you’ll see a banner that asks you to connect your Stripe account using the OAuth 2.0 method.

Themehigh Stripe – Connect to Stripe button

3. Make sure you switch to live mode so you can receive real payments.

4. Click on the “Connect now” button. This will take you to the Stripe Sign-in page (if you haven’t already signed in).

5. After signing in to your Stripe account, you’ll be asked to install the Themehigh Stripe App.

6. Install the app. Once all the steps are done correctly, you’ll get a message that says the installation was successful. You’ll then be sent back to the plugin page.

7. Now, you can see that your Stripe account is successfully connected.

Upon successful completion, the general settings page will appear like this:

Themehigh Stripe – General Settings

• Stripe overview page – Enable this to add a sub-menu called “Stripe Overview” that acts like a Stripe dashboard. This gives you options to manage orders, process refunds, and capture payments. Keep it disabled if you don’t want this option. 

Stripe Payment Gateway Plugin for WooCommerce – Stripe Overview

• Capture payment immediately – This is enabled by default, It means payments are captured right away after a transaction is successful. Disable this if you want to capture payments later manually from the Stripe dashboard or order details page. 

• Express payment button position – This lets you choose where the express payment buttons (Apple Pay, Google Pay, and Link) appear in relation to the order button.
• Express payment button height – This lets you set the height of the express payment buttons (Apple Pay, Google Pay, and Link). Enter a value in the text box to adjust the height, with a range between 40 px to 55 px.
• Webhooks – To get updates on order status quickly, add your site’s webhook to the Stripe dashboard.  The plugin works with these webhook events:

          1. Charge.dispute.created

          2. Charge.succeeded

         3. Charge.failed

         4. Charge.refunded

         5. Source.chargeable

         6. Payment_intent.succeeded

         7. Payment_intent.payment_failed

         8. Checkout.session.expired

         9. Checkout.session.async_payment_succeeded

       10. checkout.session.async_payment_failed

Debug – This option records Stripe payment transactions in the WooCommerce status log.

• Log – Turn this on to save Stripe payment transactions to a log file.

Clicking on Save changes will save the configuration.

The plugin includes several payment gateways that you can activate based on your business needs:

• Credit/Debit Card Payment: Allow customers to pay with standard credit or debit cards.
• Express Payment Buttons: Offer quick checkout options by setting up express payment buttons.                                          These include:

1. Apple Pay

2. Google Pay

3. Link

•  Stripe Checkout: Use Stripe Checkout to process payments through Stripe’s hosted payment page. This option also supports Cash App Pay.
• Local Payment Gateways: Configure local payment methods to meet different regional preferences. The following gateways are available in this section:

1.  Alipay
2.  SEPA
3.  Klarna
4. Afterpay/Clearpay
5. WeChat
6. iDEAL
7. Bancontact
8. EPS
9. Przelewy24
10.  Bacs
11.  BECS
12.  FPX
13.  Boleto
14.  OXXO
15.  GrabPay
16.  Mutibanco
17.  Affirm
18.  Giropay (Deprecated)
19.  Sofort (Discontinued)