> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.crisp.chat/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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/woocommerce/) for a product overview.

---

# ${color}[#0080dd](Install the Crisp for WooCommerce plugin)

1. Go to [**Crisp**](https://app.crisp.chat) and open **Plugins → WooCommerce**.

![Search for the WooCommerce plugin in Crisp](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/search-woo_1q01lou.png =1000xauto)

2. Download the **Crisp for WooCommerce** plugin file.
3. In your WordPress admin area, go to **Plugins → Add New → Upload Plugin**.
4. Upload the `crisp-woocommerce.zip` file and activate the plugin.
5. In WordPress, open **Crisp Settings** from the left sidebar and click **Install Crisp on my WordPress & WooCommerce**.

![Install Crisp from the WooCommerce plugin settings](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/woocommerce_1nr0peo.png =1000xauto)

6. Follow the instructions on screen to connect the plugin to your Crisp workspace.
7. Approve the permissions required for Crisp to connect to your WooCommerce store.

![Approve WooCommerce permissions for Crisp](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/permissions_pa40q3.png =1000xauto)

The Crisp chatbox is now added to your store, and WooCommerce data can start syncing to Crisp.

---

# ${color}[#0080dd](How the WooCommerce integration works)

The WooCommerce plugin lets your team view store context directly in Crisp. If a customer is logged in to your online store, operators can access relevant profile and order information without switching tools.

__The integration can provide:__
* **Customer data** → synced from WooCommerce into Crisp contacts
* **Cart context** → visible when the visitor has an active session
* **Past orders** → available for logged-in customers
* **Order events** → pushed to the Crisp user profile when orders are updated

![WooCommerce customer data in the Crisp widget](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/widget_m1mnhs.png =1000xauto)

![WooCommerce order events in Crisp](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/events_1pc76as.png =1000xauto)

| For a broader e-commerce setup, see [Getting started for the e-commerce industry](https://help.crisp.chat/en/article/getting-started-for-the-e-commerce-industry-tr8p0p/).

---

# ${color}[#0080dd](Troubleshooting)

###### ${color}[#F08820](Can I use the WooCommerce plugin without syncing WooCommerce contacts to Crisp?)

Yes. You can stop contact synchronization by deleting the WooCommerce webhooks that push customer updates to Crisp.

1. Log in to your WordPress admin area.
2. Go to **WooCommerce → Settings → Advanced → Webhooks**.
3. Delete the **Customer Created** and **Customer Updated** webhooks.
4. If you also want to stop order events from being pushed to existing Crisp contacts, delete the order webhooks as well.

![WooCommerce webhooks connected to Crisp](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/webhooks_2sax3m.png =1000xauto)