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.
Navigate to Custom Code:
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.
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:
- For code in the <head> section, paste your code into the Inside <head> tag field.
- 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.
Visual Visitor added script here will only affect the specific page.
Need to find your installation script? Click here.