# AI Landing Pages - How to Add Live Chat ## Accessing the Code Tab In the tab **"Code"** of the builder of [AI Landing Page](/en/topics/artificial-intelligence/ai-landing-pages/ai-landing-pages-creating-the-first-page.md), you will find some options, including [**Live Chat**](/en/topics/convert/live-chat.md). Hovering over this option will display the list of all chat widgets created in the instance. Just click on the desired one for the code to be automatically embedded into the landing page, at the end of the tag ``. The inserted snippet is delimited by two HTML comments, indicating where it begins and ends. This makes it easy to identify the part responsible for adding the widget, whether to remove it later or just locate its insertion point.

## Publishing Version with Widget After inserting the code, return to the **Preview** section and click **Save Changes** tab to ensure the changes are recorded.\ Then click **Exit** and then **Publish Page** to update the version that will be available to the public. Once the page is published, the widget will be active and visible, allowing visitors to start communication directly from the site.

--- # Agent Instructions: 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: ``` GET https://docs.sprinthub.com/en/topics/artificial-intelligence/ai-landing-pages/ai-landing-pages-how-to-add-live-chat.md?ask= ``` The question should be specific, self-contained, and written in natural language. 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.