Intercom

Add the Intercom integration to your Framer site in seconds to help customers open support tickets, automate work with chatbots, and deliver outbound messages with ease.

Overview

Add the Intercom integration to your Framer site in seconds to help customers open support tickets, automate work with chatbots, and deliver outbound messages with ease.

How to add the Intercom Messenger to your website

Sign in to your Intercom account. Set your Messenger controls however you want (e.g. custom styling, show the messenger to only some audiences, etc.), but make sure you have the Show the Messenger launcher setting turned on so it will show up on your site exactly when you want. Copy your workspace ID.

Next, open a project in Framer. In the top navigation, select Insert to open the Insert panel. Find Intercom, and drag the Intercom component onto any page on your canvas.

In the properties panel on the right, you’ll see an ID field, where you can paste your workspace ID.

Note: This is an empty component, which will show a placeholder on your canvas for convenience. This placeholder won’t be visible when viewed as a website. Preview your website or publish to see how the Messenger appears when it’s live.

Not seeing your Messenger on your site as expected? Follow these steps to troubleshoot.

Favorite use cases for Intercom in Framer

Give your audience a way to get in touch with a live chat on your Framer website.

  • Connect with leads and clients by adding Intercom’s Business Messenger on your site.

  • Experiment with automation with powerful chatbots.

  • Manage support requests all in one place.

Design and publish a site today.