Installing Crisp on popular frameworks
How to install the Crisp Chat Widget 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 website chat widget 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 [**Some 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 Support 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 chat SDK and provides TypeScript-friendly helpers for common chat widget actions. Install the Web SDK Install the package from your application project. npm installFew readersHow to Create and Customize a Direct Link to your Crisp Chatbox
This article explains how to generate, customize, and share a direct external link to your Crisp chatbox. A direct chatbox link lets visitors open your Crisp live chat widget without first visiting a website where Crisp is installed. You can share this link directly, add it to a button or contact page, embed it inside another platform, or use it to test your chatbox. Messages sent from the link reach the Crisp workspace connected to its Website ID. If HugoFew 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 Live Chat widget inside an iFrame. The standard Crisp installation displays the chatbox as a floating widget on your website. An iFrame lets you place the chatbox inside a specific page, panel, dashboard, or external platform while controlling the space it occupies. You can embed Crisp using either the direct external chatbox link or a custom HTML page configured with the Crisp JavaScript SDK. || Learn more about the [Crisp Live Chat widget](httpPopular
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 Crisp Live Chat on Shopify Stores and Connect Hugo AI Agent
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 Widget to a Notion Page
This article explains how to embed the Crisp Live Chat chatbox inside a Notion page without using code or installing a plugin. Notion can display external URLs directly inside a page. To add Crisp, find your Website ID, generate the direct link to your chatbox, then paste it into a Notion Embed block. If Hugo AI Agent is activated on your workspace, visitors can also interact with your AI Agent directly from the embedded chatbox. _Few readersHow to add a chat widget to your Webflow website
This article explains how to add the Crisp chatbox to a Webflow website. You can install Crisp chat widget software 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. ${color}[#0080dd](Copy your Crisp chatbox scriFew 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 Crisp Live Chat on WHMCS
This article explains how to install the Crisp Live Chat plugin on a WHMCS website. The Crisp WHMCS plugin lets you display the Crisp chatbox on your customer portal and manage customer conversations directly from the Crisp Inbox. The plugin is generated from your Crisp workspace. Download it as a ZIP file, install it in WHMCS, then connect it with the license key provided by Crisp. ${coloFew 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 Crisp AI Chatbot and chat widget on WooCommerce Website?
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 software 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 widget 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 MFew 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 software 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 Web Chat Widget 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 web chat widget 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.Few 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 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 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 AI Support Bot and web chat 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 web chat 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 veFew readersHow to add the chat software 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 support chat plugin 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 itFew readers