> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://staging.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**  
* Go to Settings > Workspace Settings > Setup & Integrations  
* Copy your Crisp code from "Chatbox setup instruction"

![](https://storage.crisp.chat/users/helpdesk/website/-/d/4/e/9/d4e9854bfb3f3000/e87c8086-b979-4011-8133-c53c90_2qkuha.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/c/7/0/3/c70395a554092000/db0b24bf-c110-4eea-9c56-268331_1ibsqaz.png)

# On Webflow Dashboard

* **Go to your Webflow project**

![](https://storage.crisp.chat/users/helpdesk/website/-/c/3/3/6/c336e68c741bd800/1bb52913-8dee-4018-bf98-be4f66_s7n3zy.png)

* Go to your project's setting

![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/a/f/ecafc0735b5a000/fb8ceebd-0ea4-40b9-908a-446cb3_z44rt4.png)

* Click on Custom Code

![](https://storage.crisp.chat/users/helpdesk/website/-/6/3/a/4/63a48035f2def400/30032e2d-f8e1-4c9c-88d1-8ce157_1cyab5x.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/-/9/8/c/5/98c513448c81a000/5b739cc8-ceb0-450f-8601-2dec02_kryiqe.png)