> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.chrisp.chat/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 do I add Crisp Live Chat on Webflow

****Looking for a webflow tutorial? Here is a dedicated tutorial for webflow beginners that are looking to install a live chat on their webflow website.****

➡️ To know more about Crisp [chat widget](https://crisp.chat/en/livechat/) click here

${frame}[](https://www.youtube.com/embed/aISpfBpReFk?rel=0)

# Retrieve your website code on Crisp

* Go to [**app.crisp.chat**](https://app.crisp.chat)
* Go to Settings > Workspace Settings > Setup & Integrations
* Copy your Crisp code from "Chatbox setup instruction"

![](https://storage.crisp.chat/users/helpdesk/website/-/2/9/1/3/2913f2c4de38f200/873e0d82-69d1-41a9-81d2-8df467_1b7cj97.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/1/9/b/7/19b7db84f200ef00/81d0fc57-44de-4c53-894b-933b05_1ftxs0t.png)

# On Webflow Dashboard

* ****Go to your Webflow project****

![](https://storage.crisp.chat/users/helpdesk/website/-/a/4/f/b/a4fbb2017ad25800/0a97dd5e-23a8-4b46-98e0-5f6048_q9rk4l.png)

* Go to your project's setting

![](https://storage.crisp.chat/users/helpdesk/website/-/4/b/3/2/4b32656e0d73fc00/d1641e0b-0a47-4b2f-8c15-c5fc0f_1r4f01e.png)

* Click on Custom Code

![](https://storage.crisp.chat/users/helpdesk/website/-/2/a/2/5/2a25a55f2eaa5e00/84e76d97-6b9e-4967-b418-009553_jxo7j8.png)

* Paste the Crisp Javascript Code In header or footer section & ****hit "Saves Changes"****
* Publish your site for the selected domain

![](https://storage.crisp.chat/users/helpdesk/website/-/2/c/f/3/2cf3c18969dda400/63ebc224-e063-4d6e-9a07-08d51d_lcx7xt.png)