So, you just signed up to Crisp and are ready to add the chatbox widget to your website. Great! This page will help you add a chat to your website seamlessly. There is no need to be a developer.

First, we must check which content management system your website runs on. Does it run on WordPress? Is it coded from scratch?

Video tutorial on how to add a live chat on a website:





Don't forget to subscribe to our Youtube Channel for tips and tricks about Crisp and customer service

Install a live chat for most websites



Here is how to retrieve your Workspace identifier:

Go to https://app.crisp.chat/settings/website/
Then click Workspace Settings

Go to Chatbox
Copy the script tag


In the file serving the first portion of your HTML ( <head />) section, copy and paste the code we provided just before the <head /> tag.

If you can't find the <head /> tag, you can also copy the chatbox widget code before the end of the HTML body, eg: right before the <body /> tag.

Install a website chat widget on WordPress websites



If your website is running WordPress , you have to follow this tutorial .

Else, you can go straight to the WordPress marketplace and download our plugin. See here for reference: https://wordpress.org/plugins/crisp/

Install a website chat widget and helpdesk to WooCommerce



If your website is running on WordPress and WooCommerce , you have to follow this tutorial

Install a chat extension and helpdesk to Magento (Adobe Commerce)



If your online store is running on Adobe Commerce (Magento) , you have to follow this tutorial

Install a live chat and chatbot app on Shopify website



If your online store is running on Shopify , you have to follow this tutorial .

Install a chat widget and chatbot addon on Prestashop



If your online store is running on Prestashop , you have to follow this tutorial.

Install a live chat and chatbot on Shopware



If your online store is running on Shopware , you have to follow this tutorial .

Install a live chat on Squarespace



If your website is running Squarespace , you have to follow this tutorial .

Install a live chat on Strikingly



If your website is running Strikingly , you have to follow this tutorial .

Install a live chat and chatbot on Webflow



If your website is running on Webflow , you have to follow this tutorial

Install a live chat and chatbot on Astro



If your website is running on[ Astro](https://astro.build/) , you can add the code above in the file Layout.astro

Install a live chat using NuxtJS



If your website is running on NuxtJS , you have to follow this tutorial .

Install a live chat using NextJS



If your website is running on NextJS , you have to follow this tutorial

Install a live chat on WHMCS



If your website is running on WHMCS , you have to follow this tutorial .

Embed a live chat widget on Notion



If you're willing to embed a live chat on Notion, you have to follow this tutorial

Feeling lost? Want to know more about our features?



If you can't figure out how to add Crisp to your website, chat with us. We will be happy to help!

You can also go to our website chat widget feature page that describes everything you need to know, in terms of price or possibities.

How to create an account on Crisp



Simply reach out to https://app.crisp.chat/initiate/signup/ and follow the process to get your WebsiteID and follow the process explained above. Don't forget that you can't do it using a mobile phone, it has to be done from a computer or a laptop.

Updated on: 11/09/2024