ProofPop | How To's

How To Setup ProofPop 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 ProofPop 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 ProofPop with the details of the order
  3. ProofPop receives, parses and stores the “message” from Shopify
  4. Now the Notification created with ProofPop will show the latest conversion that happened on Shopify.

Here is how it would look like:

Prerequisites

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

  1. You have ProofPop 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 ProofPop installed, a campaign ready, and the pixel code installed.

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 ProofPop in the Data tab .

Now make sure to copy the Webhook Trigger URL that is highlighted in the picture above.

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 ProofPop.

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

Should look like this:

As you can see, now that you have this webhook set up, you can also test it out.

Click on the Send test notification button now.

Now, if we go back to the Notification from ProofPop and access the Data page, we will see something like this:

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

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.

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

Here is how I have configured it myself:

You can see that the Title is using the {email} variable from the conversion data and also that the Description is using the {total_price} variable .

Here is the final result, just like we wanted:

You can clearly 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!

How to Install ProofPop Pixel on WordPress

This process is simple, straightforward and shouldn’t take more than a few minutes to complete.

First off, I am starting with the idea that you already have a WordPress website and ProofPop installed and you are logged in to your accounts.

How to do it

Inside the Dashboard of ProofPop you will find a button called Install Script, click on that.

Now, you will be able to see the Tracking code under the Install your Pixel section. Select that and copy it!

Now you should go to your WordPress website where you want to install the ProofPop pixel code.

Hover the Plugins item from the menu and then click on Add new link.

Right now you can search for something like “ Insert header footer ” plugin in the search bar.

Keep in mind that there are a lot of plugins who can achieve the same result. I am choosing a very simple plugin named “ Insert Script In Headers And Footers “.

Click on Install now and make sure to activate it after the installation is completed.

Now that you have the plugin ready, the only thing left to do is to hover your Settings menu item from your wordpress and click on the link where it says the name of the plugin that you just installed.

You will see something like this

Now all that is left to do is to paste the Pixel code you just copied from ProofPop into either of the fields, first or the second field.

After pasting the code and clicking on the Save button, you must go and access your wordpress blog to initiate the first load of the ProofPop pixel.

You can confirm the installation now by going back to the ProofPop Install Script page and clicking on the Check activity button.

If the installation was completed, you will see a new result with the domain where you installed the ProofPop Pixel Code.

Now you are ready to create your first campaign and notifications!

We Will Be Adding More How To’s But Feel Free To Comment Any Specific Questions And We Can Get It Posted Here.

  • This Was Helpful
  • This Wasn’t Helpful

0 voters