How to Install Chatim Live Chat Widget on Webflow

Step 1: Generate and Copy the Widget Code

Log in to your .Chatim dashboard.
Select your project and click Install in the navigation menu.
Click Copy Code to copy the snippet to your clipboard.

Step 2: Add the Chatim Widget Code to Webflow

Log in to your Webflow account and open the site where you want to add the Chatim widget.
In the Webflow Designer, click the Webflow menu in the top-left corner and choose Site settings (older guides call this Project settings).
Open the Custom code tab.
Paste the Chatim widget code into the Footer code field. Webflow adds it before the closing </body> tag on every page.
Click Save changes.
Publish your site by clicking Publish in the top-right corner of the Designer. Custom code runs only on the published site, not in the Designer preview.
Note: Webflow allows site-wide custom code on paid Site plans and paid Workspace plans. The free Starter plan shows the fields but does not let you save them.

Step 3: Test the Widget

Visit your Webflow site and refresh the page to see the Chatim widget in action.
Test the live chat and chatbot functionalities to ensure they are working correctly.

Step 4: Adjust Settings and Monitor Performance

Return to your Chatim dashboard to monitor customer interactions, view analytics, and make any necessary adjustments to the widget's behavior, appearance, or responses based on user feedback and engagement.

Need Help?

If you encounter any issues during the installation process, contact us.