> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.co-din.com/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 do I add a live chat to my website?Video tutorial on how to add a live chat on a website:Install a live chat for most websitesInstall a website chat widget on WordPress websitesInstall a

Articles on: [Install Crisp](/en/category/install-crisp-8bn075/)

So, you just signed up to Crisp and you are ready to add the chatbox widget to your website? Great! This page will help you add a chat widget to your website seamlessly. No need to be a developer.  
  
First, we need to 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](https://www.youtube.com/channel/UCBgCqEfwt_454jVG7qpi_KQ?sub_confirmation=1) for tips and tricks about Crisp and customer service  
  
  
  
Here is how to retrieve your website code:  
  
*   Go to https://app.crisp.chat/settings/websites/
  
*   Then click integrations
  
![](https://storage.crisp.chat/users/helpdesk/website/14d50335b9540800/14f78226-1387-4f0a-8e6c-fe2ba7_3oa19s.png)  
*   Go to HTML
  
*   Copy the script tag
  
  
![](https://storage.crisp.chat/users/helpdesk/website/10e2c19f20db2000/9f6c87ad-4385-4488-ada2-26f5e6_1vmar93.png)  
  
  
In the file serving the first portion of your HTML (

` `

) section, copy and paste the code we provided just before the

` `

tag.  
  
If you can't find the

` `

tag, you can also copy the chatbox widget code before the end of the HTML body, eg: right before the

` `

tag.  
  
  
  
If your website is running WordPress, you have to follow [this tutorial](/en/article/how-to-install-crisp-on-wordpress-16m1ln1/).  
  
Else, you can go straight to the WordPress marketplace and download our plugin. See here for reference: [https://wordpress.org/plugins/crisp/](https://wordpress.org/plugins/crisp/)  
  
  
  
If your website is running on WordPress and WooCommerce, you have to follow [this tutorial](/en/article/how-to-install-crisp-for-woocommerce-1qynizu/)  
  
  
  
If your online store is running on Adobe Commerce (Magento), you have to follow [this tutorial](/en/article/how-to-install-crisp-on-magento-ka7n7j/)  
  
  
  
If your online store is running on Shopify, you have to follow [this tutorial](/en/article/how-to-install-crisp-livechat-and-helpdesk-on-your-shopify-online-store-1ee520y/).  
  
  
  
If your online store is running on Prestashop, you have to follow [this tutorial.](/en/article/how-to-install-crisp-live-chat-on-prestashop-updated-v17-qwquek/)  
  
  
  
If your online store is running on Shopware, you have to follow [this tutorial](/en/article/how-to-add-a-chat-and-chatbot-widget-to-shopware-website-142sht7/).  
  
  
  
If your website is running Squarespace, you have to follow [this tutorial](/en/article/how-to-add-crisp-on-squarespace-10jlo4o/).  
  
  
  
If your website is running Strikingly, you have to follow [this tutorial](/en/article/how-to-add-crisp-on-strikingly-103tfrx/).  
  
  
  
If your website is running on Webflow, you have to follow this [tutorial](/en/article/how-to-add-crisp-live-chat-on-webflow-ncgak/)  
  
  
  
If your website is running on[ Astro]([https://astro.build/](https://astro.build/)) , you can add the code above </head > in the file Layout.astro  
  
  
  
If your website is running on NuxtJS, you have to follow this [tutorial](/en/article/how-to-install-crisp-live-chat-on-nuxtjs-1nko1cm/).  
  
  
  
If your website is running on NextJS, you have to follow this [tutorial](/en/article/how-to-install-crisp-live-chat-on-nextjs-xh9yse/)  
  
  
  
If your website is running on WHMCS, you have to follow this [tutorial](/en/article/how-to-install-crisp-live-chat-on-whmcs-4f7dug/).  
  
  
  
If you're willing to embed a live chat on Notion, you have to follow [this tutorial](/en/article/how-to-embed-a-live-chat-in-notion-1n8bwzw/)  
  
  
  
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](https://crisp.chat/en/livechat/) 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/](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: 12/06/2024