# Source: https://docs.chatling.ai/web-widget/installation/prestashop.md

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.chatling.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# PrestaShop

> Learn how to add Chatling to your PrestaShop website

1. Go to your dashboard.
2. Click `Deploy` button in the sidebar menu.

<img src="https://chatling-assets.b-cdn.net/deploy-ai-agent.jpg" width="500" alt="Open Deploy page" />

3. Click the `Manage` button under the `Website Widget` option.

<img src="https://chatling-assets.b-cdn.net/manage-website-widget-chatbot.jpg" width="600" alt="Manage website widget" />

4. Design the appearance of the widget by clicking the `Open widget designer` button.

<img src="https://chatling-assets.b-cdn.net/open-website-widget-designer.jpg" width="500" alt="Open website widget designer" />

5. Select the display mode for your chatbot, such as "Floating Chat", "Inline", or "Fullscreen".

<img src="https://chatling-assets.b-cdn.net/configure-website-widget-display-type.jpg" width="500" alt="Configure website widget display type" />

6. Copy the widget code.

<img src="https://chatling-assets.b-cdn.net/website-widget-code.jpg" width="500" alt="Copy chatbot widget code" />

7. Download our [PrestaShop module](https://static.chatling.ai/files/chatling-prestashop-v1-0.zip).

8. Extract the zip file and open the `chatling` folder.

<img src="https://images.prismic.io/chatling-integrations/c8d45397-07e2-4b48-b6f7-8cc15669c7fa_open-chatling-prestashop-module-folder.jpg?auto=compress,format" alt="Extract chatling prestashop module" width="400" />

9. Inside the folder, open the `chatling.php` file using a text editor of your choice, such as Notepad on Windows or TextEdit on macOS.

<img src="https://images.prismic.io/chatling-integrations/a057d205-8de5-4979-bff7-5be6d80625d4_open-chatling-php-file.jpg?auto=compress,format" alt="Open chatling.php file" width="400" />

10. Go to the bottom of the file and find the line that says `Paste code snippet here`.

<img src="https://images.prismic.io/chatling-integrations/64936930-0814-4471-820f-1a90bf6ece2f_chatling-prestashop-module-hook-header.jpg?auto=compress,format" alt="Open chatling.php file" width="500" />

Replace it with the code snippet you copied in step #2, as shown below.

<img src="https://images.prismic.io/chatling-integrations/b53ab266-e04d-40e6-af27-8f29197878bf_chatling-prestashop-module-chatbot-code-snippet.jpg?auto=compress,format" alt="Replace code snippet" width="500" />

11. Save the file and close it.

12. Zip the `chatling` folder. Do not rename the folder to anything else otherwise the module won't work.

<img src="https://images.prismic.io/chatling-integrations/c8d45397-07e2-4b48-b6f7-8cc15669c7fa_open-chatling-prestashop-module-folder.jpg?auto=compress,format" alt="Zip chatling folder" width="400" />

13. Go to your PrestaShop admin panel. From the sidebar menu, click `Module` > `Module Manager`.

<img src="https://images.prismic.io/chatling-integrations/57c0980c-234b-49bc-a233-d3f1ff8ed6b9_prestashop-module-manager.jpg?auto=compress,format" alt="PrestaShop module manager" width="400" />

14. Click the `Upload a module` button in the top right. Browse and select the module's zip file.

<img src="https://images.prismic.io/chatling-integrations/5173a45d-3e6d-4f3b-b60b-d4895b277c88_upload-module-prestashop.jpg?auto=compress,format" alt="Upload chatling prestashop module" width="600" />

15. Once the module is uploaded, the widget will be live on your website.

<img src="https://images.prismic.io/chatling-integrations/9615570b-de7b-4872-84b8-e19ac2f6d988_prestashop-chatbot.jpg?auto=compress,format" alt="PrestaShop chatbot live" width="400" />