For most modern websites, an AI‑powered chatbot is no longer a “nice‑to‑have” extra, but a core part of how you talk to visitors and turn them into paying customers. A smart assistant can greet users, answer typical questions, qualify leads, and pass only the most valuable conversations to your team — and it does all this 24/7.

With Mavibot.ai, you can set up an AI assistant that works both in messengers (Telegram, WhatsApp, Instagram) and directly on your website via a live chat widget. You don’t need to write code: a small script, several simple settings, and your site gets a fully functional AI chat in the corner of the screen, available around the clock.

Below we’ll walk through the whole process step‑by‑step — from registration to a working AI assistant, plus a couple of real‑world style use cases to show what this setup can do for different businesses.

What exactly is an AI chatbot for a website?

An AI chatbot is a virtual assistant that uses large language models and your own knowledge base to hold natural conversations with visitors. Unlike traditional button‑based bots with rigid scripts, an AI assistant understands context, can work with long texts (price lists, FAQs, policies) and adapt its replies to each user’s question.

On a website, such a bot usually handles:

  • first contact with visitors and basic qualification;
  • answers to frequent questions (prices, terms, delivery, schedule, how to start);
  • collecting contact details and sending them to a CRM;
  • booking calls or appointments;
  • support out of working hours.

For many projects this becomes the “front line” of communication — and only complex or high‑value conversations go to a live agent.

Step 1. Sign up on Mavibot.ai and create a project

  1. Open https://mavibot.ai/
  2. Click “Sign Up” in the top menu.
  3. Create an account using email, Facebook or Apple.
  4. After logging in, click “Create project”.
  5. Give the project a clear internal name, like “Website AI Live Chat” or “Sales Assistant”.
  6. Click “Create” to jump into the visual builder.

This project will later be linked to your website chat, AI assistant and any additional channels you decide to connect.

Step 2. Set up the live chat widget and embed it into your site

2.1 Configure the live chat in Mavibot

  1. Inside the project, go to the “Chats” section.
  2. Click “Live Chat” — a new chat configuration panel will open automatically.

Here you can:

  • adjust widget colors, logo and header text;
  • change the welcome message and first assistant prompt;
  • choose the widget position and language;
  • define when an operator can join the conversation.

On the right, there’s a live preview — you can open and close the widget to see how it will look and behave for visitors.

All live chat options are described in detail in the docs

2.2 Add the script to your website’s HTML

  • In the live chat settings, open the “Code” tab.

  • Copy the generated Script snippet.

  • Paste it into your website’s HTML — typically into the <head> section or right before the closing </body> tag.
  • Save and publish the changes. The widget should appear on all pages that include this code.

2.3 If your website is built with Mavibot

If you’re using Mavibot’s website builder, you don’t have to touch the HTML template directly.

  • Go to the “Sites” section and select the website where you want the chat to appear.

  • Open Edit website.

  • Go to Website settings.

  • In “Colors, Fonts and HTML”, paste the live chat script into the “HTML Code Header” field.

  • Save your changes — the live chat widget will be added automatically.

Step 3. Configure the AI assistant for the chat

Once the live chat is in place, you need to connect the AI assistant that will actually answer your visitors.

3.1 Choose the assistant role

  1. Inside the project, open the “AI-assistant” section.
  2. Set an internal name (for example, “Website sales assistant” or “Support bot”).
  3. Select one of the roles described in the docs:
  • No preset settings — a fully custom assistant without predefined behavior, for advanced setups where you want full control.
  • Text‑based responses assistant — answers strictly based on the texts you provide (FAQ, documentation, pricing PDFs), ideal when accuracy matters.
  • Universal assistant — a flexible, creative assistant for general questions, content, and ideas.
  • Sales assistant — focused on presenting and selling products/services, can work with price tables and offers.
  • Algorithm‑based assistant — follows a strict, step‑by‑step interaction flow, similar to a classic scripted bot.
  • Online booking assistant — guides users through choosing a service, date, time and creates bookings.
  • RAG assistant — works with uploaded documents, finds relevant passages and answers using that context.

3.2 Enable useful presets

To control how the assistant behaves, you can enable additional presets:

  • Buttons — show answer options as buttons so users can pick with one tap instead of typing.
  • Avoid discussing politics — keep the assistant away from sensitive topics like politics or religion.
  • Beautify responses — format replies with lists and paragraphs so they’re easy to read.
  • Minimize creativity — reduce “hallucinations” and keep answers closer to your actual documents.
  • Step‑by‑step data input — collect data in several steps (name, contact, service, date, time).
  • Do not learn from messages — prevent the bot from changing behavior based on user input.

3.3 Link the assistant to the live chat and add knowledge

  • In the Launch condition section, select your live chat as the trigger so the assistant starts working whenever someone writes in the widget.

  • Fill the knowledge base with your materials: product descriptions, pricing, FAQs, policies, internal scripts and so on.

For all advanced settings see: https://docs.mavibot.ai/chatbots-for-business/ai-chatbot-builder

  • Finally, open your website and test the assistant in the actual widget: ask typical questions and check tone, accuracy and speed.