How to setup shopify conversions with WebsitesToolz

If you have a Shopify store and you want to show the latest conversion notifications or the conversions count of certain products that you are selling on your Shopify store, then this is the guide for you. Connecting Shopify with WebsitesToolz to display conversion notifications is a straightforward process which does not involve any coding for you. We use a very easy and simple to configure method called Webhooks.

What are Webhooks?
A webhook (also called a web callback or HTTP push API) is a way for an app to provide other applications with real-time information. A webhook delivers data to other applications as it happens, meaning you get data immediately. Unlike typical APIs where you would need to poll for data very frequently in order to get it real-time. This makes webhooks much more efficient for both provider and consumer. Now that we know what a webhook is lets get started.

What outcome do we want?
Lets understand the workflow first. Find below detailed steps to configure an example conversion notification as displayed below.

https://www.websitestoolz.com
  • A Shopify order is completed/paid for.
  • Shopify sends a “message” to WebsitesToolz with the details of the order.
  • Websitestoolz receives, parses and stores the “message” from Shopify.

Now the Notification created with WebsitesToolz will show the latest conversion that happened on your Shopify store. This is what the final notification would look like as shown in the image above.

Lets get started..
Firstly, you need to complete the steps below.

You have WebsitesToolz account created.
You created your campaign for your website.
Enabled the same and installed the pixel code on your website.
You have an active Shopify store account.

Steps to add WebsitesToolz pixel code to your Shopify store:
You can add websitestoolz pixel code to your shopify store in just a few easy steps as follows.
If you are not familiar with adding code seek advice from your web developer.

a. Login to your Shopify admin.
b. Go to Online Store > Themes
c.  In the Current theme section, click Actions, and select Edit code.
d.  Click the theme.liquid file to open the code editor
e.  Add your websitestoolz pixel code on the next line just after the <head >tag
f.  Click Save and your done.

How to set it up.
For this guide, we are using the WebsitesToolz demo notification installation and a demo Shopify store.

Create WebsitesToolz notification.
Go to the campaign that you have enabled
Click the Create Notification button after selecting the type as “Latest Conversion” and submit
Fill out the Title of your new notification, description and other input fields.
Complete all the sections for that notification customize, triggers, display.
Make sure that the notification is Enabled!

Configure Shopify
Make sure that you are logged into your Shopify store account.

From the Shopify admin page, go to Settings and then access Notifications.

https://www.websitestoolz.com

Scroll down to the Webhooks section and then, click the Create webhook button.

https://www.websitestoolz.com

Now open the notification created in the WebsitesToolz dashboard, and click on the Data under Settings in the left sidebar. Now go to the Shopify store tab and paste this webhook trigger URL. Note copy and paste the url in a note pad and then copy and paste if you face any problem copying the url.

https://www.websitestoolz.com

Now copy the Webhook Trigger URL which is highlighted in your data section of WebsitesToolz notification created. Open the shopify store tab and paste
this webhook url in the URL input field of the pop up that appeared when you clicked on create webhook.

https://www.websitestoolz.com

Befor you save the webhook, you need to input other fields in the popup as below.
You now need to define the Event of the Webhook by selecting from the drop down menu.
On completion of what event should Shopify trigger the execution of the webhook.

In this eaxmple, I selected “Order payment” because we want to track the latest order payments with WebsitesToolz.
Now make sure to select the Format to JSON on the popup and click Save webhook.

Your screen should like this:

https://www.websitestoolz.com

Now that you have this webhook set up, lets also test it out.

Click on the Send test notification button now next to the webhook created on your shopify account. Now, if we go back to the Notification created on WebsitesToolz and access the Data section on top of the notification next to Statistics, we will see something like this:

https://www.websitestoolz.com

Now as you can see in the image above there is a new “Conversion” registered in the data section of the notification you created on WebsitesToolz.

If you click on Click to Expand then you will be able to see even more details and the caught variables, which you can use to customise the title or description of the notification. This way you can create a stream of notifications repeating the above steps and choosing a different event to show different notifications.
So simple and easy, no coding. Just automate your notifications and let your customers notifications do all the selling..

https://www.websitestoolz.com

Now, you can go to the Settings of the notification created on WebsitesToolz and configure your notification as you’d like.

This is an example of how I have configured it:

https://www.websitestoolz.com

You can see above that the Notification Title is using the {email} variable from the conversion notification data captured and also that the notification description is using the {total_price} variable. Here is the final result, just like we wanted: For many more examples sign up to our help desk to access our knowledge base and regular updates.

https://www.websitestoolz.com

. Great! our test notifcation as configured above is showing on our shopify store as you can see above in the bottom left corner popup. This way you can choose any pre defined variable from the data captured and create conversions that matter to your audience thereby boosting conversions and driving sales on on your shopify, woocommerce or any other ecommerce, online store using WebsitesToolz. Finally you can view the analytics for each and every campaign as well as statistics of each and every notification created under any campaign with WebsitesToolz. If you found this post usefull please subscribe and share.

Leave a Comment

Your email address will not be published. Required fields are marked *