Install Rose on Webflow

Add the Rose widget through Webflow's custom code — no plan add-ons required.

Steps

1. In the Webflow Designer, open Project Settings → Custom Code.
2. Scroll to Footer Code (before </body>).

3. Paste this snippet and replace YOUR_API_KEY with the key from your Rose account:

   <!-- Rose -->
   <script src="https://cdn.userose.ai/loader/rose-loader.js"></script>
   <script>
     window.InboundXLoader.init({
       api_key: 'YOUR_API_KEY',
       api_host: 'https://api.userose.ai',
       cdn_url: 'https://cdn.userose.ai/widget/production',
     });
   </script>
   

4. Save Changes, then Publish your site.

Note

Custom code only runs on the published site, not in the Designer preview. Publish, then open your live domain to test.

Verify

Open your published site — the Rose bar appears at the bottom. See Widget Installation for other methods.