> ## 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 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. ${youtube}[Dedicated tutorial for Crisp and PrestaShop](5AK0CpR9LPo) --- # ${color}[#0080dd](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. --- # ${color}[#0080dd](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/-/8/7/a/e/87ae2703583ac800/cleanshot-2026-01-29-at-123526_1953qfs.png =1000xauto) 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/87ae2703583ac800/download-crisp-addon_1jouzvi.png =1000xauto) --- # ${color}[#0080dd](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/87ae2703583ac800/open-module-manager_y9lajw.png =1000xauto) 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/87ae2703583ac800/upload-module_74d551.jpg =1000xauto) --- # ${color}[#0080dd](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/87ae2703583ac800/crisp-addon-configuration_16z0tif.png =1000xauto) #### ${color}[#445055](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/87ae2703583ac800/workspace-choose-prestashop_148hzy7.jpg =1000xauto) #### ${color}[#445055](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/87ae2703583ac800/crisp-account-creation_1yukift.jpg =1000xauto) #### ${color}[#445055](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 =1000xauto) 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 =1000xauto) --- # ${color}[#0080dd](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/)