Skip to content

Chat Widget

The chat widget presents a Botsquad bot as a regular chat widget on your website. Initially it shows as a small bubble, but when clicked a chat window pops out.

Configuration

In the studio, the following aspects of the widget can be customized:

  • main color
  • widget button image
  • widget size
  • show conversations y/n

Nudges

Nudges are small conversation starters: chat bubbles and UI elements that are triggered by conditions, like the visitor browsing to a certain web page:

widget.yml properties

It is possible to add a YML file called widget to the bot. The properties from this file will be used to render the texts on the start screen of the widget.

home:
  image_url: "https://mybot.com/avatar.png"
  title: "Hello 👋"
  subtitle: "Welcome to MyBot!"
  conversation_cta: "Talk to us"
  team_message: "We are ready for your questions"
powered_by:
  text: "Powered by MyBot"
  url: "https://mybot.com/"

When configured like this, the home widget will look like the following: