Skip to main content
Webchat is a chat widget for your website. The visitor clicks the button, enters their name and email, and talks to your business in real time. Conversations land in the same inbox as WhatsApp and Instagram, and can be handled by the AI agent and your team. The widget supports text, images, audio, video, and documents, and its look is customizable.
Webchat is a receptive-only channel. The website visitor starts the conversation.

​
When to use it

  • You want to serve visitors while they are on your website, for example on the pricing or checkout page.
  • You want the AI agent to answer questions and capture contacts with name and email, 24 hours a day.
  • You want a support link to share where you cannot install code, such as in an email signature.

​
Before you start

  • Have access to edit the website code, or someone who can paste the script for you.
  • Have at least one team created to be the Default Team.

​
Create and install Webchat

1

Create the channel

In Channels, click Add Channel and choose the WebChat card. Fill in Channel Name and Default Team, choose the AI Agent (Optional), and click Create Channel.
2

Open the installation details

BluBash opens the channel page. On the WebChat card, you find:
3

Copy the code

Click Copy Code. The code looks like this:
Always use the code copied from the screen, because it already includes the correct address and ID.
4

Paste it on your website

Paste the code before the closing </body> tag on every page where the chat should appear. In website builders, use the custom footer scripts field.
5

Check the status

On the channel page, open Danger Zone and make sure Channel Status is Active. When the channel is inactive, the widget shows Chat Unavailable to the visitor.
6

Test it

Open your website, click the chat button, enter a name and email, and send a message. Check that the conversation shows up in the default team’s inbox.
Use the Public URL where you cannot install the script: email signatures, social media bios, QR codes on printed material, or a button on another page.

​
Customize the widget

On the same page, the Webchat Configuration section controls the look and behavior. On the right, the Widget Preview shows how the chat looks on the site, closed and open. After making changes, click Save. While there are pending changes, the page shows “You have unsaved changes”.

​
The visitor experience

  1. The visitor sees the chat button and, if configured, the welcome message in bubbles.
  2. When they open the chat, they enter their name and then their email. These details are required on Webchat and identify the contact in BluBash.
  3. They send a message and the conversation lands in the inbox.
  4. The AI agent replies, if one is linked to the channel, and transfers to the team when needed.
  5. The visitor can end the chat. A closed conversation shows Conversation Closed and does not accept new messages. To talk again, the visitor starts a new conversation.

​
How the AI agent takes part

Webchat is a great place for the AI agent: the visitor is already interested and expects an immediate reply. Link an agent trained on your website’s information, set up the Transfer to Team skill for cases that need a team member, and track quality in the reports. See Hybrid service → and Train the AI agent →.

​
Limitations

​
Common errors

​
Next steps