How to setup SocialeProof with Shopify conversions


How to setup SocialeProof with Shopify conversions

If you have a Shopify store and you want to show the latest conversions 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 SocialeProof is a straightforward process but can be quite confusing for someone who never used Webhooks previously.

 

What we want to happen

Lets understand the workflow first. Here is what is going to happen in order to make this work:

  1. A Shopify order is completed/paid for
  2. Shopify sends a “message” to SocialeProof with the details of the order
  3. SocialeProof receives, parses and stores the “message” from Shopify
  4. Now the Notification created with SocialeProof will show the latest conversion that happened on Shopify.

 

Here is how it would look like on your website notifications for example:

 

Someone just ordered a product and paid X for it at a discount. 

 

Prerequisites

First off, you need to make sure you have the following steps already done:

  1. You have SocialeProof installed and ready to go
  2. You created your campaign for your website correctly and installed the pixel code on your website.
  3. You have a working Shopify store

 

How to do it

Like it is mentioned above, we are starting from the point where you already have SocialeProof installed, a campaign ready, and the pixel code installed.

For this tutorial, we are using SocialeProof and a Shopify store.

 

Create the notification

  1. Go to the campaign that you have ready
  2. Click the Create Notification button
  3. Fill out the name of your new notification and select the type as either “Latest Conversion” or “Conversions Counter” and submit.
  4. Make sure that the notification is Enabled!

 

Configure Shopify

Make sure that you are logged into your Shopify account first of all and then:

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

 

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

 

Now you must go to the freshly created notification with SocialeProof and go to the Data tab.

 

Now make sure to copy the Webhook Trigger URL that is found in the Data tab.

 

Go back to the Shopify store and paste it in the URL field.

 

You can now select the Event of the Webhook. More exactly, when should Shopify trigger the execution of the webhook.

In this case, I selected “Order payment” because we want to track the latest order payments with SocialeProof.

 

Make sure to select the Format to JSON and click Save webhook.

 

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

Click on the Send test notification button now.

 

Now, go back to the Notification in SocialeProof and access the Data page. 

 

You will be able to see that there is a new “Conversion” registered in SocialeProof.

If you Click to Expand then you will be able to see even more details and the caught variables, which you can use in the title or description of the notification on SocialeProof.

 

For example, you can go to the Settings of the notification and configure your notification as you’d like.

 

Make the Title read “Someone just ordered a product” and the Description using the {total_price} variable. 

 

“They paid {total_price} for it a discount.” 

 

Test it and you will see that the notification is using the variables from the latest registered conversion now.

 

Hope you found this tutorial useful, keep in mind that this is just a test and further configurations can be done, which are totally up to you!