Website builders and CMS

• 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 installingPopular

• How 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 scriSome readers

• How 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 readers

• How 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 readers

• How 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 readers

• How 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 readers

• How 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 readers

• How 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 readers

• How 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 readers

• How 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 readers

• How 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 readers

• How 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

Web frameworks

• How to Install Crisp Chat Widget on a React.js App

  This article explains how to install the Crisp Live Chat widget in a React application using the official crisp-sdk-web package. The Crisp website chat widget lets visitors contact your support team or interact with your AI customer support agent directly from your React app. The Web SDK also gives you access to advanced options such as user data, session continuity, events, locale settings, and chatbox actions. **In this guide, yoPopular

• How to Install Crisp Chat Widget on Next.js App

  This article explains how to install the Crisp Live Chat widget in a Next.js application using the official crisp-sdk-web package. The Crisp website chat widget lets visitors contact your support team or interact with your AI customer support agent directly from your Next.js app. The setup depends on whether your project uses the App Router or the Pages Router. In this guide, you will learn how to: [Watch the Next.jsSome readers

• How to Install a Chat Software on Nuxt.js Apps

  This article explains how to install Crisp Chat Widget in a Nuxt.js application. Because Nuxt can render pages on the server, the Crisp support chat SDK 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. Copy your Crisp chatbox script or Website ID Start by copying the Crisp setup information for the workspace you want to connect. __To retrieve it from CriSome readers

• How to install the Crisp Support Chat SDK 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 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 readers

E-commerce and business platforms

• How 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 readers

• How 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 readers

• How 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 readers

• How 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 readers

• How 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 readers

• How 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 readers

Mobile apps

• How 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. ![Crisp Android SDK preview](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac80Some readers

• How to Install a Support Chat SDK on iOS Mobile Apps

  This article points you to the official Crisp iOS SDK resources. The Crisp chat 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. Before you start 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 documentationFew readers

• How to Install a Support Chat SDK on React Native Mobile Apps

  This article explains how to install Crisp Chat in a React Native application for iOS and Android. The Crisp React Native Chat SDK lets customers contact your team directly from your mobile app, without sending them to an external support page. Messages are centralized in the Crisp shared inbox, where your support team can continue the conversation with the full customer context. **In this guide, you will learFew readers

Chatbox embedding and sharing

• How 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

• How 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. _Some readers

• How 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 readers

• How to Install Crisp Live Chat Software on a Custom Website

  This article explains how to install the Crisp Live Chat widget on a custom website. 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. This guide is split into practical steps: Before you start → what you need before installing Crisp [Watch the installation walkthrough](#1-watPopular