Add Live Chat to Your Webflow Project

Deploy IMSupporting across your entire Webflow project with a single code block in Project Settings. Add to the Footer Code area once, publish the project, and the chat launcher appears on every page automatically.

~5 minutes Free to start Mobile ready Project-wide deploy
Start Free Main Guide

At a Glance — Webflow Install

Where in Webflow Project Settings → Custom Code → Footer Code
Apply to The entire project (all pages)
Place code in Footer Code section
Final step Save, publish project, test live site
Project Settings No per-page blocks Works on custom domains

Get Your IMSupporting Embed Code

Log in to your IMSupporting account and copy the widget snippet. Keep it ready before opening Webflow.

  • Sign in at IMSupporting or create a free account.
  • Navigate to your site settings and find the embed code or integrations section.
  • Copy the full script tag — it contains your unique site identifier.

Open Webflow Project Settings

  1. Log in to your Webflow account and open the project you want to add chat to.
  2. Click the Settings icon (gear icon) in the left sidebar or access the project settings from the Webflow dashboard.
  3. Navigate to the Custom Code tab.

Add the Snippet to Footer Code

  1. Scroll down to the Footer Code section on the Custom Code page.
  2. Paste your IMSupporting snippet into the Footer Code text area.
  3. Click Save Changes.
Tip: Footer Code in Webflow is inserted before the closing </body> tag on every published page. This is the optimal location for a chat widget.

Publish the Project and Test

  1. Return to the Webflow designer and click Publish.
  2. Select your domain and publish to the live site.
  3. Open the live site in a private browser window.
  4. Confirm the IMSupporting chat launcher appears and test a message end-to-end.
Note: Custom Code changes require a publish before they are visible. The Webflow designer preview does not run external scripts.

Troubleshooting & FAQ

The chat widget is not showing on my Webflow site

Ensure the snippet is in the Footer Code section of Project Settings and the project was published after saving. Always test on the live published URL, not inside the Webflow designer.

Can I add IMSupporting to individual Webflow pages only?

Yes. In Webflow you can add a custom code embed to a single page's before-body-end section. However, for site-wide deployment the Project Settings Footer Code is the cleaner approach.

Does IMSupporting work on Webflow's webflow.io subdomain?

Yes. The widget loads on both webflow.io staging subdomains and custom domains. The published URL is required — not the designer preview.

Can IMSupporting help with my Webflow setup?

Yes. Use our free integration assistance page for help validating the placement on your specific Webflow project.

Ready to Go Live on Webflow?

After the launcher is live, configure AI chat, department routing, and workflow steps to turn every Webflow visit into a real conversation.

Start Free Workflow Guide Free Setup Help