Back to Documentation

Installing the snippet

Add the PixelHub loader to Shopify, Webflow, custom sites and more.

Installing the PixelHub Snippet


The PixelHub snippet is a small piece of code that enables tracking on your website. Installation varies by platform.


Platform-Specific Instructions


Shopify

1. Go to Online Store > Themes

2. Click "Actions" > "Edit code"

3. Open "theme.liquid"

4. Find the </head> tag

5. Paste your PixelHub snippet just before </head>

6. Save


WordPress

Option 1: Theme Header

1. Go to Appearance > Theme Editor

2. Open "header.php"

3. Find </head> tag

4. Paste snippet before </head>

5. Save


Option 2: Plugin

  • Use a plugin like "Insert Headers and Footers"
  • Add snippet to the "Scripts in Header" section

  • Webflow

    1. Go to Site Settings

    2. Click "Custom Code"

    3. Paste snippet in "Head Code" section

    4. Save and publish


    Wix

    1. Go to Settings > Advanced > Code

    2. Click "Add Code" > "Head"

    3. Paste your snippet

    4. Save


    Custom HTML Sites

    1. Open your HTML file

    2. Find the <head> section

    3. Paste snippet before </head>

    4. Save and upload


    Verification


    After installation:

    1. Visit your website

    2. Open browser developer tools (F12)

    3. Check Console for PixelHub initialization

    4. Verify in dashboard that site shows as "Active"


    Troubleshooting


  • **Snippet not loading**: Check that it's in the <head> section
  • **Syntax errors**: Ensure the snippet is copied completely
  • **Caching**: Clear browser and CDN cache after installation
  • Create Next App