Chat Widget — Overview

The HaveAI Chat Widget is a chat window you can add to your website. Visitors can ask questions without leaving your site; your AI assistant answers according to the information and instructions you added for your business. When needed, your team can take over the same conversation.

You can use the widget as a chat button in the corner of the page or as a chat window placed in a specific area of the page.

What Can You Do with the Chat Widget?

  • Answer visitors' questions. Offer the information you added about your products, services and how your business works to visitors on your website.
  • Help outside working hours too. Your AI assistant can greet visitors. Live agent support depends on your team's availability and your human handoff settings.
  • Adapt the appearance to your brand. Adjust the color, the position of the chat button and avatar options.
  • Collect information before the chat. With the customer information form, ask for name, contact details and additional questions suited to your need.
  • Hand the conversation to your team. When human handoff is on, routing to an agent can be done according to the conditions you set.
  • Get feedback. Follow visitors' experience using answer ratings and the satisfaction survey.

Common Features with Other Channels

The Chat Widget is your HaveAI assistant's chat interface on your website. Answering with business information, following conversations from the panel, human handoff and appointment operations can also be used via Telegram, WhatsApp, Instagram DM and Messenger. Lead score and conversation analysis are evaluated in the panel for saved customer conversations.

The widget's color, position, avatar and pre-chat form settings belong to the window on your website. They do not change the appearance of the other apps. In Telegram, the intake questions proceed within the chat; on Meta channels the widget form is not opened. Shared information also does not automatically merge customer records across different channels.

For the conditions of the features and channel differences, review the comparison on the Integrations — Overview page.

How Does It Work?

You add the setup code you got from the panel to your website. In the corner chat option, the chat window loads when the visitor presses the button. If the information form is on, the visitor first fills out the form and then starts the conversation.

The preparation of answers runs through HaveAI. For the AI to provide correct information, keep your business information, frequently asked questions and instructions up to date.

You can follow conversations from the Messages section in the panel. During human handoff, the visitor keeps using the same chat window.

What Is Needed for Setup?

It is enough to be able to add the setup code in the panel to your site. Where the code will be added depends on the site infrastructure you use. If someone else manages your website, you can share the code with this person.

If you use WordPress, Shopify or another site infrastructure, you can make use of the section of the relevant system that allows adding code. After setup, check the widget on both desktop and phone.

Where Should You Start?

1

Prepare information

Prepare the business information your assistant will use.
2

Add the widget

Add the widget to your site by following the setup steps.
3

Customize appearance

Adjust appearance settings such as color, position and avatar.
4

Information form

If you need it, turn on the customer information form.
5

Human handoff

If your team will provide live support, configure human handoff.
6

Test

Do a test conversation on your published site.

Related Topics

Was this page helpful?