Installing on your site

Every VertaFlow widget is a single <script> tag. Installing one is the same on every platform: copy the snippet, paste it into your site’s HTML, publish.

The general rule

Paste the snippet just before the closing </body> tag on every page where the widget should appear. The defer attribute means it loads without blocking your page render.

<script src="https://api.vertaflow.io/v1/form.js" data-site="yourdomain.com" data-form="contact" defer></script>

Make sure data-site matches the site you set as your Site ID when you copied the snippet.

Common platforms

• A Studio Build site / hand-coded HTML — paste before </body> in your template.
• WordPress — paste into a “footer scripts” box (most themes and SEO plugins have one), or use a header-and-footer-scripts plugin. The footer slot maps to before </body>.
• Squarespace / Wix — use the site-wide custom-code / footer injection setting.
• Shopify — add it to theme.liquid before </body>, or use a custom-code app.
• Webflow — Project Settings → Custom Code → Footer Code.

If your builder only offers a single site-wide custom-code box, that’s fine — the widget only renders where it’s relevant and the pixel tracks every page.

Verify it fired

1. Publish the page and open it in a browser.
2. For visible widgets (form, chat bubble, booking, bar, popup), confirm the element appears.
3. For the pixel, open the Pixel dashboard — it auto-refreshes every 5 seconds, so a fresh pageview should show within a few seconds of loading the page.
4. For the form, submit a test entry and confirm it lands in Leads.

Still nothing?

See Widget not appearing — the usual causes are a wrong data-site, the snippet on the wrong page, or page caching serving an old copy.