In a few minutes you can connect Slater and ship your first script safely.
Prerequisites
- A Webflow project with access to Site settings
- Permission to edit Custom code (Site settings > Custom code)
- A Slater account (via the Webflow App or slater.app)
Step-by-step
- Create an account at Slater.app
- Create an account at Slater and add the Slater Webflow app to your project.
- Add the Slater script once
- In Webflow: Site settings > Custom code > Footer code
- Paste the Slater script snippet (provided in the App) before
- Save and publish
- Write and test code in Slater
- Create a file, write your JavaScript, and use AI assistance as needed
- Publish to staging (webflow.io) to validate behavior in a safe environment
- Publish to production
- When ready, publish the same code to production from Slater
- Your Webflow site will load the latest hosted script automatically
Rollback and safety
- To roll back, open the history tab to select an earlier version
- Use Smart Script to ensure staging and production load the correct versions
Quick-start sample
- Add a simple
console.log("👋") to teset - Verify it appears only on staging first, then promote to production
FAQs
- Do I need to add the script on every page? No—add it once at the site level for site-wide use.
- Can I target specific pages? Yes, select the page(s) you want the code to run when you generate the file.
- Can I collaborate with my team? Yes—invite teammates and manage permissions.
