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

# Integrating Crisp

> Learn how to set up Crisp in your customer portal

Adding Crisp to your customer portal is a great idea to get in touch with your customers, provide customer support and also enrich your CRM.

Kobble lets you add a custom script to your customer portal.

We'll see how you can use this feature to integrate Crisp and add the user's email, name and id to your favorite CRM.

## Pre-requisites

* A Crisp account
* Having a [customer portal](/product/customer-portal/overview) configured on Kobble

## Installation

1. Go to your [Crisp websites settings](https://app.crisp.chat/settings/websites/) dashboard
2. Click the **integration** button for the website of your choice and choose HTML
3. Copy the HTML snippet provided by Crisp

<img src="https://mintcdn.com/kobble/hy82n-p3NucxH50S/images/crisp-guide/crisp-0.png?fit=max&auto=format&n=hy82n-p3NucxH50S&q=85&s=08c4df7aa2a2a017ea07c2cb920e66d1" alt="Crisp installation" width="1438" height="1216" data-path="images/crisp-guide/crisp-0.png" />

4. Go to your [Customer Portal Scripts settings](https://app.kobble.io/p/portal/scripts) on Kobble
5. Paste the HTML snippet in the **Head HTML** field

<img src="https://mintcdn.com/kobble/hy82n-p3NucxH50S/images/crisp-guide/crisp-1.png?fit=max&auto=format&n=hy82n-p3NucxH50S&q=85&s=ead5555351e7de3d78ca6337c147813b" alt="Kobble scripts settings" width="2566" height="1484" data-path="images/crisp-guide/crisp-1.png" />

6. Right after the Crisp snippet, add the following script to send the user's email, name and id to your CRM

```html theme={null}
<script type="text/javascript">
    if (kobble.user) {
        $crisp.push(["set", "user:nickname", [kobble.user.name]]);
        $crisp.push(["set", "user:email", [kobble.user.email]]);
    }
</script>
```

<Note>This snippet uses the `kobble.user` object to get the user's email and name and inject them into Crisp's CRM. You can find more information about the kobble.user object in the [Custom Scripts](/product/customer-portal/custom-scripts#accessing-users-data) section of this doc.</Note>

Et voilà! Crisp is now integrated into your customer portal.

<img src="https://mintcdn.com/kobble/hy82n-p3NucxH50S/images/crisp-guide/crisp-2.png?fit=max&auto=format&n=hy82n-p3NucxH50S&q=85&s=4925bf655fd49f107a7aa7a031dced1b" alt="Crisp installed" width="1888" height="1714" data-path="images/crisp-guide/crisp-2.png" />

And your users will flow into your CRM.

<img src="https://mintcdn.com/kobble/hy82n-p3NucxH50S/images/crisp-guide/crisp-3.png?fit=max&auto=format&n=hy82n-p3NucxH50S&q=85&s=23a2d82f0fce5338751d72d318fe35ca" alt="User in the CRM" width="1600" height="911" data-path="images/crisp-guide/crisp-3.png" />