Articles on: Installing Crisp

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.
  2. Navigate to Settings → Workspace Settings → Setup & Integrations.
  3. Open HTML.
  4. Copy your Crisp chatbox code.


Open Setup and Integrations in Crisp


Copy the Crisp chatbox setup script



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


  1. Open your project Settings.


Open Webflow project settings


  1. Open Custom Code.


Open the Webflow custom code section


  1. Paste the Crisp JavaScript code in the Head Code or Footer Code field.
  2. Click Save Changes.
  3. Publish your site for the selected domain.


Save and publish your Webflow custom code


To learn more about the Crisp widget itself, visit our Live Chat page.



Updated on: 03/05/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!