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.
Copy this code:
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)
Paste the code from step 1 into the onclick field:
![Pasted code](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_1eyn6df.png)
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.
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)
![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.
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)
Updated on: 23/03/2022
Thank you!