> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.unicornplatform.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to open Crisp chat on click

This guide will show you how to open the Crisp chatbox via a custom button.

![Custom button that opens the Crisp chat](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_64j9ub.png)

| Before you proceed please make sure you have installed Crisp on your website.  Learn how to do it in our [simple guide](https://help.unicornplatform.com/en/article/setting-up-crisp-hzl2df/).

#### Step 1/4

Copy this code:

```
$crisp.push(['do', 'chat:open']);
```

#### Step 2/4

In Unicorn Platform, open the required button's settings:

![Button customization menu](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_1msy6g6.png)

![Button settings tab](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_1fotyvy.png)

#### Step 3/4

Paste the code from step 1 into the **onclick** field:

![Pasted code](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_1eyn6df.png)

#### Step 4/4

Replace the button's URL with this ID: `#0`

![Button URL field](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_jbrvtl.png)

You can use any random number instead of 0. For example, it can be `#123`.

#### Done!

Open the live version of your website and click the button to see the results.

![Opened Crisp chat](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_ubnkht.png)