Back to all posts
ProductJuly 22, 20269 min readUpdated October 12, 2026

Web AI assistant: adding an AI chat assistant to your site

A web AI assistant isn't a lead-capture popup. It answers real questions and books real appointments, right there in the chat window. See how it works.

AI
The Aiva Chat team
Aiva Chat
A laptop and desktop computer on a clean desk
Photo by Domenico Loia on Unsplash

Every website with a "Contact us" page is quietly admitting something: somebody needs to be available to answer what that visitor is about to ask. Most of the time, nobody is. The visitor fills in a form, or doesn't, and the question waits until morning.

That gap costs more than it looks. Visitors research at night and on weekends, often comparing two or three businesses in different tabs. The one that answers first, with a real answer, usually gets the booking. A form that promises a reply tomorrow loses to a competitor who replies now.

A web AI assistant closes that gap. It sits on your site as a chat widget, answers questions about your hours, prices, and services from your own information, and books appointments in the same conversation. It's not a popup asking for an email address before it will talk.

If you already know you want one, jump to the install steps; the widget goes in with a single script tag. If you're still weighing it against your contact form, the comparison table is the place to start.

What is a web AI assistant?

A web AI assistant is a chat widget on your website that holds real conversations with visitors. It understands open questions, answers from the information you give it, and takes actions such as booking an appointment, without sending the visitor somewhere else to finish the job.

The difference from a typical chatbot popup is what happens after the first question. Many popups collect contact details and pass the visitor to a form or a scripted menu. A web AI assistant answers the question, handles the follow-up, and books the slot.

Aiva Chat's web assistant works in two modes:

  • Text chat, where visitors type and the assistant replies in the visitor's language.
  • Voice mode, where visitors can talk to the assistant through their browser, if you turn it on.

It runs on the same configuration as Aiva Chat's phone and SMS channels, so the hours, prices, and policies a visitor reads in chat match what a caller hears. You add it with one script tag.

It suits businesses whose customers research before they call or walk in: clinics, salons, home services, coaching institutes, law firms, and shops. It's most useful when your site gets traffic outside office hours and nobody is there to reply.

How a web AI assistant works

Here's a typical conversation once the widget is live.

Step 1: The visitor opens the chat

The widget appears as a chat bubble in the corner of your page. You choose whether it stays closed until clicked or opens after a delay. If you've turned on the pre-chat form, the visitor can share a name, phone, or email first.

Step 2: The assistant answers from your information

A visitor types "do you do teeth whitening and how much?" The assistant replies with your actual price, from the website pages, PDFs, and notes you added. It doesn't invent a range.

Step 3: Follow-up questions stay in context

The visitor adds, "actually, do you take walk-ins?" a minute later. The assistant treats it as the same conversation and answers without losing track of what came before.

Step 4: It books the appointment

If the visitor wants to come in, text chat checks your Google Calendar free and busy times, offers real slots, and writes the confirmed booking to that calendar. A confirmation can follow by text.

Step 5: It routes what it can't handle

If the question needs a person, like a complaint or an unusual request, the assistant says so and opens a follow-up task or support ticket for your team with the conversation attached.

Benefits of a web AI assistant

Answers at the moment of decision

Visitors comparing businesses at 11 PM don't wait until morning. An assistant that says "yes, we take that insurance, and Tuesday at 10 is open" keeps them from opening a fourth tab.

Bookings without a form

Every extra step loses people. When the question and the booking happen in the same three or four messages, more visitors finish. Our post on booking flows customers don't abandon goes deeper on this.

Real answers, not ranges

Because the assistant works from your own information, it gives your price and your policy. That builds the trust that turns a question into a booking.

It looks like part of your site

You set the colors, size, position, font, and theme so the widget matches your brand. Our guide to custom branding the web widget shows the options.

Consistent with your phone line

A visitor who chats at night and calls in the morning hears the same answer, because the voice agent and the widget share one configuration.

Your team sees what visitors ask

Topic tagging and plain-language questions across conversations show what visitors ask most and where answers fall short.

Web AI assistant use cases

Four invented but typical website conversations:

The midnight clinic comparison

Problem: A visitor is comparing three clinics at midnight, deciding which to call in the morning. How Aiva Chat handles it: The assistant confirms the clinic accepts their insurance and offers Thursday at 11 or Friday at 3. The visitor picks Friday and shares a name and number. Outcome: The slot is booked before they close the tab, with no wait until morning.

The two-question message

Problem: A visitor types, "Do you take walk-ins, and is parking available?" How Aiva Chat handles it: It answers both questions directly from what the business configured. Outcome: The visitor gets a complete answer and decides whether to visit, rather than getting half an answer.

The salon price comparison

Problem: A visitor is comparing service menus across several salons in the same sitting. How Aiva Chat handles it: It gives exact prices and durations for the services asked about, then offers to book. Outcome: The salon that answered precisely, right away, is the one that gets the booking.

The complaint after hours

Problem: A visitor uses chat to complain about a missed appointment and wants someone to call. How Aiva Chat handles it: It acknowledges the problem, collects details, and opens a support ticket. A callback request waits for approval. Outcome: Your team starts the morning with the full story instead of an angry email.

Web AI assistant vs. contact form and chatbot popup

Contact formGeneric chatbot popupWeb AI assistant (Aiva Chat)
Answers your actual prices and hoursNo, visitor waits for a replySometimes, often in vague termsYes, from your information
Books a real appointmentNoRarelyYes, into Google Calendar
Available at 11 PMCollects, nobody repliesYesYes
Handles follow-up questionsNoOften loses contextYes, in the same conversation
When it can't helpN/AOften loops or breaksOpens a task for your team
Matches your brandingMatches your siteOften a generic avatarColors, font, theme, position
Effort for visitorFill fields, waitNavigate menusType a question

The contact form still earns its place. It's predictable, private, and some visitors prefer it for detailed requests like a quote with attachments. Keep it. It's just slow when someone is deciding between you and a competitor.

A generic chatbot popup is quick to install, and a well-built one can handle a few scripted flows. The limits show up when visitors ask anything outside the script.

A web AI assistant handles open questions and bookings, but it needs good information to work from. If you're still deciding whether to start with chat or phone, see web AI assistant vs. phone agent.

How to add a web AI assistant to your website

Step 1: Decide what the assistant should handle

List the questions visitors ask most and decide which should end in a booking. Note what should always go to a person.

Step 2: Set up your assistant

Work through the dashboard's guided setup. For a website assistant, answer quality depends almost entirely on the business information you give it, so spend most of your time on the step where you teach the assistant your prices, policies, and services.

Step 3: Connect Google Calendar

Connect Google Calendar so text chat can check availability and write bookings. Each assistant books into one calendar.

Step 4: Design the widget

In the Widget Builder, set colors, size, position, font, theme, and auto-open delay. Decide whether to turn on the pre-chat form and voice mode.

Step 5: Add the script and allow your domain

Copy the script tag from the Install tab and paste it before the closing body tag, usually in a shared footer. Add your domain to the allowed websites list. The widget setup guide covers each site builder, and our post on adding a web AI assistant without a developer walks through it step by step.

Step 6: Test and review

Chat as different visitors on desktop and phone, book a test appointment, and check your calendar. After launch, read conversations weekly and fill gaps in the information.

Common web AI assistant mistakes

Thin knowledge

An assistant with only your homepage to go on will say "I'm not sure" too often. Add prices, policies, and the questions your front desk hears every week.

Opening on every page instantly

An auto-open delay of zero seconds on every page interrupts people who are reading. Use a delay, or keep it closed until clicked, especially on long pages.

Forgetting the allowed websites list

The widget only loads on domains you list. Forgetting www. or a subdomain is the most common reason it doesn't appear.

Promising live human chat

Website chat opens tasks for your team rather than transferring live. Don't advertise "chat with a person now" unless someone is watching those tasks.

Skipping accessibility checks

A widget is part of your site. Check it with a keyboard and a screen reader, as covered below.

Web AI assistant best practices

  • Answer, then offer to book. Don't make visitors qualify before they get help.
  • Add the questions people actually ask, phrased the way they ask them.
  • Use the pre-chat form sparingly. Ask only for what you'll use.
  • Keep the widget closed by default on content-heavy pages.
  • Check the mobile preview before saving design changes.
  • Review conversations weekly for the first month.
  • Run accessibility checks yourself. W3C's WCAG guidelines explain what to look for: keyboard access, readable contrast, and screen reader announcements.
  • Compare plans by limits, since the widget is on every plan.

Conclusion

If a meaningful share of your site traffic arrives in the evening or on weekends, a web AI assistant is one of the cheapest ways to stop losing those visitors to whoever replies first. If nearly all your enquiries are detailed quotes with attachments, your contact form may already be the right tool.

The caveat to plan around is that website chat has no live transfer. Anything the assistant can't settle becomes a task for your team, so somebody has to own that queue each morning, and your site shouldn't promise instant human chat.

Try your own site at 11 PM with the three questions you hear most, and time how long an answer takes. The web widget page shows what it looks like in practice.

Ready to answer every website visitor?

Paste the script tag on a staging page or your live footer during the trial, and read the first week of conversations. They'll tell you which questions your site never answered.

A chat-only setup runs on any plan from $49 a month, with the AI usage billed by OpenAI to your own key. If you later add a phone line, the same assistant answers it; you can hear that on +1 (970) 972-0974.

Start your 14-day free trial, no card needed, or book a demo and we'll install the widget on your site together.

ProductFeatures
Share
AI
Written by
The Aiva Chat team
Aiva Chat

Posts from the people building Aiva Chat in Rajkot — how the product works, what we have learned building it, and guides for getting the most out of an AI receptionist.

Rajkot, India · at Aiva Chat since 2024
More posts

FAQ

Common questions.

Still have questions?Contact us

No. Most chatbot popups collect an email address and hand the visitor to a contact form or a scripted menu. Aiva Chat's web AI assistant answers the visitor's actual question from your own business information, in text or voice, and can book the appointment in the same conversation. The visitor gets an answer and a time slot instead of a promise that someone will be in touch.

Both, in the same conversation. When a visitor wants to book in text chat, Aiva Chat checks your Google Calendar for free and busy times, offers open slots, and writes the confirmed booking to that calendar. Each assistant books into one calendar. If the visitor uses voice mode in the widget instead, availability comes from Aiva Chat's own appointment book.

Yes. The widget works in mobile browsers as well as on desktop, with the same answers, booking flow, and settings. The Widget Builder includes a phone preview, so you can see how it looks on a small screen before saving. Since most small-business visitors arrive on phones, it's worth checking the mobile preview first.

It says so rather than guessing. Website chat has no live transfer to a person, so instead the assistant can collect the visitor's details and open a follow-up task or support ticket for your team, with the conversation attached. A follow-up call request waits in your approval queue, so your team decides how and when to reply.

Yes. In the Widget Builder you can pick a preset or set your own header and button colors, choose width, height, position, font, and a light or dark theme, and decide whether the 'Powered by' line shows. The widget runs in its own sealed-off container, so your site's styles won't change its look and it won't change your site.

Only if you want it to. The Auto-open Delay setting lets the widget open on its own after a number of seconds you choose. Leave it at zero and the widget stays closed as a small chat bubble until a visitor clicks it, which is usually the better choice for pages where people are reading before they decide.

Aiva Chat plans are $49, $99, or $199 a month, and every plan includes the website widget, voice calls, and SMS, with no per-seat or per-message charge from Aiva Chat. The AI usage behind each conversation is billed directly by OpenAI on your own API key. A new account starts with a 14-day free trial, and no card is required.

No. You copy one script tag from the Install tab and paste it before the closing body tag, usually in a shared footer or your site builder's custom code setting. Whoever already maintains your WordPress, Shopify, Webflow, Wix, or Squarespace site can do it. You also add your domain to the allowed websites list so the widget loads there.

Like this? Get more.

One email a month. Guides, engineering deep-dives and product updates. No fluff.

4,200+ subscribers. Unsubscribe anytime.