search
Site SprintHub
githubEdit

AI Landing Pages - How to Add Live Chat

How to add Live Chat functionality to a landing page created with AI.

hashtag
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.

hashtag
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.

Saving changes.
Publishing version.
Live Chat Widget.
PreviousAI Landing Pages - Configuring FormsNextAI Landing Pages - SEO: What It Is, How It Works, and Why It Is Essential for Your Website

Last updated

Was this helpful?