How to setup Stripe Payment Gateway Plugin for WooCommerce?

Stripe Payment Gateway Plugin for WooCommerce provides one easy, effective payment gateway extension for Credit Cards, Alipay and Apple Pay for your WooCommerce store. You can accept MasterCard, Visa, American Express, Discover, JCB and Diners Club cards for payments. Not just that, you can also capture payments, perform partial or full refunds.

The Stripe Payment Gateway Plugin for WooCommerce is also equipped with lots of customization for user interface and payment transactions. In addition to this, you can also send payment transaction emails. You can also easily integrate this plugin with Subscription for WooCommerce plugin.

All these features (and many more!) are bundled into one payment solution from Stripe for WooCommerce stores.

This article intends to provide detailed, step-by-step instructions that’ll help you set up this plugin. Refer the product page to know more about other various features of the plugin.

Overview

Some of the major highlights of the Stripe Payment Gateway Plugin for WooCommerce includes:

• Stripe Overview Page: A consolidated overview of all your Stripe payments. You can capture payments manually, and refund payments as well. You can also view a graphical representation of the overview of the Stripe payment for a given period of time. Refunds can be partial or full, as per your requirement. You can view all the order/transaction details as well.
• Customize your Stripe Checkout: You can set custom text, description, and logo for Stripe payment gateway.
• Choosing desired credit cards: You can choose desired credit cards from a list of major cards supported by the plugin. You can select MasterCard, Visa, American Express, Discover, JCB and Diners Club cards in your store.
• Save card details: You can save customers’ card details so that it’ll be easy for them to use for their next transaction.
• Capture Payments: You can capture payments immediately, or capture manually on Stripe Overview Page.
• Choose desired language for Checkout: You can choose the preferred language from Simplified Chinese, Danish, Dutch, English, Finnish, French, German, Italian, Japanese, Norwegian, Spanish or Swedish.

And there’s much more, read on to explore more about the plugin.

Installation & Activation

After purchasing the Stripe Payment Gateway Plugin for WooCommerce, plugin zip file will be available in MY ACCOUNT section.

Here’s how you can install and activate the plugin:

1. Navigate to MY ACCOUNT -> API Downloads tab, and download the plugin.
   Note: If you have the basic/free version already installed, please deactivate and delete it before installing premium version to avoid any conflict. Your plugin settings will be retained.
2. Install the downloaded plugin zip file into your WordPress/WooCommerce site.
3. Once installed, you can activate the plugin. You can find Activation Key and Activation Email in MY ACCOUNT -> API Keys section.
4. Go to your plugin settings and activate it using activation key and email address.

For detailed information about installing our plugins, read How to Download, Install, Activate & Update WooCommerce Plugin?

Getting started with Stripe Payment Gateway Plugin for WooCommerce

Once the plugin is installed and activated, you can navigate to plugin settings in two ways:

• Dashboard > WooCommerce > Settings > Checkout > Stripe Payment (or)

• Dashboard > Plugins > Installed Plugins > Stripe Payment Gateway for WooCommerce > Settings.

All right, now let’s get down to configure the plugin.

Generic settings

First up, is the generic settings. These settings are as given below:

• Stripe Payment: Tick this checkbox to enable Stripe payment.
• Stripe Overview Page: Tick this checkbox to enable Stripe Overview Page.
• Title: Enter a custom title for Stripe payment. This title will be visible on the checkout page.
• Description: Enter a custom description for Stripe payment. This description will be visible on the checkout page.
• Order Button Text: Enter a custom text for Stripe checkout button.
• Preferred Cards: You can select desired cards from the multiple-select box. The logo of the selected card(s) will be displayed on the checkout page.
  Cards supported by the plugin are:
  • MasterCard
  • Visa
  • American Express
  • Discover
  • JCB 
  • Diners Club
• Preferred Locale: You can select a custom language for Stripe the checkout.
  Language supported by the plugin are:
  • Simplified Chinese
  • Danish
  • Dutch
  • English
  • Finnish
  • French
  • German
  • Italian
  • Japanese
  • Norwegian
  • Spanish 
  • Swedish

Entering Stripe Credentials

There is no question that, to use Stripe payment for your WooCommerce store, you need a Stripe account. Hence, you need to register in Stripe and receive your test and live credentials.

Once you receive your credentials, you should enter them in the following fields:

• Transaction Mode: With this option, you can set the required API mode for the Stripe payment gateway.
  Available options are:
  • Test Mode: This mode is used to do some test purchasing by using Stripe.com API. There is no real money transaction involved. This mode is used only for development purpose and requires the Stripe test credentials.
  • Live Mode: This mode is used for the actual payment transaction, and requires live credentials.
• Test/Live Secret Key: Enter the test (or Live) Secret Key provided by Stripe here.
• Test/Live Publishable Key: Enter the respective test (or Live) Publishable Key.

Defining Stripe Actions

The settings are as shown below.

• Capture Payment: Tick this checkbox to capture the payment as soon as an order is placed. Else, you can capture payments manually in Stripe Overview Page.
• Restrict Cards: Tick this checkbox to restrict cards for payments, selected in the Preferred Cards setting.
• Email Transaction Receipt: Tick this checkbox to send transaction receipt via email to your customers. This email is sent by Stripe itself and is applicable only in live mode.

Enabling Apple Pay

This section contains all settings related to Apple Pay. The settings are as given below.

• Apple Pay: Tick this checkbox to enable Apple Pay.
• Apple Pay on Checkout Page: Tick this checkbox to enable Apple Pay checkout on your checkout page.
• Apple Pay on Cart Page: Tick this checkbox to enable Apple Pay checkout on your cart page.
• Apple Pay Description: Enter a custom description for Apple Pay payment. This description will be visible on Apple Pay checkout.
• Position of Apple Pay Button: You can choose to place Apple Pay button on Above or Below the WooCommerce checkout button.
• Apple Pay Button Color: You can change the Apple Pay checkout button to Black or White.
• Apple Pay Button Text: You can choose a suitable Apple Pay button text from the following options:
  • Apple Pay
  • Buy with Apple Pay
  • Set up Apple Pay
• Apple Pay Separator: Enter a custom text that separates Apple Pay and WooCommerce checkout buttons.
• Apple Pay Button Language: You can set any custom language for Apple Pay button. You should enter the 2-letter code of the desired language. Refer this table for language codes.

str

Enabling Alipay

In our Stripe Payment Gateway Plugin for WooCommerce, Alipay supports Australian Dollar (AUD), Canadian Dollar (CAD), Euro (EUR), British Pound (GBP), Hong Kong Dollar (HKD), Japanese Yen (JPY), New Zealand Dollar (NZD), Singapore Dollar (SGD) and United States Dollars (USD).

This section contains all settings related to Alipay. The settings are as given below.

• Alipay: Tick this checkbox to enable Alipay.
• Title: Enter a custom title for Alipay payment. This title will be visible on the checkout page.
• Description: Enter a custom description for Alipay payment. This description will be visible on the checkout page.
• Order Button Text: Enter a custom text for Alipay checkout button.

Defining Stripe Abilities

This section contains settings that provide added functionality to Stripe. The settings are as given below.

• Checkout Form description: Enter a custom description for your checkout form.
• Ask Billing Address in Stripe: Tick this checkbox to ask billing address from your customers in Stripe payment form.
• Display Checkout Logo: Tick this checkbox to display the Stripe logo on the checkout page.
• Stripe Checkout Logo: Once you enable the above option, an option to select the logo appears. You can select an image from your WordPress media library or specify the image URL in the given text box.
• Stripe Save Cards: If you wish to save card details of the customers for future use, tick this checkbox.
  On Stripe checkout form, an option titled Remember me will be available for saving the card details for customers.

stripe

Debugging

If you are not getting all the available payment options, or not getting any option at all, then you can enable Debug option to find the error(s). By enabling logging, you can trace the issue using log. You can see the Success Log file or Failure Log file.
The debugging settings are as shown below.

Finally, click Save changes to save/update the plugin settings.

Stripe Overview Page

Go to Dashboard > WooCommerce > Stripe Overview.

In the Stripe Overview page, you can capture or refund payments manually. The payment capture and refunds can be partial or in full. You can also view a graphical representation of the overview of the Stripe payment for a given period of time. You can view all the order/transaction details as well.

Overview of Stripe

Overview of Stripe appears as shown below:

In the overview section on the top left corner, you can see the total Captured, Uncaptured and Refunded amount for a given amount period of time, by Stripe payment gateway. A graphical representation of the same can be seen on the top right section.

The below section contains Order Details and Transaction Details.

Order Details

This tab consists of all the orders purchased using the Stripe Payment Gateway plugin for WooCommerce.

You can refund full or partial amount. You can change the action of the order status (Process, On Hold & Completed) as well.

Also, the plugin provides an option called Table Row that restricts order view for the given number. You can also search for an order in the given search option.

Transaction Details

This tab displays all the transactions made using the Stripe Payment Gateway plugin for WooCommerce.

The order and transaction details (under Order Notes) can also be viewed in Edit Order page.
Go to Dashboard > WooCommerce > Orders, and select your desired order.

A sample order page is shown below.

Demonstration

Now let’s see how these settings are affected in the front-end of your WooCommerce store.

1. Payment checkout with Stripe

Once a customer adds a product to the cart, the checkout page appears as shown below.

Once you click on Pay via Stripe button, the Stripe checkout form appears as shown below.

2. Payment checkout with Apple Pay

The Apple Pay checkout button will be available on the cart and checkout page, as configured in the plugin settings.

• Apple Pay checkout on Cart page:

• Apple Pay checkout on Checkout page:

After you click on the Apple Pay checkout button, the Apple Pay checkout form appears. A sample checkout form is as shown below.

To know more about the product, check out Stripe Payment Gateway Plugin for WooCommerce.

Or check out the documentation section for more related articles.