Installing Crisp on popular frameworks
How to install the Crisp live-chat chatbox on ReactJS apps
This article explains how to add the Crisp chatbox to a React application. For React and other single-page applications, use the official crisp-sdk-web package. It loads the Crisp chatbox from your app and gives you access to Web SDK methods for user data, session continuity, events, and more. Copy your Website ID You need your Crisp Website ID before configuring the SDK. To find your Website ID: Open Crisp. Navigate tSome readersHow to install a chat widget on Next.js apps?
This article explains how to add the Crisp chatbox to a Next.js application. For Next.js and other single-page applications, the recommended setup is to use the official crisp-sdk-web package. This keeps Crisp chat widget loaded only in the browser and gives you access to the Web SDK methods when you need them. Copy your Website ID You need your Crisp Website ID before configuring the SDK. __ToSome readersHow to install a chat SDK on my Android apps?
This article points you to the official Crisp Android SDK resources. Crisp provides a native Android Chat SDK so you can add a support chat experience directly inside your Android mobile app. The SDK repository and Developer Hub documentation contain the current installation steps, Gradle dependency, and available API methods. 
Learn how to embed the Crisp chatbox in a single-page app using the official Web SDK package. The crisp-sdk-web package is the recommended option for React, Vue, Angular, Nuxt, Next.js, and other single-page applications. It wraps the $crisp SDK and provides TypeScript-friendly helpers for common chatbox actions. Install the Web SDK Install the package from your application project. npm install --save crisp-sdk-web | The full [Crisp Web SDK documeFew readersHow to embed a chat widget in any platform?
This article explains how to generate a direct external link for your Crisp chatbox. A direct chat widget link is useful when you have not installed Crisp on a website, want to share a standalone chat support link, or need a quick way to test the chat widget. The link uses your Crisp Website ID and can optionally include supported user or session parameters. Generate the external chatbox link Start with your Website ID, then inserFew readersHow to install a support chat SDK on React Native mobile apps?
This article points you to the official Crisp React Native SDK resources. Crisp provides a React Native Chat SDK so you can add a Crisp support chat experience to iOS and Android apps built with React Native. The Developer Hub documentation contains the current installation requirements for Expo and bare React Native apps. Watch the React Native SDK setup walkthrough If you prefer a quick walkthrough, this video shows how to install thFew readersHow to embed the Crisp live-chat chatbox in an iFrame
This article explains how to embed the Crisp chatbox inside an iFrame. The default Crisp setup adds the chatbox as a floating widget on your page. If you need to control its size, position, or embed it inside another interface, you can load Crisp in an iFrame instead. Choose an iFrame method There are two common ways to embed Crisp in an iFrame. Available methods: External chatbox link → simplest option, using the direct Crisp chatbox URL as the iFrame sPopular
Integrations with popular platforms
How to install the Crisp Live Chat Plugin on Wordpress
This article explains how to install Crisp Live Chat on a WordPress website. The Crisp WordPress plugin lets you add the chatbox without editing your theme manually. Install the plugin from WordPress, link it to your Crisp workspace, and the chatbox can start loading on your public pages. This guide is split into practical steps: Before you start → what you need before installingPopularHow to install the Crisp live-chat chatbox on Shopify stores
Looking to install Crisp on your Shopify Website? Here is a dedicated tutorial that will help you to do so!Some readersHow to install the Crisp chat widget on Prestashop?
This article explains how to install Crisp Live Chat and Hugo AI Agent on a PrestaShop store. The Crisp PrestaShop add-on lets you add the chatbox to your store, connect store data with Crisp, and prepare your e-commerce support setup for workflows and Hugo AI Agent integrations. Dedicated tutorial for Crisp and PrestaShop What you need Before installing the add-on, make sure your store and workspace are ready. Requirements: **PrestSome readersHow to install the Crisp live-chat chatbox on Notion
This article explains how to embed Crisp Live Chat inside a Notion page. Notion can embed external URLs inside a page. To display Crisp there, first generate your direct chatbox link, then paste that link into a Notion embed block. Generate your Crisp chatbox link Notion needs the direct external URL of your Crisp chatbox. To get the link: Find your Website ID with this guide. Build your chatbox URL witFew readersHow to install the Crisp live-chat chatbox on Webflow
This article explains how to add the Crisp chatbox to a Webflow website. You can install Crisp on Webflow by copying your Crisp chatbox script and pasting it into your Webflow project custom code, then publishing your site. ||| Webflow custom code requires an active Site plan or an eligible Workspace plan. If the Custom Code section is unavailable, check your Webflow plan first. Copy your Crisp chatbox script First, retrieve the Crisp script from your workspacFew readersHow to install the Crisp live-chat chatbox on WHMCS
This article explains how to install Crisp Live Chat on a WHMCS website. Crisp provides a WHMCS plugin from your workspace setup area. Download it from Crisp, add it to WHMCS, and use the license key provided during setup. Video tutorial Video tutorial on how to install Crisp on WHMCS Install the WHMCS plugin Start from Crisp to download the WHMCS plugin attached to your workspace. To install Crisp on WHMCS:Few readersHow to install the Crisp live-chat chatbox on Squarespace
This article explains how to add Crisp Live Chat to a Squarespace website. Squarespace lets you add custom scripts through Code Injection on supported plans. Once your Crisp chatbox script is pasted there, the widget can load across your Squarespace site. ||| Code Injection availability depends on your Squarespace plan. If you do not see the option, check your Squarespace billing plan or use a supported custom-code option. Retrieve your Crisp chatbox script StartFew readersHow to install the Crisp live-chat chatbox on Wix
This article explains how to add the Crisp chatbox to a Wix website. Wix lets you add third-party scripts from your site's Custom Code settings. Once your Crisp script is added and applied to your pages, the chatbox can load on your published site. ||| Wix custom code requires a published site with a connected domain. If your Wix site does not meet this requirement, the Crisp script cannot be added through this method. Add a live chat to Wix ${color}[#00Few readersHow to install the crisp live-chat chatbox on WooCommerce
Learn how to install Crisp on WooCommerce so your store can display the chatbox and sync customer and order context into Crisp. The WooCommerce integration helps online merchants support customers from Crisp while keeping useful store data close to each conversation. When connected, Crisp can access customer data, past orders, cart context, and order events depending on the customer session. | You can also review the [WooCommerce integration page](https://crisp.chat/en/integrations/woocoFew readersHow to install the Crisp live-chat chatbox on Adobe Commerce
Learn how to install Crisp on Adobe Commerce so your store can display the chatbox and sync customer, cart, and order context into Crisp. The Adobe Commerce integration, formerly Magento, adds the Crisp chatbox to your online store and connects store data to your Crisp workspace. This helps your team support e-commerce customers with cart and order context available from the Inbox. | You can download the Crisp extension from the [Adobe Commerce Marketplace](https://commercemarketplace.adFew readersHow to install a website chatbox on Strikingly?
This article explains how to add Crisp Live Chat to a Strikingly website. Strikingly supports custom code injection from the site editor. Paste the Crisp chatbox script in the footer custom code area, save your site, and Crisp will load on your published pages. Retrieve your Crisp chatbox script Copy the script from the Crisp workspace you want to connect to Strikingly. To copy your Crisp script: Open Crisp. Go to **SettingsFew readersHow to install the Crisp live-chat chatbox on Joomla?
This article explains how to add Crisp Live Chat to a Joomla website. The Crisp Joomla extension lets you install the chatbox from your Joomla administrator panel and link it to your Crisp workspace without manually editing your website code. ||| The Joomla extension is an older integration. Before using it in production, check the current compatibility details on the Joomla Extension Directory, especially if your site uses a recentFew readersHow to install the Crisp live-chat chatbox on Instapage
This article explains how to add Crisp Live Chat to an Instapage landing page. Instapage lets you inject custom code in your landing page settings. Copy your Crisp chatbox script, paste it in the page body section, then publish the page to start using Crisp. Retrieve your Crisp chatbox script Start by copying the Crisp script connected to your workspace. To copy your Crisp script: Open Crisp. Go to **Settings → Workspace SetFew readersHow to install the Crisp live-chat chatbox on Clickfunnels
This article explains how to add the Crisp chatbox to a ClickFunnels page. ClickFunnels lets you add tracking and footer code to a funnel page. Add your Crisp script in Footer Code, save your changes, and the chatbox can load on the published page. Copy your Crisp chatbox script Start by retrieving the script from your Crisp workspace. To copy your Crisp script: Open Crisp. Navigate to **Settings → Workspace Settings → SFew readersHow to install the Crisp live-chat chatbox on Adobe Muse
This article explains how to add Crisp Live Chat to an existing Adobe Muse website. Adobe Muse is a legacy product, but existing Muse projects can still be edited by some Creative Cloud users. If you maintain an older Muse website, you can add Crisp by pasting your Crisp chatbox script in the page head metadata. ||| Adobe ended technical support for Muse on March 26, 2020. Use this guide only for existing Muse projects. For a new website, use a current website builder or the standard [HTML iFew readersHow to install the Crisp live-chat chatbox on Weweb.io
This article explains how to add the Crisp chatbox to a WeWeb website. WeWeb lets you add custom code to your project, which makes it possible to load the Crisp chatbox on your published website. What is WeWeb? WeWeb is a no-code front-end builder for creating web applications and websites. It includes a visual editor and supports integrations with external services and custom code. ![WeWeb website homepage](https://storage.crisp.chat/userFew readersHow to install the Crisp live-chat chatbox on Unbounce
This article explains how to add the Crisp chatbox to an Unbounce page. Unbounce lets you add third-party scripts from Script Manager. Once the Crisp script is saved and included on your pages, the chatbox can load for visitors. Copy your Crisp chatbox script Start by retrieving the script from your Crisp workspace. To copy your Crisp script: Open Crisp. Navigate to *Settings → Workspace Settings → Setup & IntegrationsFew readersHow to install the Crisp live-chat chatbox on Shopware stores
This article explains how to add Crisp Live Chat to a Shopware website. Shopware installation relies on a community extension built by CodeGiganten, not a native Crisp-maintained plugin. Once installed, the extension loads the Crisp widget on your store using your Crisp Website ID. ||| This is a community extension, not a Crisp-maintained integration. The Shopware Store currently marks the extension as not compatible with the newest Shopware version, so check compatibility before installingFew readersHow to install the Crisp live-chat chatbox on Bubble
This article explains how to add the Crisp chatbox to a Bubble app. Bubble does not require you to edit your app code directly. You can install Crisp through a community Bubble plugin, then connect it to your Crisp workspace with your Website ID. ||| The Bubble integration mentioned here is a community plugin, not a plugin built by Crisp. Review the plugin page and test it on your Bubble app before relying on it in production. Copy your Website ID from Crisp TFew readers