How Do I Install the Visual Visitor Tracking Script on Webflow?

How Do I Install the Visual Visitor Tracking Script on Webflow?

Webflow allows custom code injection in its project settings and on individual pages, making it straightforward to install the Visual Visitor tracking script site-wide. 

Site-wide installation (recommended)

 

  1. In Webflow Designer, go to Project Settings > Custom Code.

 

  1. In the Head Code section, paste your Visual Visitor tracking script.

 

  1. Click Save Changes.

 

  1. Publish your Webflow site to push the changes live. 

Page-level installation

Info
If you only want to track specific pages (not recommended - the script should fire on all pages for maximum identification):

 

  1. Open the page in Webflow Designer.

 

  1. Click the gear icon to open Page Settings.

 

  1. In the Custom Code > Inside <head> tag field, paste the script.

 

  1. Publish the page. 

Verify the installation: After publishing, visit your live Webflow site in a browser. Open Developer Tools (F12 > Network), reload the page, and filter for your Visual Visitor script to confirm it is loading.

Cookie consent: If you are using a Webflow-native or third-party cookie consent banner on your Webflow site, ensure the Visual Visitor script is loaded only after consent. You may need to load the script via a consent-triggered event rather than directly in the head tag.

Notes
If you need help finding your Visual Visitor tracking script, go to Configuration > Installation in your Visual Visitor dashboard.


    • Related Articles

    • Adding Visual Visitor to your Webflow Site

      To add custom scripts to your Webflow site, you have options depending on whether you want the script to apply site-wide, or to specific pages. Here's how you can do it: 1. Adding Site-Wide Scripts: If you want a Visual Visitor to run across your ...

    • Can I Add Custom Code to Hubspot?

      Yes. You can add custom code to a HubSpot landing page, but how depends on what kind of code and what access/plan you have. Options (most common → most flexible) 1) Page-level code injection (good for tracking pixels like Visual Visitor) In the ...

    • How to Allow the Visual Visitor Script in Your Content Security Policy (CSP)

      A Content Security Policy (CSP) is a browser security feature that restricts which external scripts and resources can load on your website. If your site enforces a strict CSP and the Visual Visitor domain is not whitelisted, the tracking script will ...

    • How to Install a Tracking Script in Google Tag Manager to Fire on All Pages

      How to Install a Tracking Script in Google Tag Manager to Fire on All Pages If you need to install a tracking script (such as Google Ads, Meta Pixel, LinkedIn Insight Tag, or any custom code) on all pages of your website using Google Tag Manager ...

    • Installing Visual Visitor on Square Space

      Installing your script onto SquareSpace: Step 1: Go to your Account Dashboard on SquareSpace. Step 2: Select "Settings". Step 3: From settings go to "Developer Tools" under the Website tab. Step 4: Select "Code Injection." Step 5: Paste your Visual ...