> ## 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 to install the Crisp live-chat chatbox on Webflow

__This article explains how to add the Crisp chatbox to a Webflow website.__

You can install Crisp on Webflow by copying your Crisp chatbox script and pasting it into your Webflow project custom code, then publishing your site.

||| Webflow custom code requires an active Site plan or an eligible Workspace plan. If the ****Custom Code**** section is unavailable, check your Webflow plan first.

---

# Copy your Crisp chatbox script

First, retrieve the Crisp script from your workspace settings.

__To copy your Crisp script:__

1. Open [**Crisp**](https://app.crisp.chat).
2. Navigate to ****Settings → Workspace Settings → Setup & Integrations****.
3. Open ****HTML****.
4. Copy your Crisp chatbox code.

![Open Setup and Integrations in Crisp](https://storage.crisp.chat/users/helpdesk/website/-/9/3/9/e/939e88641c6fb800/db20c3f7-51db-4c7d-a61b-d80869_ep7een.png)

![Copy the Crisp chatbox setup script](https://storage.crisp.chat/users/helpdesk/website/-/f/e/1/c/fe1c9862df7be80/f8957d4f-ae52-40a1-b41c-14ace0_15kh40u.png)

---

# Add the script to Webflow

Add the Crisp script to your Webflow project custom code and publish the site afterward.

__To install Crisp in Webflow:__

1. Open your Webflow project.

![Open your Webflow project](https://storage.crisp.chat/users/helpdesk/website/-/2/2/1/c/221c1140ce9da800/3d9414da-8470-479c-a2e2-a56ca5_7uesv0.png)

2. Open your project ****Settings****.

![Open Webflow project settings](https://storage.crisp.chat/users/helpdesk/website/-/5/e/b/9/5eb9b68bc98af400/ae6e8f7e-3dd4-4456-b775-2f6ebf_1b53oph.png)

3. Open ****Custom Code****.

![Open the Webflow custom code section](https://storage.crisp.chat/users/helpdesk/website/-/7/b/3/5/7b35a6c9031e0400/e8cac21d-47e2-47f8-916d-39cd88_n7fsrs.png)

4. Paste the Crisp JavaScript code in the ****Head Code**** or ****Footer Code**** field.
5. Click ****Save Changes****.
6. Publish your site for the selected domain.

![Save and publish your Webflow custom code](https://storage.crisp.chat/users/helpdesk/website/-/2/3/2/1/23213fc686482e00/00e25f71-bc8a-4955-836c-361176_a7xsal.png)

| To learn more about the Crisp widget itself, visit our [Live Chat page](https://crisp.chat/en/livechat/).

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