Install on Framer
Framer has a Custom Code section in Site Settings that injects a script tag into every page. Paste the LuluDesk snippet into the end-of-body slot, publish, and the chat widget runs site-wide.
Custom code requires a paid Framer site plan (Mini or higher). Free sites on a .framer.app domain cannot add 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
In the Framer editor, click the gear icon (top right) to open Site Settings, stay on the General tab, and scroll down to the Custom Code section.
You will see four slots: start/end of the <head> tag and start/end of the <body> tag.
Paste into End of <body> tag
Paste the script tag into the End of <body> tag box — the recommended placement for chat widgets:
<script src="https://luluclaw.com/widget/v1/YOUR_INSTALL_TOKEN" async></script>Save the settings.
Publish and verify
Custom code only runs on the published site, not in the Framer editor preview. Click Publish, open your live site in a new tab, and 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 Framer content
To let the assistant answer questions about your pages, add your site as a knowledge source in the Sources tab. Framer auto-generates a sitemap at /sitemap.xml — point LuluDesk at it so new pages and blog posts are picked up on the configured recrawl schedule.
Limitations
- Free Framer sites cannot add custom code. You need any paid site plan (Mini or higher).
- The editor preview does not run custom code. Always verify on the published site.
- Code components are not needed. You do not need a React code component or an override for this — the plain script tag in Custom Code is the supported path.
Removing the widget
Open Site Settings → General → Custom Code, clear the End of <body> tag box, save, and republish. The widget stops loading on the next page view.