How to Add Intercom to Webflow

In this tutorial, Sandro, co-founder of Gemeos Webflow agency, shows you how to add the Intercom widget to your Webflow website.

1. Get your Intercom script

In your Intercom account, go to Settings > Installation. Copy the base JavaScript snippet that contains your App ID.

2. Install it in Webflow

In Project Settings > Custom Code > Footer Code, paste your Intercom snippet. Putting it in the footer (before ) lets the rest of the page load first, which improves perceived performance.

3. Defer loading for better performance

Intercom is heavy — more than 300 KB. To avoid hurting your Core Web Vitals, load it only when the user clicks a custom "Chat" button. Check out our tutorial on reducing unused JavaScript for the click-to-load method.

4. Identify logged-in users (optional)

For sites with authentication (Webflow Memberships, Memberstack), pass user data to Intercom with the window.Intercom('update', {name: ..., email: ...}) function after login.

Conclusion

Intercom only takes a few lines in Webflow Custom Code. For performance: reduce unused JavaScript.