Install Visisto on Webflow

Add the Visisto script via Webflow Project Settings. No code editor access required. Paste once, publish, and you're live.

Your install snippet

Replace YOUR_SITE_ID with your Site Key from the dashboard under Sites → [your site] → Install → Advanced options. Paste both script blocks before the closing </head> tag.

<script>
  window.__VISISTO__ = {
    site: "YOUR_SITE_ID",
    api: "https://api.visisto.com"
  };
</script>
<script
  src="https://cdn.visisto.com/loader.js"
  data-site="YOUR_SITE_ID"
  data-api="https://api.visisto.com"
  defer
></script>

Step-by-step installation

1. 1
   Open your Webflow project

   Go to webflow.com, open your Dashboard, and click on the project you want to add Visisto to.

2. 2
   Click the ⚙ Project Settings icon

   In the Webflow Designer, click the gear icon (Project Settings) in the left-hand toolbar, or access it from the dashboard.

3. 3
   Go to the Custom Code tab

   Click the Custom Code tab at the top of Project Settings.

4. 4
   Paste the Visisto snippet into Head Code

   In the "Head Code" text area, paste the Visisto install snippet.

5. 5
   Click Save Changes

   Click Save Changes at the bottom of the Custom Code settings panel.

6. 6
   Publish your site

   Click Publish → Publish to Selected Domains to make the change live.

7. 7
   Verify on your live site

   Open your published Webflow site in a browser and confirm the widget appears on the correct pages.

Other platform guides