How to set up Stripe Checkout in WooCommerce?

How to set up Stripe Checkout in WooCommerce?

WooCommerce payments are an integral part of your eCommerce business. It’s the revenue system that keeps your store running over the long term. But are you sure that your WooCommerce store payment system is secured? How many of you have taken steps to ensure maximum security for your WooCommerce store payments?

Think of a situation in which your customers report multiple payment failures or payment security risks on your WooCommerce store? Fear not. In this article, we will introduce you to how to enable stripe checkout in your WooCommerce store.

If you are not familiar with stripe checkout, let us explain it first.

What is Stripe checkout?

Stripe checkout is a Stripe-hosted payment page optimized for conversion with less loading time and real-time card validation. It allows you to easily and securely accept payments for your WooCommerce store.

Your customers can feel a sense of security when they are proceeding to checkout and enter their card details. Stripe also offers a great payment experience for your customers. It comes with a handful of features like

  • Address auto-complete
  • 1-click payment using Link
  • Real-time card validation
  • Descriptive error messages
  • Third-party autofill
  • Card brand identification
  • Payment method reuse

How to set up Stripe checkout in WooCommerce?

Following steps will help you set up Stripe checkout in your WooCommerce store.

Step 1: Plugin Installation

Open your WooCommerce dashboard.

Go to Plugins > Add New.

Search for ‘Stripe Payment Plugin for WooCommerce’.

Stripe Payment plugin for WooCommerce

Install and Activate the plugin.

Step 2: Plugin Configuration

First, you have to create a Stripe account. If you already have a stripe account, log in using the credentials and obtain the API keys.

Go to WebToffee Stripe > General Settings.

1. Set the Transaction mode.

Test mode enables you to test the payments and Live mode activates the stripe payment live.

Let’s choose Test mode here. Enter the Test publishable key and secret key for testing the payment. If you are using Live mode, enter the Live publishable key and secret key.

2. Enable the Stripe overview page checkbox to have an overview page for managing all Stripe payments.

3. Then there is the Capture payment immediately checkbox, enable this checkbox to capture Stripe payments immediately.

WebToffee Stripe General Settings

Scroll down and click Save Changes.

Step 3: Activating Stripe Checkout

  • Go to the Stripe checkout tab under the WebTofee Stripe page.
  • Enable the Stripe checkout checkbox.
  • Add a Title and Description for the payment gateway displayed at the checkout.
  • Enter the text for the Order button at the checkout.
  • Choose a locale from the dropdown menu.
  • Enable Send line items to stripe to view all order line items like tax, shipping fees, etc at the stripe checkout page.
  • Check the Billing address and Shipping address checkboxes to ask for address details on the stripe checkout page.
Enable stripe checkout
  • Click on Save Changes to save the settings.

Step 4: Testing Payments via Stripe Checkout

Go to the shop page. Add any product to the cart and proceed to checkout.

There you can see the Stripe checkout option in the payment section.

Click on the Pay via Stripe Checkout button and you will be redirected to a stripe-hosted payment page.

Billing page with Pay via stripe checkout button

Add your billing address and payment details.

Stripe hosted checkout page

Click on Pay to process the payment.

You can see the order received message along with the order details.

Order confirmation page

Stripe offers some additional branding options in the stripe dashboard settings. You can customize payment receipts for your customers in the stripe dashboard. Add your store icons and logos to the payment receipts. It lets you showcase your brand on the checkout page using custom styling for font, border, and more.

Branding options in stripe dashboard

Wrapping Up

Stripe checkout ensures maximum security for WooCommerce store payments. It enhances the payment experience in your store. Your customers can feel a sense of security on your checkout page.

To enable additional payment options such as Alipay, SEPA pay, and WeChat Pay, you may have to purchase our premium WooCommerce Stripe Payment plugin. The plugin follows the Strong Customer Authentication (SCA) rules and employs 3D Secure for card payments on your WooCommerce store.

If you have any questions, please feel free to ask in the comments section.