Skip to main content

πŸ’ͺ Features & Customization

Customize Messenger Widget πŸŽ₯

Customizing the LiveChatAI Messenger Widget allows you to tailor the appearance and functionality of the chat interface to suit your brand and business needs.

Below, we explore the options available to you for customization:

For customization, you need to click "Customize" on the LiveChatAI dashboard.

the "Customize" section of LiveChatAI

Website Alignment of the Messenger

Control where the Messenger appears on your website. Choose between two alignment options by clicking the "Widget Settings & Embedding" dropdown.

To change the alignment, navigate to the "Messenger Widget" and select the preferred alignment option on the "Align Messenger" part.

Left Alignment

Aligning the messenger to the left anchors it to the bottom-left corner of your webpage.

the left alignment of the Messenger Widget on LiveChatAI

Right Alignment

Aligning the messenger to the right anchors it to the bottom-right corner of your webpage.

the right alignment of LiveChatAI

Teaser Message

You can add a teaser message to entice users to interact with the chat.

Or, you can hide the teaser message by ticking the box "Hide teaser message."

If you add a teaser message, it will appear at the top of the messenger as a chat bubble.

1. On the Widget Settings & Embedding, you should navigate to the Messenger Widget and scroll down to find "Teaser message."

2. Enter the desired teaser message text.

the Teaser area of the Messenger Widget of LiveChatAI

3. Save your changes.

This can be a great way to grab the attention of website visitors and encourage them to engage with the chatbot.

Time Display Scheduling Feature

Control when the Messenger widget is displayed on your website based on your working hours or set specific times to show or hide it.

Scroll down to configure the time display scheduling.

Setting Working Hours

1. Toggle on the "Time Display Scheduling" option.

2. Decide the Timezone, specific start and end times to choose predefined working hours. You can also add alternatives.

3. Save your changes after you have done your configurations.

How to Embed Messenger on Your Website

On the "Embed & Share" tab, you can get the embed code for Messenger Widget, and you can easily embed your website.

the coding of the Messenger Widget on LiveChatAI

This feature ensures that the messenger aligns with your operational hours, providing support when your team is available.

These customization options provide flexibility and control over the appearance and behavior of the LiveChatAI messenger on your site.

Explore these settings to create a chat experience that reflects your brand and serves your customers most effectively.