How to Install Pixel code

The first step towards boosting conversion rates is to add WidgetSquad pixel code to your website and / or landing pages. Make sure you include the WidgetSquad pixel on every page you’d like to capture data from or display notifications on.

Step 1

Once logged in to your WidgetSquad account, click on Create Campaign button, it'll open Create Campaign popup.

Step 2

Enter your website name and domain name then click on Create button.

Step 3

Click on "Copy Pixel" button to copy your pixel code to clipboard, or you can send your pixel code to your developer by clicking on Send to Developer button.

Step 4

Paste the code you have copied before the closing of </head> tag of your website.

If you’d like guidance on installing your pixel on a particular platform, please check our many platform specific articles.

Step 5

Once installed, clear the cache of your website and visit your site in a few different browsers. Then refresh your campaign page, you can notice "Pixel Installed" below Install Script button, It means you had successfully installed pixel code in to your website:

WordPress Integration

You can easily install WidgetSquad pixel, using "Header and Footer Scripts" wordpress plugin.

First, let's install the plugin:

Log in to your WordPress site.
Go to Plugins > Add new
Search for "Header and Footer Scripts".
Click "Install Now" and activate the plugin.

Install wordpress plugin

Now go to Settings > Header and Footer Scripts

Paste your WidgetSquad pixel script in to "Scripts in header" box and Save.

Paste script in to scripts in header box

That's it! you are ready to go.

Shopify Integration

Step 1 : Go to your Shopify admin site and click on "Online Store" link from menu.

Install javascript in shopify

Once you’ve open the "Themes" section, you will be able to see the "Customize" button in the right side of the screen, just click on it.

Step 2 : Now go to the lower left side corner, where you will see an option "Theme actions" click on it, this will display a list of options where you'll find "Edit code" option.

Step 3 : Now go to the "Layout" folder and click on it to display a .liquid files list, now click on "{/} theme.liquid", this will automatically generate a code file in the right side of the screen.

Edit theme.liquid

Now you can add your pixel code, just above <body> section. Save and refresh your site to see the results.

Opencart Integration

Step 1 : Login to your Opencart admin panel and click on "Design > Theme Editor"

OpenCart Theme Editor

Step 2 : Select common from "Choose a template" section.

OpenCart Theme Editor

Step 3 : Now click on header.twig then past your WidgetSquad pixel code before </head> tag and Save

That's it!

Wix Integration

Log in to your Wix account
Select Edit Site
Click Wix App market
In the tool bar, select HTML and choose "HTML iFrame/Embed"
Add it on to site
A window pops up. From the Mode drop-down list, select the HTML code. Copy/paste the JavaScript Redirect code into the box labelled "HTML / embed code"
Update
In the checkbox, inspect the "Show on all pages"
Save & Publish
In the popup, switch off "Display in the mobile action Bar on my mobile site" and click on OK.