help.crisp.chat

{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How to install Crisp Live Chat on a custom website?","acceptedAnswer":{"@type":"Answer","text":"<p><em>This article explains how to install the Crisp Live Chat widget on a custom website.</em></p>\n<p>The easiest way to add Crisp to a custom website is to copy your Crisp chatbox script and paste it into your website HTML. If your website runs on a CMS, ecommerce platform, or JavaScript framework, you can use a dedicated guide instead.</p>\n<p><strong>This guide is split into practical steps:</strong></p>\n<ul>\n<li><a href="#1-before-you-start">Before you start</a> → what you need before installing Crisp</li>\n<li><a href="#1-watch-the-installation-walkthrough">Watch the installation walkthrough</a> → follow the setup in video format</li>\n<li><a href="#1-copy-your-crisp-chatbox-script">Copy your Crisp chatbox script</a> → get your installation code from Crisp</li>\n<li><a href="#1-add-the-script-to-your-website-html">Add the script to your website HTML</a> → install the widget on a custom website</li>\n<li><a href="#1-install-crisp-on-a-single-page-app">Install Crisp on a single-page app</a> → handle modern JavaScript apps</li>\n<li><a href="#1-check-that-crisp-is-installed-correctly">Check that Crisp is installed correctly</a> → confirm the chatbox appears and messages reach your Inbox</li>\n<li><a href="#1-troubleshooting">Troubleshooting</a> → fix common installation issues</li>\n</ul>\n<h2 id="usingacmsecommerceplatformorframework1usingacmsecommerceplatformorframeworkfindtherightdedicatedguide">* <a href="#1-using-a-cms-ecommerce-platform-or-framework">Using a CMS, ecommerce platform, or framework</a> → find the right dedicated guide</h2>\n<h1 id="dcolor0080ddbeforeyoustart">${color}[#0080dd](Before you start)</h1>\n<p>Before installing Crisp on your website, make sure you have:</p>\n<ul>\n<li><strong>A Crisp workspace</strong> → needed to generate your chatbox script</li>\n<li><strong>Access to your website code</strong> → needed to paste the script in yo</li>\n</ul>"}},{"@type":"Question","name":"How to use Message Triggers and Quick Replies in Hugo AI Agent","acceptedAnswer":{"@type":"Answer","text":"<p><em>Learn how to use Message Triggers and Quick Replies to adapt your Crisp chatbox based on visitor behavior and context.</em></p>\n<p>Message Triggers let you automate chatbox actions, such as opening the chatbox, showing a message, playing a sound, or changing the quick replies visitors can click. They help you guide visitors toward the right action at the right moment, without waiting for them to start a conversation.</p>\n<p>| Message Triggers are available on the Crisp Mini, Essentials, and Plus plans.</p>\n<p><strong>In this guide, you will learn how to:</strong></p>\n<ul>\n<li><a href="#1-watch-the-message-triggers-walkthrough">Watch the Message Triggers walkthrough</a> → see how triggers and quick replies work in Crisp</li>\n<li><a href="#1-what-are-message-triggers">Understand Message Triggers</a> → learn what triggers can do in your chatbox</li>\n<li><a href="#1-create-your-first-trigger">Create your first trigger</a> → configure a trigger with actions, events, behaviors, and platforms</li>\n<li><a href="#1-use-quick-replies-in-message-triggers">Use quick replies</a> → guide visitors with predefined replies</li>\n<li><a href="#1-decide-when-your-trigger-should-run">Target visitors and pages</a> → control when a trigger should run</li>\n<li><a href="#1-use-message-triggers-with-the-crisp-sdk">Use triggers with the Crisp SDK</a> → run triggers manually from your website or app</li>\n<li><a href="#1-troubleshoot-message-triggers">Troubleshoot triggers</a> → understand why a trigger may not appear</li>\n</ul>\n<hr />\n<h1 id="dcolor0080ddwatchthemessagetriggerswalkthrough">${color}[#0080dd](Watch the Message Triggers walkthrough)</h1>\n<p>If you prefer a quick visual walkthrough, this video shows how to use Message Trig</p>"}},{"@type":"Question","name":"How to replace the default chatbox button with a custom one","acceptedAnswer":{"@type":"Answer","text":"<p><em>Learn how to open the Crisp chatbox from a custom button on your website.</em></p>\n<p>You can create your own <strong>Chat with us</strong> button and use the Crisp JavaScript SDK to open the chatbox when the visitor clicks it.</p>\n<hr />\n<h1 id="dcolor0080ddopenthechatboxwithjavascript">${color}[#0080dd](Open the chatbox with JavaScript)</h1>\n<p>Use <strong>chat:open</strong> to open the Crisp chatbox.</p>\n<pre><code class="js language-js">$crisp.push(["do", "chat:open"]);\n</code></pre>\n<hr />\n<h1 id="dcolor0080ddattachittoacustombutton">${color}[#0080dd](Attach it to a custom button)</h1>\n<p>The simplest implementation is to call the method from a click handler.</p>\n<pre><code class="html language-html"><button type="button" onclick="$crisp.push(['do', 'chat:open'])">\n  Chat with us\n</button>\n</code></pre>\n<p>For larger websites, prefer attaching the listener from your JavaScript file instead of using inline HTML.</p>\n<pre><code class="html language-html"><button type="button" id="open-crisp-chat">\n  Chat with us\n</button>\n\n<script>\n  document.getElementById("open-crisp-chat").addEventListener("click", function() {\n    $crisp.push(["do", "chat:open"]);\n  });\n</script>\n</code></pre>\n<p>| Read the <a href="https://docs.crisp.chat/guides/chatbox-sdks/web-sdk/dollar-crisp/">$crisp Methods documentation</a> for more chatbox actions such as <strong>chat:close</strong>, <strong>chat:toggle</strong>, <strong>chat:show</strong>, and <strong>chat:hide</strong>.</p>"}},{"@type":"Question","name":"How to connect Whatsapp Business with Crisp","acceptedAnswer":{"@type":"Answer","text":"<p><em>Learn how to connect WhatsApp Business Platform to Crisp so WhatsApp messages can be handled from your shared Inbox.</em></p>\n<p>Crisp is a <strong>WhatsApp Business Solution Provider</strong>, which means you can connect a WhatsApp Business phone number to your Crisp workspace and manage WhatsApp conversations alongside your other channels. This guide covers the first connection, coexistence with the WhatsApp Business app, number migration, templates, pricing, and useful next steps.</p>\n<p><strong>Use this guide to jump to the section you need:</strong></p>\n<ul>\n<li><a href="#1-connect-whatsapp-business-platform-with-crisp">Connect WhatsApp Business Platform with Crisp</a> → requirements and first setup</li>\n<li><a href="#1-connect-a-whatsapp-business-app-number-with-coexistence">Connect a WhatsApp Business App number with coexistence</a> → keep using the mobile app while receiving messages in Crisp</li>\n<li><a href="#1-migrate-an-existing-whatsapp-phone-number">Migrate an existing WhatsApp phone number</a> → move a number from another Business Solution Provider</li>\n<li><a href="#1-manage-your-whatsapp-business-account">Manage your WhatsApp Business account</a> → add numbers, access Meta settings, update profile details, and disable 2FA</li>\n<li><a href="#1-use-apis-templates-and-catalog-templates">Use APIs, templates, and catalog templates</a> → start with the API and send approved templates</li>\n<li><a href="#1-understand-whatsapp-business-platform-pricing">Understand WhatsApp Business Platform pricing</a> → message charges, 24-hour window, and credits</li>\n<li>[Make the most of WhatsApp in Crisp](#1-make-the-most-of-whatsapp-in</li>\n</ul>"}},{"@type":"Question","name":"Crisp EU GDPR compliance status","acceptedAnswer":{"@type":"Answer","text":"<p><em>Learn how Crisp handles GDPR compliance, data processing, privacy rights, and related security practices.</em></p>\n<p><strong>The European Union’s General Data Protection Regulation (GDPR) is a regulation that aims at harmonising EU Member State’s data privacy laws. This article describes the GDPR compliance status of Crisp.</strong></p>\n<p>![GDPR compliance illustration](https://storage.crisp.chat/users/helpdesk/website/-JzqEmX56venQuQw4YV8/bf066c5e-5b83-444b-972c-a8b3cd9cc73a.png =1000xauto)</p>\n<p>| <strong>If your company needs to ensure it is GDPR-compliant, it also needs to ensure its providers (ie. Crisp) are GDPR compliant. Crisp is GDPR-compliant, and strictly enforces the regulation as to protect any user data we process and store. The list of our providers (ie. Data Processors) is available, and kept up to date, in our Data Processing Agreement (DPA).</strong></p>\n<p>|| Looking for a Data Processing Agreement? <a href="https://help.crisp.chat/en/article/how-to-sign-my-gdpr-data-processing-agreement-dpa-1wfmngo/">Read where you find your DPA</a>.</p>\n<hr />\n<h1 id="dcolor0080ddcrispandgdprin12points">${color}[#0080dd](Crisp and GDPR (in 12 points))</h1>\n<p>Crisp holds itself to a high standard of data protection. Read our privacy policy for a full and comprehensive statement on how we process any personal data in our organisation. However, for us GDPR compliance doesn’t stop there. In this article we explain what else we do to protect and secure your data. If we have not answered your questions via our Privacy statement or any of our GDPR Compliancearticles, please [<strong>contact us</strong>]</p>"}},{"@type":"Question","name":"Crisp Cookie Policy","acceptedAnswer":{"@type":"Answer","text":"<p><em>Learn what is the Crisp Cookie Policy.</em></p>\n<p><strong>The website, Crisp.chat, does not collect personal identifiable cookies when you visit us. We do collect anonymous information, such as, for example, how often website visitors engaged with our website.</strong></p>\n<p><strong>Crisp collects only the necessary and functionality cookies related to its software app and chatbox in order to make those products available to the users. </strong></p>\n<p><strong>By default, Crisp does not collect any tracking cookies. Not via its own website, nor through its applications. The cookies that are collected via the chatbox and app are for messaging and functionality purposes, as described below. </strong></p>\n<p><strong>However, as a Crisp customer you may be able to use the Crisp software products and chatbox for tracking your users (e.g. via segments you push from the $crisp JavaScript SDK). Note that each customer using Crisp software products or Chatbox are responsible for obtaining the appropriate consent from your users. </strong></p>\n<p><strong>The Crisp chatbox, that is running on our own website, as well as on the websites of our customers and app uses the following cookies : </strong></p>\n<ul>\n<li><strong>Cookies are necessary for chatbox functionalities</strong>; they are needed to restore the chat session and messages of a chatbox user when browsing between website pages and/or coming back on the website a few days after.</li>\n<li>We chose cookies over <strong>LocalStorage</strong> or <strong>SessionStorage</strong> because this is the only technical solution allowing us to keep the chat consistent acr</li>\n</ul>"}}]}