Proactive Buttons

The widget supports proactive buttons, which can be displayed at the start of a chat to encourage user interaction. You can configure these buttons using the following settings:

proactiveButtonsSettings: {
  isEnabled: boolean;
  questions: string[];
  answers: string[];
}

Properties:

• isEnabled: Enable or disable proactive buttons.
• questions: An array of questions that are displayed in the widget. These use the brand color from your theme.
• answers: An array of answers that correspond to the questions. These are displayed in the secondary color from your theme.

Example:

proactiveButtonsSettings: {
  isEnabled: true,
  questions: ["How can I help?", "Do you have any questions?"],
  answers: ["Get support", "Talk to an agent"]
}

Behavior with Pre Chat Form

• If the Pre Chat Form is enabled, clicking a proactive button will not trigger the chat flow.
• Instead, the widget dialog will be displayed, showing the pre-chat form.
• In this mode, proactive buttons act purely as a visual cue to prompt users to engage with the widget, without executing any immediate actions.