How 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 installinРедко просматриваютHow 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
Install the WHMCS plugin
Start from Crisp to download the WHMCS plugin attached to your workspace.
To install Crisp on WHMCS:
Open Crisp.Редко просматривают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 Settings → SetupРедко просматриваютHow 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 ecommerce support setup for workflows and Hugo AI Agent integrations.
What you need
Before installing the add-on, make sure your store and workspace are ready.
Requirements:
PrestaShop version → an eРедко просматриваютHow 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://commercemarketplРедко просматриваютHow to install the Crisp live-chat chatbox on my website
This article explains how to add Crisp Live Chat to your website.
The installation method depends on how your website is built. For most custom websites, you can paste the Crisp chatbox script in your HTML. If you use a CMS or ecommerce platform, use the dedicated guide for your platform instead.
In this guide:
Install Crisp on a custom website → copy the script and paste it in your HTML
Use a platform-specific guide → WordPress, Shopify, Webflow, Next.js, Nuxt, anРедко просматривают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.
|| If you use WooCommerce and want to synchronize carts and orders with Crisp, follow the WooCommerce installation guide instead.
VideoРедко просматривают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 to ****Редко просматриваютHow 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 with this format: [Редко просматриваютHow 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 recenРедко просматриваютHow 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.
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 documentation indicates that the minimum iOS target is iOS 13.
__UseРедко просматривают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 & Integrations.
OpРедко просматриваютHow to add 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.
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 ****Settings → Workspace SРедко просматривают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
Start by copying the scРедко просматриваютHow 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 workspace settings.Редко просматриваютHow 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
The Bubble pluРедко просматриваютHow to install the Crisp live-chat chatbox on Shopify stores
This article explains how to install Crisp Live Chat and helpdesk on a Shopify store.
The Crisp Shopify app connects your store to Crisp so your team can chat with shoppers, view ecommerce context, and use Shopify data inside support conversations, workflows, and Hugo AI Agent.
| Crisp is available from the Shopify App Store and can also be installed from the Crisp plugin marketplace.
What the Shopify integration adds
Once connected, the ShopifРедко просматриваютHow 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.
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 Crisp:
Open Crisp.
GoРедко просматривают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.
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 documentation](Редко просматривают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.Редко просматриваютHow 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.
Copy your Website ID
You need your Crisp Website ID before configuring the SDK.
To find your Website ID:
Open Crisp.
Navigate tРедко просматривают