How to use Woocommerce with stripe (Woocommerce Stripe plugins)

Posted by & filed under WordPress Plugins.

Woocommerce Stripe

WooCommerce is the most popular e-commerce engine in the world. It is used on more than a third of all online stores, and this is about a million online stores. And this is absolutely logical because WooCommerce is extremely stable, easy to configure, as well as easy to expand and improve. Since Woocommerce is focused on the global market, it supports the direct payments, payment after delivery, or through the various payment systems.By default, Woocommerce supports two payment systems: PayPal and Stripe. If almost everyone has heard about PayPal, then Stripe is not so popular. In this tutorial, we will tell how to use Woocommerce Stripe together and look at the best Woocommerce Stripe plugins.

 

What is Stripe and how does it work?

Stripe is the largest processing platform that allows individuals and companies to accept payments via the Internet and in mobile applications. The service allows you to make a payment without redirection in one click, supports Bitcoin and Apple Pay. The company’s headquarters is located in San Francisco, USA. The founders of Stripe are brothers Patrick and John Collison.

Woocommerce Stripe

Work on Stripe started in early 2010 and already on September 29, 2011, after a thorough beta testing Stripe was officially launched. In March 2013, Stripe acquired the Kickoff chat and task management application, and it resulted the Stripe staff was replenished with new employees.

In June 2014, Stripe launched a beta program to support Alipay, opening up its payment processing services to customers in China. In October 2014, the service became one of the first payment service providers to support the integration of Apple Pay in iOS applications. In February 2015, Stripe launched support for Bitcoin transactions.

Today Stripe provides its services in 26 countries of the world (USA, Canada, UK, Australia, as well as a number of European countries), in the future the list of available countries will grow. The number of service customers is also growing. So, according to the company, there are more than 1,300 employees, 9 global offices, and millions of active Stripe users.

Woocommerce Stripe

Among famous customers using Stripe to accept payments are Xero, Rackspace, Hubspot, Twitter, Fitbit, Reddit, Kickstarter, The Guardian, and others. Sequoia Capital, General Catalyst Partners, Andreessen Horowitz, and PayPal founders Peter Thiel, Max Levchin and Elon Musk are among the investors.

Unlike other payment services, including PayPal and fully integrated e-commerce solutions such as Shopify, Stripe focuses only on providing the technical base, protection against fraud, and banking infrastructure necessary for online payment systems.

 

Integration

Using Stripe, web developers can customize the acceptance and processing of payments on their website without registering and maintaining a trading account. Integration, as a rule, doesn’t cause any difficulties, since the Streep back-end API supports various environments and programming languages, including Go, Java, Node.js, PHP, Python, and Ruby.

Stripe allows you to accept payments from any country in the world, however, the company connected to the payment service must be located in one of the allowed countries. The full list of the countries you can see on the official Stripe website. These are the countries in which the service is officially launched. The amount is quite limited but the service promises to add the new countries soon.

Payment for goods and services is made on the seller’s website, all the necessary data is entered into the built-in payment form. Thus, the client does not leave the site to pay for the selected product.

Stripe supports integration with Apple Pay in iOS applications and allows you to make payments on iOS devices with just one click. Since June 2014, Stripe has been running a joint beta program with Alipay, opening up its payment processing services to customers in China. Customers can pay for purchases via the Internet and through their mobile devices. Also, along with traditional currencies, Stripe supports work with Bitcoin, i.e. allows you to accept cryptocurrency with conversion into US dollars.

Stripe charges a fee of 2.9% + 30 cents for each successful transaction for its services. For each successful transaction with Bitcoin service takes a commission of 0.5% of the amount. But, unlike most of its competitors, Stripe does not charge for connection, does not require monthly fees, payment for card validation procedures or payment for transactions completed with an error. In addition, the system does not set limits on the minimum amount of monthly payments.

Woocommerce Stripe

The system is safe for buyers. Before connecting the sellers’ identity is carefully checked, the system ensures that the retailer’s activities comply with all local laws. At present, verification is carried out only in the United States and Canada, but other countries will join them in the future. After integration, all payments are credited to the merchant’s bank account.

 

Why using WooCommerce with Stripe is a good idea?

Stripe, an online payment gateway, provides several key benefits and is an excellent solution for use with your WooCommerce website.

  • On-site checkout. The biggest advantage of using Stripe is on-site checkout. On-site verification keeps your customer on your online store website, rather than sending them to another site to complete the verification and, as has been proven, results in higher conversion rates.
  • Easy integration with WooCommerce and WordPress in general. Stripe is easy to integrate to WooCommerce with the free WooCommerce Stripe extension that allows getting started in just a few clicks.
  • Simple payment structure. Stripe also has an easy-to-understand transaction fee structure: 2.9% + 30 cents for successful transactions, and no additional payments.

 

Using your WooCommerce store with Stripe

If you are completely unfamiliar with WooCommerce or WordPress, you need to set up your own WordPress website. Select the hosting provider, get the domain name, and make basic configurations. In general, the process is extremely easy and will not take much.

1. Install the WooCommerce plugin

After you have your own WordPress site, you need to install the WooCommerce plugin to turn your site into a fully featured e-commerce store on WordPress platform.

Woocommerce Stripe

When you first install WooCommerce, you will have the opportunity to go through the installation wizard. Any settings that you choose at this stage can be changed at any time after the completion of the installation wizard. You will see the option of choosing Stripe as a payment gateway. However, you need to add a payment gateway plugin in any case.

2. Install SSL certificate

To use Stripe, an SSL certificate is required to run on your site. It is not difficult to install the SSL certificate. If you are not sure how to do that, contact your hosting provider support.

SSL protects your site and visitor data by encrypting data transmitted over the Internet, such as submitting forms and transactions with a credit card. If you accept any payments on your website, SSL is not negotiable. In addition, the gateway plugin, which you will use automatically, implements Stripe JS to tokenize payments in order to protect card data.

3. Add the test products

If you are just configuring your website, the easiest way to start is importing some demo product. You can do this in the control panel of the e-commerce site in the Dashboard — WooCommerce section.

Woocommerce Stripe

Select “Add sample products” and click “Let’s Go” and you will be redirected to the settings screen. Make any changes to the design of your online store and click “Save and Publish.”

Woocommerce Stripe

Your product samples will be uploaded to make the testing very simple.

 

Installing a WooCommerce Payment Gateway

1. Install the Stripe Payment Gateway Plugin

After you log into your WordPress as a website administrator, go to Dashboard — Plugins — Add New and find WooCommerce Stripe or WooCommerce Stripe Payment Gateway. Among other Woocommerce Stripe plugins, this is the best solution.

Woocommerce Stripe

Click on it to install the plugin, and once more to activate it.

2. Configure Settings

Having installed the plugin, you will be taken to the Plugins page, where you should tap Settings to go to the Stripe settings screen.

Woocommerce Stripe

You can also access these settings in the Dashboard — WooCommerce — Checkout — Stripe section at any moment.

Woocommerce Stripe

Gateway Configuration

Woocommerce Stripe

Here is a step-by-step guide to configuring the Stripe payment gateway parameters:

  1. First, add your Stripe account. For that, create the new account if you do not have it yet, or log in to the existing one. This is a quick and easy process, clearly explained by the on-screen guide.
  2. Turn on Stripe by ticking a box.
  3. Enter a title. This is a must and will be displayed to your customers. They will see this name.
  4. Enter a description. This is optional, and the text entered in this field will be also displayed to your customers.
  5. Turn on test mode. After you have completed a successful transaction in demo mode, you can return to this screen to disable the test mode and enter your Live Publishable and Secret keys.
  6. Enter your test publishable key.
  7. Enter the test secret key. Woocommerce Stripe
  8. Enter the statement descriptor — this will be displayed on your client’s credit card statement.
  9. In most cases, you will be able to get the payments immediately; if you do not, you will get the payments in up to 7 days.Woocommerce Stripe
  10. If you turn on Stripe Checkout, your customers will be prompted to enter information about their card in the pop-up module, rather than on the screen fields.
  11. Select the language you want to use. The plugin supports many popular languages.
  12. Stripe Checkout allows you to select bitcoin currency as payments if it is required.
  13. You have the ability to display a custom image of 128 × 128 sizes in a checkout modal.Woocommerce Stripe
  14. If you have not enabled the Stripe Checkout feature, you are able to turn on the Payment Request API. It works with enabled browsers — for example, it offers Android Chrome users to use Chrome Pay and allows them to use their saved bank cards.Woocommerce Stripe
  15. If you want to turn on the Apple Pay, check the corresponding box.
  16. Set the button style you would like to prefer. You can choose among black or white.
  17. Select the language for the Apple Pay button. Here you can find more than two-digit ISO codes.Woocommerce Stripe
  18. Activating the payment via saved cards will let your customers reuse the same bank card in your online store. Stripe servers store the bank card numbers.
  19. Enabling debug message logging will save messages to help troubleshoot the site. This does not need to be included if you have no problems with your e-commerce store.
  20. Last but not least: do not forget to save your changes!

 

Testing WooCommerce with Stripe

We recommend testing your Stripe Payment Gateway using all the payment methods you have included.

Visit the front page of your store and add a demo product to the cart.

Go to the cart and go on with the checkout.

You can process a test transaction using test credentials shown on the screen.

 

Take the store payments alive!

After testing, go back to Dashboard — WooCommerce — Checkout — Stripe and check the box next to Enable test Mode button.

Woocommerce Stripe

You will need to enter your live publishable key and your secret key.

Do not forget to remove the demo products!

Once this is done, your WooCommerce site with Stripe Payment Gateway will be ready to let you sell anything without any limitations.

 

In this tutorial, we told you how to use Woocommerce website with Stripe payment system using the Stripe Payment Gateway plugin. Of course, there are some other Woocommerce Stripe plugins but we’re pretty sure this is the best one. Please let us know if you have any questions on the topic.

Leave a Reply