DocumentationStripe Payment Gateway for WooCommerceHow to Setup Credit Card payments using Stripe Payment Gateway Plugin for WooCommerce?

How to Setup Credit Card payments using Stripe Payment Gateway Plugin for WooCommerce?

With Stripe Payment Gateway Plugin for WooCommerce, you can effortlessly accept major credit cards for payments on your WooCommerce store. You can accept MasterCardVisaAmerican ExpressDiscoverJCB and Diners Club cards. Customers can also save credit card information for future use. The complete payment transaction occurs on a Stripe iframe loaded on your store. Hence, your customers do not have to leave your site for payment, making the checkout process smooth.

This article intends to show you how to set up Credit Card using the Stripe Payment Gateway Plugin for WooCommerce. Refer to the product page of the plugin to know more about other various features of the plugin.

Let’s break down these settings in five simple steps.

1. Generic settings for Credit Card payment

For setting up credit card payments, configure the following settings, step-by-step:stripe general settings

  • 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.
  •  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 Checkout.

2. Enter Stripe Credentials

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, enter them in the following fields:Stripe WooCommerce Stripe Credentials

  • 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 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.

3. Define Stripe Actions

The settings are as shown below.Stripe WooCommerce CC Stripe Actions 1

  • 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.
  • Currency Conversion: Enable this check box to allow conversion to any desired currency.
    The conversion is made using Google Finance. Google conversion differs from Stripe, hence you may get a little difference in price. Read the disclaimer for more information.
  • Conversion description: Enter a custom description for currency conversion. This description is visible to customers on the checkout 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.

4. Define Stripe Abilities

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

  • 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.

Click Save changes to save/update the plugin settings.

5. Checkout using Stripe

After you configure all the settings, move to the checkout page to view the Stripe checkout process.Stripe WooCommerce CC Checkout

In the above screenshot, you can notice icons of all the preferred credit cards.

Click on Pay via Stripe button to continue the payment process. The Stripe checkout form appears as shown below.Stripe WooCommerce CC Stripe Checkout

Enter the required details, and click Pay to complete the payment process.

That’s it! with these simple steps, you can accept credit card payments with Stripe Payment Plugin for WooCommerce.

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

For understanding each feature of the plugin, visit the product setting up article.

Or check out the documentation section for more related articles.

  • Was this article helpful ?
  • YesNo