> ## 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**](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/c/1/b/6c1b1a35fe578000/b1430926-7978-4647-a8d7-b33860_13xld4u.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/7/b/5/1/7b5113ca2aa9440/5931dfe9-92de-4f1a-be6c-e3e73c_aq0npq.png)

# On Webflow Dashboard

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

![](https://storage.crisp.chat/users/helpdesk/website/-/b/7/f/b/b7fb319af8120800/4dd8a99c-0248-4b91-b269-bcc19d_1mmtz1d.png)

* Go to your project's setting

![](https://storage.crisp.chat/users/helpdesk/website/-/7/a/8/3/7a83f5d154e63000/a5acaf26-8445-4cd1-a0dd-5a65b1_zbne62.png)

* Click on Custom Code

![](https://storage.crisp.chat/users/helpdesk/website/-/6/f/4/0/6f40d5262230d400/9d3faa5b-17b2-4535-a207-8ffea1_1ittk7s.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/-/d/2/9/0/d2905695ac50d800/06f88187-5616-4cdc-990d-d3810c_4q6p8r.png)