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.

Install Crisp on Adobe Commerce with Composer

Start from the root directory of your Adobe Commerce or Magento 2 store. Make sure Composer is installed before running the commands.

Install the extension package

If your store uses a Hyvä theme, use:

composer require hyva-themes/magento2-crisp-chat-chatbox-and-helpdesk:1.0.0

Otherwise, use:

composer require crisp-chat/chatbox-and-helpdesk:1.0.7

Then enable and deploy the module:

bin/magento module:enable Crisp_Crisp
bin/magento setup:upgrade
bin/magento setup:di:compile
bin/magento setup:static-content:deploy
bin/magento cache:clean

Add your Crisp website ID

1. In Crisp, find your website_id from Settings → Workspace Settings → Setup & Integrations.
2. In Adobe Commerce, go to Stores → Configuration → Crisp → Settings.
3. Paste your website_id and save the settings.

After saving, the Crisp chatbox should appear on your e-commerce store.

Activate the Adobe Commerce integration

To see customer carts and orders in Crisp, activate the Adobe Commerce integration after the chatbox is installed.

1. In Adobe Commerce, go to System → Integrations.
2. Click Activate for the Crisp integration.

3. Approve the permissions required to view customer order data.
4. In the Crisp popup, log in and install the Adobe Commerce plugin on your Crisp workspace.
5. Return to Adobe Commerce and confirm the integration is connected.

How the Adobe Commerce integration works

When a customer contacts you through the chatbox, Crisp can show what they currently have in their basket. If the customer has an account on your website and is logged in, Crisp can also display past orders.

Download the Adobe Commerce extension

You can access the extension from the Adobe Commerce Marketplace by searching for Crisp.

Troubleshooting

Why do I see “Invalid store code” in the plugin widget?

This usually means your store view code is not the default store code. Save the correct store view code in Crisp.

1. In Adobe Commerce, go to Stores → All Stores.
2. Look at the Store View column and copy the store view code.
3. In Crisp, go to Plugins → Magento → Settings.
4. Paste the store view code and save it.

After the correct store view code is saved, customer, cart, and order data should appear in the plugin widget.

Updated on: 03/05/2026