Widget Customization

Widget Customization

Customize the Hal widget to match your brand and preferences.

Basic Settings

Go to Settings > Widget to configure:

• Primary Color - The main accent color for the widget
• Position - Bottom-right or bottom-left of the screen
• Theme - Light, dark, or system (follows user preference)

Greeting Bubble

Show a welcome message to encourage visitors to chat:

• Message - The text shown in the bubble
• Delay - How long to wait before showing (in seconds)

Advanced Configuration

You can also configure the widget via JavaScript:

<script>
  window.HalSettings = {
    primaryColor: '#6366f1',
    position: 'bottom-right',
    theme: 'light'
  };
</script>