How it works
Cairn uses Webflow’s Data API v2 to write a single<script> tag into your site’s project-level custom code. From then on, Cairn delivers your scripts through that loader on every page load.
One-click install
- In Cairn, open a site.
- Click Install loader.
- Cairn confirms the loader is in place and shows the embed snippet for reference.
- Publish your site in Webflow. This is the step that puts the loader on your live pages — see below.
Publish once in Webflow
The good news: this is a one-time step per site. Once that publish bakes the loader tag into your pages, everything you do in Cairn — adding scripts, editing, publishing, rolling back — goes live through the loader instantly, with no Webflow publish ever needed again. You’d only need to republish in Webflow if you uninstall and later reinstall the loader.Verify it’s working
Open any page of your published site and open the browser console (right-click → Inspect → Console). The loader announces itself on every page load with a green version badge:v are the current delivery version — they change whenever you publish scripts in Cairn.
If you don’t see the badge:
- Make sure you published the site in Webflow after installing the loader.
- Hard-refresh the page (the previous version may be cached).
- Check you’re on the domain you expect — staging (
*.webflow.io) and production domains each need the site published to them.
Prefer a quieter console? Each site’s settings has a subtle banner option that swaps the green badge for a plain, unstyled
Cairn Script line.Manual install (fallback)
Prefer to paste the loader yourself? Copy the snippet from the site’s settings page in Cairn and add it to Webflow under Project settings → Custom code → Head. It’s the same loader one-click install uses, so your scripts deliver the same either way. Here’s what it looks like:{your-site-key} is the site’s unique delivery key. Always copy the exact snippet from the app instead of typing it out by hand. The comment is optional, but it’s handy: anyone who views the page source later can follow the link straight to the script editor.
A manual install needs the same one-time publish in Webflow before the loader is live.
Editing custom code in Webflow needs at least Build/design access, and
site-level custom code needs a paid Webflow site plan.