How To Intergrate Stipe Into Woocommerce

Integrating Stripe with woocommerce

Share on facebook
Share on twitter
Share on linkedin
Share on email
Share on whatsapp

This article may contain affiliate links, if you use one there is no extra charge to you but the company may recognise my contribution and give a bonus.

Out of all the standard payment processors for WordPress and Woocommerce Stripe is our favourite. This is because it is easy and simple to use and the fees are lower than that of Paypal. Years ago Paypal was dominant but in recent times this grip on ecommerce payments has slipped and made way for more efficient and intuitive companies.

This guide is aimed at clients working with WPDesigns and therefore much of the work that is required to setup and configure Woocommerce and Stripe in the WordPress dashboard has been done by us. This guide is still applicable to those looking on how to integrate Stripe into their site. If you need help don’t hesitate to get in contact.

As you collect the information it is worth noting which keys belong to which.  It is possible to work it out but it makes the process smoother if it can be seen at a glance.

Graphics 14

API Key

An API Key or application programming interface is a unique code that allows two systems to pass information between and identify the system.  Keys are created and unique to each system, they consist of a public and private key which work together to keep it secure.

In this case it is being used by Woocommerce and Stripe to communicate the payment information of your clients.

Create Account/ Sign in

The first step is to create an account or sign in to your existing one. You’ll need to go to Stripe.com

Developer Options

From the main “Overview” screen select “Developers”.  If you require the test keys or the live keys this can be toggled on and off from here.  It is recommended to go through the process and collect the test keys first so that it can all be tried out and working before trying to make the first purchase.

After you have collected all the test data, toggle off the switch and collect the live data.

API Keys

By clicking the “Developer” menu item it opens up the developer menu.  You’ll need to click on API keys.

Copy the “Publishable key” and paste it somewhere safe i.e notepad.

For the secret key “Reveal Key” and copy and paste that too.

Web Hooks

After the API Keys are created you’ll need to create the Web Hook.  The web hook allows updates from the payment system to your website – without it there will be no updates.

Click the web hook menu item to get started.

Creating Your Web Hooks

Click the web hook menu item to get started.

Graphics 5

Add End Point

You’ll need to create the web hook end point.  Click “Add endpoint”

Web Hook Events

For the web hook to be able to do anything with your website you need to tell it what events you’d like it to use.

You can select “receive all events” for it to capture everything.  If you’d like to be more selective, you can, but this is not necessary.

Get Your Web Hook

Now that your web hook is created you’ll need to get the code – much as with the API keys.

 

Web Hook Secret Key

To get the final details which is the web hook signing secret you need to click the “click to reveal” and then copy that.

Once you have collected these you can send them back to us to be added into your site.

WPD CMS

Our WPD CMS is a variation of WordPress that is has been optimised in order to allow our clients to streamline their user experience when managing their own website. This allows them to confidently navigate through the website without hesitation of causing major issues or breaking the site.  This also allows our clients to be autonomous with their website and it’s contents.  If you would like to learn more about the WPDesigns CMS we will be happy to answer any further questions you may have.

Josh

Typically replies in minutes

Hi there,

Feel free to message me if you have any questions.

Contact Us