> ## 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.

# Wix

> Learn how to add Chatling to your Wix 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 widget code" />

7. Go to your Wix dashboard and click `Settings` from the sidebar menu.

<img src="https://chatling-assets.b-cdn.net/4f1ac71d-1ead-4971-8bbc.jpg" width="400" />

8. Scroll down to the Advanced section and click `Custom code`.

<img src="https://chatling-assets.b-cdn.net/29731083-c794-447c-b622.jpg" width="600" />

9. Under the Head section, click `Add Code`.

<img src="https://chatling-assets.b-cdn.net/3593eedc-6702-4a18-8da1.jpg" width="600" />

10. Paste the widget code into the text box that appears and click `Apply`.

<img src="https://chatling-assets.b-cdn.net/3782601d-5476-474c-9508.jpg" width="600" />

11. The widget is now live on your Wix website and visitors can interact with it.

<img src="https://chatling-assets.b-cdn.net/c41af4fb-5539-41b9-ae56.jpg" width="600" />