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.

Use case 1. Home goods e‑commerce: +24% more orders from product pages in 6 weeks

A niche home‑goods e‑commerce store had stable traffic from search and ads, but many visitors were dropping off from product pages without completing a purchase. Shoppers lacked quick answers about specs, availability and delivery, while support couldn’t cover all requests in real time.

After connecting an AI assistant in Mavibot’s live chat:

  • the bot was trained on the catalog, shipping and return conditions and typical objections;
  • product pages showed a “Ask a question about this item” prompt that opened the chat;
  • the assistant helped compare items, suggest bundles and recommend complementary products.

In just six weeks:

  • conversion from product page view to completed order increased by about 24%;
  • average response time in chat more than halved, and the load on support dropped noticeably;
  • fewer carts were abandoned because customers could get answers and make a decision without leaving the site.

Use case 2. Beauty salon: automated online booking and fewer missed calls

A city beauty salon relied mainly on Instagram DMs and phone calls. At peak hours, admins couldn’t answer every call, and some clients simply gave up and never booked.

After launching a website and connecting a Mavibot live chat with an AI booking assistant:

  • the bot learned all services, masters and working hours;
  • visitors could book appointments directly in chat by choosing a service, date, time and preferred specialist;
  • reminder flows and “reschedule/cancel” logic were added to reduce no‑shows.

Over three months:

  • 55% of all bookings started coming through the website chat;
  • admins reduced time spent on calls by 2–3 hours per day;
  • the no‑show rate dropped from about 18% to 9% thanks to automated reminders.

FAQ: quick answers before you start

How long does it take to set up an AI chatbot for a website?

In most cases, 30–60 minutes is enough to configure the live chat, link an assistant and upload a basic knowledge base.

Can I add a chatbot to an existing website?

Yes. Just insert the live chat script into your current HTML template — everything else is handled inside Mavibot.

Do I need a developer?

Not necessarily. If you can copy‑paste code and work with a simple interface, you can set up the assistant yourself.

Can the bot answer based on my own documents and prices?

Yes. Upload your texts into the knowledge base or use a RAG assistant to answer from specific documents.

What if the assistant doesn’t know the answer?

You can configure escalation: the bot will pass the conversation to a human operator or ask the user to leave contact details.

Conclusion: launch your website AI assistant with a full‑power trial

Setting up an AI chatbot for your website is much easier than it used to be. With Mavibot.ai, you sign up, create a project, configure the live chat, connect an AI assistant and upload your business knowledge — and your site gets a 24/7 digital team member that never gets tired.

If you want to try this in practice, go to mavibot.ai and create your first project today. When creating the project, enter the promo code mavi10 — you’ll get 10 days of the maximum Mavibot plan for free, so you can test different assistant roles (Sales, Booking, RAG and more), refine scenarios and see how an AI chatbot performs on your real traffic before committing.