How to Add Crisp Chat to Your Website

Crisp needs only your Website ID. Copy it from Workspace Settings, Setup and Integrations, then paste the Crisp script (which sets CRISP_WEBSITE_ID and loads l.js) on every page, or paste the ID into the Crisp add-on on We.Inc. Crisp's Free plan covers the website widget, shared inbox and two agents.

Crisp Free plan, from Crisp's pricing page
Included	Not included
Website chat widget and shared inbox	AI credits
2 agents	Features from Mini, Essentials and Plus
Mobile apps and push notifications
Contact form and chat SDKs

Updated October 28, 2026

Crisp sits between the free-forever tools and the enterprise suites: a real free tier for one or two people, and paid tiers when you want automation. The install is the lightest of the common widgets because the ID is the only thing that changes between sites.

Add Crisp on We.Inc, WordPress, Wix, Squarespace or plain HTML

We.Inc

Go to the "..." menu in the builder and select Add-ons.
Paste your Crisp Website ID into the Crisp card.
Turn the card's switch on.
Publish; Crisp starts loading on the next live version.

WordPress

Go to Plugins, then Add New Plugin, and search for Crisp.
Install and activate it, then link your Crisp workspace from its settings page.
Open the site in a private window to check the chatbox.

Plugins on WordPress.com need the Personal plan or higher.

Wix

Open Settings, then Custom Code.
Add the Crisp script for All pages.
Place it in Body - end and click Apply.
Publish the site.

Custom code needs a connected domain on a premium plan.

Squarespace

Open Code Injection.
Paste the Crisp script in the Footer field and save.
Reload the published site to see the chatbox.

Crisp keeps its own Squarespace guide; Code Injection needs the Core plan or above.

Plain HTML

Paste the script in each page, in the head or before </body>.
Set CRISP_WEBSITE_ID to your ID.
Upload and confirm the chatbox shows on every page.

Script shape

Crisp loader

The only value you change is the Website ID. Copy the exact current version from your Crisp dashboard.

<script>
  window.$crisp = [];
  window.CRISP_WEBSITE_ID = "YOUR_WEBSITE_ID";
  (function () {
    var s = document.createElement("script");
    s.src = "https://client.crisp.chat/l.js";
    s.async = 1;
    document.head.appendChild(s);
  })();
</script>

Sources

Crisp pricing, https://crisp.chat/en/pricing/, checked October 28, 2026, for the Crisp steps
Crisp help: How to install a chat widget on my website, https://help.crisp.chat/en/article/how-to-install-a-chat-widget-software-on-my-website-10wcj3l/, checked October 28, 2026, for the Crisp steps
Crisp help: Add Crisp on Squarespace, https://help.crisp.chat/en/article/how-do-i-add-crisp-live-chat-on-squarespace-10jlo4o/, checked October 28, 2026, for the Crisp steps
Wix: Embedding custom code on your site, https://support.wix.com/en/article/embedding-custom-code-on-your-site, checked October 28, 2026, for the Crisp steps
Squarespace: Using code injection, https://support.squarespace.com/hc/en-us/articles/205815908-Using-code-injection, checked October 28, 2026, for the Crisp steps

One workspace per site

Each Crisp workspace has its own Website ID. If you run two brands, create two workspaces so conversations, branding and operators stay apart, and use the matching ID on each site.

For React or Next.js, Crisp publishes an npm package, crisp-sdk-web, where you call Crisp.configure with the ID once. That avoids the script running twice when routes change.

How it works

Sign up and create a workspace for your site.
Copy the Website ID from Setup and Integrations.
Install the script or paste the ID into a platform plugin.
Install the Crisp mobile app so replies reach you away from the desk.

Tips

If the chatbox never loads, the ID is almost always wrong or missing; compare it character by character with the dashboard.
Crisp can generate a direct chat link, handy for email signatures or a QR code on printed material.
Two seats on the free plan means two people; share a login and you lose the record of who answered what.

Frequently asked questions

Is Crisp chat free?

Yes. Crisp lists a Free plan at $0, described as forever, with the chat widget, a shared inbox, mobile apps and two agents. AI credits and advanced features are on the paid Mini, Essentials and Plus plans.

Where is my Crisp Website ID?

In the Crisp app, open Workspace Settings and then Setup and Integrations. The Website ID field has a Copy button.

Can I put Crisp inside an iframe or a link?

Crisp documents both: a direct chat link that opens the chatbox on its own page, and instructions for embedding the chatbox in an iframe.

Start for free or see all free tools. We.Inc is free to start, with no card needed. AI building is on paid plans from $20 a month.