> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.chrisp.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 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.

${frame}[](https://www.youtube.com/embed/5AK0CpR9LPo?rel=0)

---

# What you need

Before installing the add-on, make sure your store and workspace are ready.

__Requirements:__

* ****PrestaShop version**** → an ecommerce website using PrestaShop v1.7 or higher
* ****Crisp account**** → an existing Crisp workspace or a new account created from [Crisp](https://app.crisp.chat)

| You can learn more about the [Crisp chatbox](https://crisp.chat/en/livechat/) and [Hugo AI Agent](https://crisp.chat/ai/) before starting.

---

# Download the PrestaShop add-on

Start from the PrestaShop Addons Marketplace, then install the downloaded module from your PrestaShop admin.

__To download the add-on:__

1. Open the [PrestaShop Addons Marketplace](https://addons.prestashop.com).
2. Search for `` `Crisp` ``.
3. Open the ****Crisp - Live Chat & AI Agent**** listing.

![Open the Crisp PrestaShop add-on listing](https://storage.crisp.chat/users/helpdesk/website/-/1/6/f/9/16f905330cb62900/5a09f020-fb62-4379-9540-098264_kzc21k.png)

4. Click ****Download****.
5. Fill in the requested information.
6. Select your store version.
7. Download the `` `.zip` `` package.

![Download the Crisp PrestaShop add-on package](https://storage.crisp.chat/users/helpdesk/website/-/f/3/9/7/f397bcc489cce000/ab17ccc8-478b-4991-a7fd-4dd0de_1jqymp5.png)

---

# Install the add-on in PrestaShop

Upload the `` `.zip` `` package directly in your PrestaShop module manager.

__To install the module:__

1. Open your PrestaShop admin.
2. Go to ****Modules → Module Manager****.

![Open the PrestaShop Module Manager](https://storage.crisp.chat/users/helpdesk/website/-/b/0/c/8/b0c8d32b0c0a9000/63733846-a542-4bdd-bed8-9f1799_18orlk5.png)

3. Click ****Upload a module****.
4. Select the downloaded `` `.zip` `` package.
5. Do not unzip the file before uploading it.

![Upload the Crisp add-on package in PrestaShop](https://storage.crisp.chat/users/helpdesk/website/-/9/7/8/a/978a1f238edec000/018ebe41-ad73-4d87-9420-e54b2d_58m8c3.jpg)

---

# Connect PrestaShop to Crisp

Once the module is installed, configure it to connect PrestaShop with your Crisp workspace.

__To connect the add-on:__

1. Open the Crisp add-on configuration.
2. Associate your PrestaShop account with your store.
3. Enable data sharing if you want to use the ecommerce features.
4. Click ****Install Crisp on my PrestaShop****.

![Configure the Crisp PrestaShop add-on](https://storage.crisp.chat/users/helpdesk/website/-/2/2/2/d/222d259f0947f000/9c74d762-dc05-4f63-abfb-7836a4_qg61pm.png)

#### Link an existing Crisp workspace

If you already have a Crisp account, select the workspace you want to connect to your PrestaShop data.

![Choose an existing Crisp workspace for PrestaShop](https://storage.crisp.chat/users/helpdesk/website/-/b/4/d/d/b4dd16d4eccda800/b8cda929-de1d-4c3f-9e85-37df24_1cyyg3q.jpg)

#### Create a new Crisp workspace

If you do not have a Crisp account yet, follow the account creation steps shown by the add-on. You can disable the chatbox later if you only want to prepare the integration first.

![Create a new Crisp workspace from PrestaShop](https://storage.crisp.chat/users/helpdesk/website/-/4/f/8/9/4f89196aaf14bc00/07d060b7-c04a-4f39-bdde-386d01_1rtfvo.jpg)

#### Link PrestaShop Webservices

Complete the Webservices connection so Crisp can synchronize the store data required by the integration.

![Link PrestaShop Webservices with Crisp](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/link-webservice_1g42via.png)

Once connected, your Crisp workspace should show the PrestaShop integration as installed.

![PrestaShop integration connected in Crisp](https://storage.crisp.chat/users/helpdesk/website/87ae2703583ac800/inbox-example_gx6a7m.jpg)

---

# Next steps after installation

After connecting PrestaShop and Crisp, take a few minutes to complete your customer support setup.

__Recommended next steps:__

* ****Centralize channels**** → connect [Instagram](/en/article/how-to-link-crisp-with-instagram-dm-14xg8xl/), [Messenger](/en/article/how-to-link-crisp-with-facebook-messenger-1gbgm9d/), [Email](/en/article/how-to-receive-emails-in-crisp-wp7jug/), or [WhatsApp](/en/article/connect-whatsapp-business-platform-with-crisp-11rcwkw/)
* ****Invite teammates**** → add your agents with [this guide](/en/article/how-do-i-invite-other-agents-to-my-inbox-1rsgzkh/)
* ****Automate conversations**** → start with [Triggers](/en/article/how-to-use-triggers-pq0znd/) or explore [Hugo AI Agent](https://crisp.chat/ai/)