> ## 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.

# Crisp

> Crisp is an all-in-one multichannel messaging platform that helps you and your customers connect.

## Adding your website

To integrate Crisp on your Softr app, you need to add your site domain and name when registering on Crisp or in **Settings => Website Settings => Add a new website**.

<Frame caption="Add a new website">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/crisp/image1.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=5732ef00bea37202dffd7b6a23c131c6" alt="Add a new website" width="1334" height="574" data-path="integrations/images/crisp/image1.png" />
</Frame>

Add your website details as shown below.

<Frame caption="Adding website details">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/crisp/image2.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=7e175e43c1f36212e2e5aa40344edd94" alt="Adding website details" width="841" height="597" data-path="integrations/images/crisp/image2.png" />
</Frame>

## Getting the website ID

As soon as your site is set up, go ahead and connect Crisp. First, you need to click **Integrations**
next to your site name in **Settings => Website settings**.

<Frame caption="Integrations">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/crisp/image3.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=5c0d3dd7f1ed70f485f5a170da1245bf" alt="Integrations" width="1325" height="583" data-path="integrations/images/crisp/image3.png" />
</Frame>

In the pop-up that appears next, choose the **HTML** option.

<Frame caption="Selecting the HTML option">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/crisp/image4.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=c470b4d63376001b81a9a2abffa49adc" alt="Selecting the HTML option" width="737" height="446" data-path="integrations/images/crisp/image4.png" />
</Frame>

In the HTML code, locate the **Website ID** and copy it.

<Frame caption="Locating Website ID">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/crisp/image5.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=63ba5077648c3061ec1595fabec653e8" alt="Locating Website ID" width="737" height="500" data-path="integrations/images/crisp/image5.png" />
</Frame>

## Adding the Website ID in Softr Studio

Finally, go back to Softr Studio and paste the code in **Settings => Integrations => Crisp**.

<Frame caption="Adding Website ID in Softr">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/crisp/image6.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=63a6b5488f0fda97b7a3c206bbd54c72" alt="Adding Website ID in Softr" width="914" height="1082" data-path="integrations/images/crisp/image6.png" />
</Frame>

Save the settings, publish your app again, and you’re done. Now, the Crisp chat icon should appear on your site, allowing your customers to contact you at any time.

<Frame caption="Crisp Chat activated on the site">
  <img src="https://mintcdn.com/softr-2b8a27e1/PaU-DT-tUcsG5oFr/integrations/images/crisp/image7.png?fit=max&auto=format&n=PaU-DT-tUcsG5oFr&q=85&s=0052d690e825df7a679b5d4440cdf808" alt="Crisp Chat activated on the site" width="855" height="468" data-path="integrations/images/crisp/image7.png" />
</Frame>
