DochatDochat

Widget Customization

Customize your chat widget to match your brand. Each agent has its own widget settings that control appearance and behavior.

Accessing Settings

  1. Select your agent from the workspace
  2. Navigate to Customization in the sidebar
  3. Make your changes and click Save

Customization Options

Greeting Message

The first message customers see when the chat opens. Set expectations and make it welcoming.

  • Default: "Hi! How can I help you today?"
  • Keep it short — 1-2 sentences max
  • Match the tone to your brand (formal, friendly, technical)

Suggested Questions

Show up to 3 clickable question buttons below the greeting to help customers get started:

  • "What are your shipping options?"
  • "How do I return an item?"
  • "Tell me about your pricing"

Choose questions that match your most common customer queries.

Theme Color

Set a hex color code (e.g., #3b82f6) to match your brand. This changes:

  • Widget launch button
  • Header background
  • Customer message bubbles
  • Send button and interactive elements

Widget Logo

Upload a custom logo for the widget header:

  • Format: PNG, JPG, or SVG
  • Recommended size: 40x40px to 80x80px
  • Transparent background recommended

When no logo is uploaded, a default chat icon is shown.

Widget Behavior

Position

The widget appears as a floating button. You can configure it to appear in the bottom-right or bottom-left corner via the embed snippet's data-position attribute.

Conversation Persistence

When a customer reloads the page, their last active conversation is automatically restored. They can start a new conversation from the widget menu.

Mobile

The widget automatically adapts for mobile screens with a touch-optimized, full-width interface.

Tips

  • Use brand colors to build trust and recognition
  • Keep greetings short and friendly
  • Choose suggestions based on your most common customer queries
  • Test on both desktop and mobile
  • Update suggestions based on real conversation data over time

Next Step

Once you've customized your widget, add it to your website.