How to Add TidySupport to Framer
Add live chat to your Framer site using Framer's custom code feature.
Image: TidySupport chat widget on a Framer site
1
Open your Framer project
Open the project you want to add live chat to in the Framer editor.
2
Go to Site Settings → Custom Code
Click the Settings icon (gear) in the top right corner of the Framer editor. Navigate to General → Custom Code.
Image: Custom Code section in Framer Site Settings
3
Add the script
In the "End of <body>" section, paste the TidySupport script.
HTML
<script src="https://cdn.tidysupport.com/widget.js" data-workspace-id="YOUR_WORKSPACE_ID" async></script>Replace YOUR_WORKSPACE_ID with your workspace ID from Settings → Widget in your TidySupport dashboard.
4
Save and publish
Click Save, then publish your site. The chat bubble will appear on all pages of your Framer site.
Image: Chat bubble appearing on a published Framer site
Next article
How to identify users with the Events API