Install on Webflow
Webflow lets you add a script tag to every page of your site through the Custom Code panel in Site Settings. Paste the LuluDesk snippet once, publish, and the chat widget runs site-wide.
Custom code requires a paid Webflow Site plan (Basic or higher). Free Starter sites on a .webflow.io domain cannot add site-wide custom code.
Copy your install snippet
In LuluDesk, open the Widget tab and copy the embed snippet. It contains your install_token:
<script src="https://luluclaw.com/widget/v1/YOUR_INSTALL_TOKEN" async></script>Open Custom Code in Site Settings
From your Webflow dashboard, hover the site and click the ⋯ menu → Settings (or open the site in the Designer and click the Webflow logo → Site settings). Then select the Custom Code tab.
You will see two boxes: Head Code and Footer Code.
Paste the snippet into Footer Code
Paste the script tag into the Footer Code box. Footer code is injected before the closing </body> tag on every page — the recommended placement for chat widgets.
<script src="https://luluclaw.com/widget/v1/YOUR_INSTALL_TOKEN" async></script>Click Save Changes.
Publish your site
Custom code does not run inside the Webflow Designer or its preview mode. Click Publish and push to your live domain — the widget only loads on the published site.
Verify on your live site
Open your published site in a new tab. Within a few seconds the pink chat button should appear in the bottom-right corner. Click it, confirm the chat opens, and send a test message.
Back in LuluDesk, the Widget tab status flips to Active once the first beacon arrives.
Indexing your Webflow content
To let the assistant answer questions about your pages and CMS content, add your site as a knowledge source in the Sources tab. Webflow auto-generates a sitemap at /sitemap.xml (enable it under Site settings → SEO if you have not already) — point LuluDesk at it so new pages and CMS items are picked up on the configured recrawl schedule.
Limitations
- Free Starter sites cannot add site-wide custom code. You need a paid Site plan (Basic or higher). Page-level custom code (Pages panel → page settings → Before </body> tag) is also a paid-plan feature.
- The Designer preview does not run custom code. Always verify on the published site, not inside the Designer.
- Per-page installs are possible but easy to forget. If you only want the widget on some pages, paste the snippet into each page's settings instead of Site Settings — but remember to add it to new pages you create later.
Removing the widget
Open Site settings → Custom Code, clear the Footer Code box, save, and republish. The widget stops loading on the next page view.