> For the complete documentation index, see [llms.txt](https://docs.sprinthub.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sprinthub.com/en/topics/artificial-intelligence/ai-landing-pages/ai-landing-pages-how-to-add-live-chat.md).

# AI Landing Pages - How to Add Live Chat

## Accessing the Code Tab

In the **“Code”** of the builder [AI Landing Page](/en/topics/artificial-intelligence/ai-landing-pages/ai-landing-pages-creating-the-first-page.md), you will find some options, including the [**Live Chat**](/en/topics/convert/live-chat.md). When you hover over this option, a list of all chat widgets created in the instance will be displayed. Just click the one you want so that the code is automatically inserted into the landing page, at the end of the tag `<body>`.

The inserted snippet is delimited by two HTML comments, indicating where it starts and where it ends. This makes it easier to identify the part responsible for adding the widget, whether to remove it later or just locate its insertion point.

<figure><img src="/files/9606d5d9d9382708282c28ed563f3515f49b5736" alt=""><figcaption><p><em>Chat Widget List.</em></p></figcaption></figure>

<figure><img src="/files/bdfaa396b7a89fabcd9ab92afc0d9adf9ea5277e" alt=""><figcaption><p><em>Inserted code snippet.</em></p></figcaption></figure>

## Publishing Version with Widget

After inserting the code, go back to the tab **Preview** and click on **Save Changes** to make sure the changes are saved.\
Then click **Exit** and then on **Publish Page** to update the version that will be available to the public.

As soon as the page is published, the widget will already be active and visible, allowing visitors to start communication directly through the site.

<figure><img src="/files/f086dd7d2cb392580b83ff58f6ccf79471043850" alt=""><figcaption><p><em>Saving changes.</em></p></figcaption></figure>

<figure><img src="/files/0eb50d7954388cae2f441cbb3761492be3bb0760" alt=""><figcaption><p><em>Publishing version.</em></p></figcaption></figure>

<figure><img src="/files/f3ed1d57b6b1aaf3306e7340a474f311f956626a" alt=""><figcaption><p><em>Live Chat Widget.</em></p></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.sprinthub.com/en/topics/artificial-intelligence/ai-landing-pages/ai-landing-pages-how-to-add-live-chat.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
