Install guide
Install Visisto on any website
Paste two script blocks into your HTML head and you are live. Works with any site builder, static site generator, or custom stack.
Before you start
- Access to your site's HTML source or theme header file
- Your Visisto Site Key. Go to Sites → [your site] → Install → Advanced options
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
- 1Locate your site's <head> section
Open your main HTML template, layout file, or root layout file. Find the <head> section.
- 2Paste both script blocks before </head>
Copy the full snippet above (config block + loader) and paste it immediately before the closing </head> tag. Keep them in order.
- 3Save and deploy
Save the file and deploy as normal. The Visisto script will load on every page.
- 4Visit your site to verify
Open your site in a browser, trigger the widget, and confirm it renders correctly.
Tips & notes
- Works with Framer, Ghost, Hugo, Jekyll, Astro, Gatsby, SvelteKit, and any static site generator.
- Keep both script blocks in order: the config block first, then the loader script.
- The snippet is async and does not block rendering or affect your Core Web Vitals score.
- If you use a CDN like Cloudflare, purge the cache after updating your HTML.
Other platform guides
Ready to capture your first contact?
Install in minutes. No developer required.
Start free. No credit card required. Setup in minutes.