Skip to main content

​
1. Create your workspace

Head to app.cairnscript.com/register and sign up with email or Google. Your first workspace is created automatically.

​
2. Connect Webflow

From the workspace dashboard, click Connect Webflow and authorize Cairn against the workspace whose sites you want to manage. Cairn will list every site you have access to.
You can connect more than one Webflow workspace per Cairn team. Handy for agencies juggling client accounts.

​
3. Install the loader

Pick a site and click Install loader. Cairn writes a single <script> tag into the site’s project-level Webflow settings through the Data API. That’s the only thing you need to embed. Read the install-loader guide →

​
4. Write a script

Click New script to open the editor:
  • JS runs on the live site after page load.
  • CSS is injected into the document head.
  • Name a JS and a CSS script the same (hero.js + hero.css) and they open side by side in a paired editor.
Save when you’re ready. Your draft is held on our servers until you publish. Drafts are also served live to your *.webflow.io staging domain, so you can test before you publish. See Staging & production for how that works.

​
5. Publish

Hit Publish and the loader picks up the new version on the next page load. No Webflow republish needed.
That’s it. Open the live Webflow page and watch the script run.

​
Next steps

Scope your scripts

Run scripts only on the pages that need them.

Build a library

Reusable snippets, blocks, and kits across all your sites.