> ## 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/-/6/b/2/4/6b24a0a998329000/7535a21d-b694-41ed-affb-880a86_ssjj8z.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/a/9/2/4/a924cdc85574d800/c2009fc5-249b-455e-ac03-9c99d7_ovgwok.png)

# On Webflow Dashboard

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

![](https://storage.crisp.chat/users/helpdesk/website/-/7/c/c/4/7cc45181616b9000/cb7dc43e-759b-4b43-8121-becb13_pig1r0.png)

* Go to your project's setting

![](https://storage.crisp.chat/users/helpdesk/website/-/c/0/5/b/c05bede48f9f4800/3f048cb0-ac8f-4412-b996-092ba6_59adwc.png)

* Click on Custom Code

![](https://storage.crisp.chat/users/helpdesk/website/-/6/f/f/7/6ff76ee290848000/5532c692-6e9a-41fc-8cc0-b6cd66_qdkqxa.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/-/4/a/5/4/4a54fff5da9b640/f25eb8cd-1188-48af-8627-207306_j8qr0e.png)