Adding Visual Visitor to your Webflow Site

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 entire website follow these steps:

Access Project Settings:

Log in to your Webflow account and open the desired project.
Click on the Project Settings button.

In the Project Settings, select the Custom Code tab.

Insert Code:


To add code to the <head> section, paste your script into the Head Code field.
To add code before the closing </body> tag, paste your code into the Footer Code field.

Save and Publish:

Click Save Changes.
Publish your site to apply the changes.


Notes
Note: Custom scripts will only appear on the published site. They won't be visible in the Designer or Preview modes. 


2. Adding Page-Specific Scripts:


To add a script to a particular page:

Open the Designer:

Navigate to the Webflow Designer for your project.

Select the Page:

In the Pages panel, hover over the desired page and click the Settings (cog) icon.

Insert Code:

In the Custom Code section:
  1. For code in the <head> section, paste your code into the Inside <head> tag field.
  2. For code before the closing </body> tag, paste your code into the Before </body> tag field.

Save and Publish:

Click Save.
Publish your site to apply the changes.

Notes
Visual Visitor added script here will only affect the specific page.


Need to find your installation script? Click here.

    • Related Articles

    • Where to Find Your Installation Script

      What is your tracking script? The installation script is a critical component for your website to enhance visitor identification and analytics capabilities. Embedded into the backend of your site, this code works silently yet efficiently, operating ...

    • Where to Add My Installation Code?

      Where Can I Put My Visual Visitor Code? When you sign up with Visual Visitor you receive a code to put on your website. This code can be placed within the body of a web page, the header, or the footer. Does It Matter Which Place I Choose to Put It? ...

    • Installing Visual Visitor on Square Space

      Step 1: Go to your Account Dashboard on Square Space. 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 Visitor script into either the header or ...

    • Adding Visual Visitor Script on DotNetNuke website

      Note: The steps for installing Visual Visitor on dotnetnuke websites differs from website to website. The installation procedure varies, depending on how your website is built. The best way of putting the tracking code into your website is by putting ...

    • What To Do if My Code Gets Deleted?

      Deleted Your Code By Accident? Don't panic! This is no problem. Log into your Visual Visitor Dashboard. Go to 'Configuration -> Installation.' The 'Instructions' tab will already be selected for you. Copy the entire HTML. The HTML starts with ...