Add IMSupporting to Your Webflow Website

Webflow live chat is usually a project-wide custom code install. Add the IMSupporting widget once, publish the site, then test the launcher on your live pages.

If you are installing IMSupporting on Webflow, the standard route is to use project settings custom code or the equivalent global code area so the widget loads site-wide instead of being tied to a single page.

Fast Answer

Where in Webflow Project Settings, then Custom Code
Apply to The whole project
Place code in Footer code or before the closing body tag
Final step Save, publish, then test the live site
Project-wide install Footer code placement Publish before testing

1. Get Your IMSupporting Setup Ready

Start from your IMSupporting account and use the correct site identifier for the widget. Your account-specific setup and the main installation guide are the best references.

  • Create or log in to your IMSupporting account.
  • Copy the correct widget details for the Webflow project.
  • Keep Webflow project settings and your IMSupporting dashboard open at the same time.

2. Open Webflow Custom Code

  1. Open the Webflow project dashboard.
  2. Go to Project Settings.
  3. Open the Custom Code section.
  4. Use the footer code area or the location that outputs before the closing body tag.
The main goal is a global placement at the project level. That ensures the widget appears across the website rather than only on a specific page template.

3. Add the Chat Widget Site-Wide

  • Paste the IMSupporting widget into the project-wide footer code area.
  • Avoid page-only embeds unless you intentionally want the widget on a limited set of pages.
  • Save the project settings after adding the snippet.

4. Publish and Test

  1. Publish the Webflow site.
  2. Open the live website in a new tab or private window.
  3. Check a few different pages to confirm the launcher appears consistently.
  4. Send a short test message and confirm it reaches your IMSupporting dashboard.

Troubleshooting and FAQ

The Webflow chat widget is not showing

Make sure the code was added in project settings, not only on a single page, and confirm the site was republished after saving the custom code.

Should I use page settings or project settings?

Use project settings when you want site-wide coverage. Page settings are only suitable when you intentionally want the widget on selected pages.

I saved the code but still cannot see the launcher

Republish the site, test the public URL rather than the designer preview, clear cache, and temporarily disable browser extensions that block scripts while testing.

Can IMSupporting help with Webflow setup?

Yes. Use our free integration assistance page if you want help validating the project-wide placement.

Next Steps After Webflow Installation

Once the widget is live, configure the visitor experience with greetings, department routing, AI answers, and any workflow steps you need for lead capture or support triage.

Start Free Workflow User Guide Get Integration Help