> 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
How to add the Live Chat feature to a landing page created with AI.
## 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 ``.
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.
Chat Widget List.
Inserted code snippet.
## 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.
