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?
Don't forget to subscribe to our Youtube Channel for tips and tricks about Crisp and customer service
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.
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/
If your website is running on WordPress and WooCommerce , you have to follow this tutorial
If your online store is running on Adobe Commerce (Magento) , you have to follow this tutorial
If your online store is running on Shopify , you have to follow this tutorial .
If your online store is running on Prestashop , you have to follow this tutorial.
If your online store is running on Shopware , you have to follow this tutorial .
If your website is running Squarespace , you have to follow this tutorial .
If your website is running Strikingly , you have to follow this tutorial .
If your website is running on Webflow , you have to follow this tutorial
If your website is running on[ Astro](https://astro.build/) , you can add the code above in the file Layout.astro
If your website is running on NuxtJS , you have to follow this tutorial .
If your website is running on NextJS , you have to follow this tutorial
If your website is running on WHMCS , you have to follow this tutorial .
If you're willing to embed a live chat on Notion, you have to follow this tutorial
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.
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.
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