How to add the Live Chat functionality to a landing page created with AI.
Accessing the Code Tab
In the tab "Code" of the builder of AI Landing Page, you will find some options, including Live Chat. 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 <body>.
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.
List of Chat Widgets.
Inserted code snippet.
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.