How Do I Integrate a WooCommerce Shop?

Let’s say you have a shop that you want to integrate to xShopper.

First of all there, here are a list of things that you need to make the communication between your shop and xShopper secured.

SSL Requirement

Your website have to have an ssl certificate, so on a browser you should see a green Secure with a little lock when you visit your online shop.

For more information about SSL, feel free to contact us, and we’d be more than willing to help!

Email Validation

You would also need an email address from the domain like info@myshop.com.au.

To register this email to your profile in xShopper App, go to:

  1. Profile -> Edit Profile -> Email -> Update your email address and click Save.
    Once you’re done registering, you will receive an email to validate your email. Click on the link in the email.
  2. If your email is verified you will have an email verification notification in your profile page, that can be found right under your display image.
  3. Now you should able to manage your shop.
  4. It will be visible under Profile -> Edit Profile -> Managed Shop
  5. Next, ensure that you have the currency of your shop setup.

Notification

xShopper needs to be notified on product updates, and changes, so we would definitely need a web-hook for product updates, deletes and changes.

What about WooCommerce?

Go to WooCommerce -> Settings

Now go to API and webhooks

Click Add Webhook and setup the Webhook as follows:

Name: xShopper Delete
Status: Active
Topic: Product Delete
Delivery URL: https://api.xshopper.com/webhook
Secret: (here make up a min 15 length string with characters and numbers)
API Version: WP Rest API Integration v2

And click Save Webhook

Do the Same for Product Update, Product Created and Product Restored

Now you should be able to see something like this, make sure all items are Active:

xShopper

In the xShopper App, go to the Integration page for the Shop:

Click on Profile -> Edit Profile -> Managed Shop -> Edit Profile -> Integration

Webhook Menu
Type : WooCommerce API V2
Protocol : http or https up to your website what you use
Shared Secret : here you should paste/type the shared secret you did setup in WooCommerce

Create Orders in Your Shop

When you get an order in xShopper, we will automatically create an order in your WooCommerce shop.

WooCommerce

  1. First of all create a new user in your shop who is having shop manager or at least create order rights.
  2. Now come to the same menu option WooCommerce -> Setting -> API but now click on the Keys/Apps
  3. Click on Add Key

Description: xShopper
User: The newly created user
Permissions: Read/Write

Click on Generate API Key

Now you see a customer key and customer secret in the screen, save it to a document or notepad (ck_ is the customer key and cs_ is the customer secret)

xShopper

As for xShopper, click on the xShopper App’s Integration page for the Shop:

  1. Click on Profile -> Edit Profile -> Managed Shop -> Edit Profile -> Integration
  2. Paste/type the customer key under Shop Link -> Client Key
  3. and the Customer Secret to Client Secret
  4. Leave the rest of the fields empty.

For more questions or information, feel free to contact us via email us at contact@xshopper.com.