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. You need your Crisp Website ID before configuring the SDK. To find your Website ID: Open Crisp. Navigate tSome readersHow to install the Crisp live-chat chatbox 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 loaded only in the browser and gives you access to the Web SDK methods when you need them. You need your Crisp Website ID before configuring the SDK. To find your Website ID: Open Crisp. NaviSome readersHow to install the Crisp live-chat chatbox on 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 app. The SDK repository and Developer Hub documentation contain the current installation steps, Gradle dependency, and available API methods. Crisp Android SDK preview (https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/android-sdk-previews-save1jvvrnc.png =1000xauto) color 0080dd (OfFew readersHow to install the Crisp live-chat chatbox on Nuxt.js apps
This article explains how to install Crisp Live Chat in a Nuxt.js application. Because Nuxt can render pages on the server, the Crisp script must be loaded on the client side only. The examples below show a Nuxt 3 setup first, with a Nuxt 2 alternative for older projects. Start by copying the Crisp setup information for the workspace you want to connect. To retrieve it from Crisp: Open Crisp (https://app.criFew readersHow to install the Crisp live-chat chatbox on iOS apps
This article points you to the official Crisp iOS SDK resources. The Crisp iOS SDK lets you add a native support chat experience to your iOS app, including access to conversations and customer support features directly from your mobile product. The official iOS Chat SDK documentation is the source of truth for installation, version requirements, and available APIs. At the time of writing, the SDK documentation indicates that the minimum iOS targetFew readersHow to install the crisp live-chat chatbox on Single Page Applications (SPA)
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 package from your application project.Few readersHow to generate the direct external link of the Crisp live-chat chatbox
This article explains how to generate a direct external link for your Crisp chatbox. A direct chatbox link is useful when you have not installed Crisp on a website, want to share a standalone support link, or need a quick way to test a chatbox. The link uses your Crisp Website ID and can optionally include supported user or session parameters. Start with your Website ID, then insert it into the Crisp chatbox embed URL. To generFew readersHow to install the Crisp live-chat chatbox on React Native 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. Use these official resources to get started: Developer Hub documentation → React Native Chat SDKFew 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. 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 chatbox 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. colorPopularHow 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 live-chat chatbox on Prestashop stores
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. 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. 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. 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. 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. 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. 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.Few readersHow to install the Crisp live-chat 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. 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 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.Few 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.Few 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. 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. 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.Few 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. 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 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. 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 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.Few 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. TFew readers