How to Install Live Chat on Your Website and Connect It to a CRM in 15 Minutes

Install Live Chat for your website to collect customer data, automate customer communication, and manage real-time conversations with website visitors from a single platform.

With Live Chat for business, you can connect your sales team and support managers to customer chats, respond instantly to inquiries, increase conversion rates, and improve customer engagement directly on your website.

Website Live Chat can be installed on any website, landing page, or online store, making it a powerful tool for customer support, lead generation, and sales automation.

You can create your own website, landing page, or eCommerce store for free with MaviBot and integrate Live Chat without developers or technical setup.

Manage all live chat conversations, customer requests, and sales dialogs through the MaviBot web dashboard or using our mobile CRM apps for Android and iOS, so your team can communicate with customers anytime and from anywhere.

The Live Chat includes a built-in chatbot and AI assistant from MaviBot. No additional setup is required. Once you create your chatbot, customize the Live Chat, and install it on your website or online store, the bot will start working automatically, responding to customers and collecting data.

How to create a website live chat

To create a chat, go to the "Messengers" section and click the "Online chat" button.

Once you click the "Live chat" button, the settings panel for your newly created chat will open automatically.

The appearance of the chat will depend on your chosen settings. On the right side, you’ll see a live preview of the chat widget, which you can open and close to test how it looks and behaves.

Decoration

In the Decoration tab, you can fully customize the Live Chat widget to match your brand and website design. Here you can set the chat title and subtitle, adjust the Live Chat design and appearance, configure the first automated message for visitors, customize the Live Chat button, and even add a chat logo or avatar.

These settings allow you to tailor the Live Chat for your website, enhance the user experience, and maintain a consistent brand style across your website, landing pages, and online store.

Settings

In the Settings tab, you’ll find the most important Live Chat settings:

1. Customize the input field placeholders.
2. Select messengers to display on the first page of the chat if needed.
3. Configure user data collection fields.
4. Set file type permissions, so you can choose whether your customers can send images, videos, audio, etc.
5. Add links to important documents.
6. Add key buttons.
7. And more.

These Live Chat settings allow you to fully control the chat experience for your website visitors, manage data collection, and ensure smooth communication with your audience.

Automatic Actions

Automatic actions in Live Chat are triggered when specific conditions are met.

Actions the Live Chat can perform automatically:

• Open chat automatically
• Send an automatic invitation message
• Hide or show chat icon
• Send message as administrator
• Submit a form to collect client data
• Custom input fields – e.g., city, email, or other information

Conditions can include:

1. Time settings – time of day, day of the week, time on page, time since first message, or time since chat window was closed.
2. User location – country or city to target specific visitors.
3. URL – current page URL to trigger actions only on certain pages.
4. User message – specific words or phrases in the user’s message.
5. Once per day – perform an action only once for a user.
6. Combined conditions – multiple criteria can be used together.

These settings allow you to automate Live Chat interactions, improve response efficiency, and collect data from visitors automatically.

Banners

In the Banners tab, you can add clickable banners to the Live Chat startup window.

Steps:

1. Click Add banner and upload an image. Recommended size: 345x194 px or 16:9 ratio (if adding title/subtitle).
2. Enter the banner title and subtitle (optional).
3. Add a URL to make the banner clickable.
4. Click Save – the banner will appear in the Live Chat widget.

Additional options:

• Disable a banner by toggling it off.

Edit or delete a banner by clicking Edit.

Quality rating

In the Quality Control tab of Live Chat settings, you can enable customer feedback and quality ratings.

Key steps:

1. Choose a rating scale: 5-point, 3-point, or 2-point.
2. Enter text before the rating and a custom name for the feedback field (optional).
3. Add placeholder text inside the feedback field.
4. Optionally, make customer comments mandatory with a checkbox.
5. Set a feedback message that will be sent to the client after a positive or negative rating.
6. Test the final Live Chat rating message by clicking the rating button in the chat.

This allows you to collect valuable customer feedback, monitor service quality, and improve user experience in your Live Chat.

How to add the Live Chat to your website

That's it! Setting up Live Chat for your website or online store is that simple.

To add the chat to your site:

Step 1. Save your settings.

Step 2. Click “Embed code on website”.

Step 3. Click the "Copy code" button

Step 4. Next, go to the "Sites" section and click on the tile of the site where you want to place the online chat widget.

Then, proceed to Site editing.

In the Colors, Fonts & HTML section, paste the copied online chat code into the HTML code head field.

Paste the code on every page of your website, inside the <head> tag.

You can do this both in MaviBot and on any other website, even if it wasn’t built with MaviBot.