> ## Documentation Index
> Fetch the complete documentation index at: https://docs.softr.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Intercom

> In this article we'll show you how to integrate Intercom on your Softr app.

Intercom is a messaging platform that allows you to communicate with prospective and existing customers. Here, we'll go through the process of adding the Intercom chat widget to your Softr app.

## Locating Intercom Workspace ID

First, you need to locate your Intercom **workspace ID** (app ID). It can be found in the URL of any page you have open in Intercom. It's the code that comes after **apps/**.

<Frame caption="Locating the workspace ID">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/intercom/image1.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=e45a1714ad3154cf97b7f821c1d7bfd6" alt="Locating the workspace ID" width="630" height="395" data-path="integrations/images/intercom/image1.png" />
</Frame>

The workspace ID can also be found in Settings. In your Intercom account, hover over the account icon in the lower left corner and go to **Settings**.

<Frame caption="Navigating to Settings">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/intercom/image2.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=b6c80c14a5e8265209356f8a2aaf82d4" alt="Navigating to Settings" width="354" height="384" data-path="integrations/images/intercom/image2.png" />
</Frame>

Then go to **Installation => Web** and choose the **With code** option under **Install chat for visitors.**

<Frame caption="Widget installation">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/intercom/image3.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=db82de868de233066853635d54465b8e" alt="Widget installation" width="1283" height="589" data-path="integrations/images/intercom/image3.png" />
</Frame>

Scroll down and copy the **app\_id**.

<Frame caption="Copying app ID">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/intercom/image4.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=139b0589880b5a9dbe21be4c32aa2828" alt="Copying app ID" width="1021" height="428" data-path="integrations/images/intercom/image4.png" />
</Frame>

## Adding Workspace ID in Softr Studio

So, after copying the workspace ID, navigate to **Settings => Integrations => Intercom** in your Softr Studio and paste the ID.

<Frame caption="Adding Intercom ID in Softr">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/intercom/image5.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=c2ae546b628ff753d981f96e47418885" alt="Adding Intercom ID in Softr" width="918" height="954" data-path="integrations/images/intercom/image5.png" />
</Frame>

That's it. As soon as you save your settings and republish your Softr app, the Intercom chat widget will start appearing.

<Frame caption="Intercom widget added to site">
  <img src="https://mintcdn.com/softr-2b8a27e1/vSuEZ5Jcy7JAeP4I/integrations/images/intercom/image6.png?fit=max&auto=format&n=vSuEZ5Jcy7JAeP4I&q=85&s=30b4dc0a2d5fb2caea9e848f72af535b" alt="Intercom widget added to site" width="754" height="442" data-path="integrations/images/intercom/image6.png" />
</Frame>
