# Source: https://docs.chatling.ai/web-widget/installation/google-tag-manager.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.

# Google Tag Manager

> Learn how to add Chatling to your website using Google Tag Manager

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 Google Tag Manager and open your website's container.
8. Click on `Add a new tag`.

<img src="https://chatling-assets.b-cdn.net/new-tag-gtm.jpg" alt="Add new tag" width="450" />

9. Enter a name for the tag, such as `Chatling`.

<img src="https://chatling-assets.b-cdn.net/rename-tag-gtm.jpg" alt="Rename tag" width="450" />

10. Click on `Tag Configuration`.

<img src="https://chatling-assets.b-cdn.net/click-tag-configuration-gtm.jpg" alt="Open tag configuration" width="450" />

11. Select `Custom HTML`.

<img src="https://chatling-assets.b-cdn.net/choose-custom-html-tag-gtm.jpg" alt="Select custom HTML" width="600" />

12. Paste the widget code into the `HTML` field.

<img src="https://chatling-assets.b-cdn.net/paste-code-gtm-tag.jpg" alt="Paste code in HTML tag" width="550" />

13. Click on `Triggering`.

<img src="https://chatling-assets.b-cdn.net/click-triggering-gtm-tag.jpg" alt="Open triggering" width="550" />

14. Select `All Pages`.

<img src="https://chatling-assets.b-cdn.net/trigger-all-pages-gtm.jpg" alt="Trigger all pages" width="600" />

15. Click `Save`.

<img src="https://chatling-assets.b-cdn.net/save-gtm-tag.jpg" alt="Save tag" width="600" />