Marketing > Customizing the Chat widget

Customizing the Chat widget

Customizing widget text and branding

You can customize the text and branding used throughout your chat widget to match your website and business.

You can change

• launcher text
• sub text
• chat header title
• welcome message

Update widget text

  1. Go to AI Chat.
  2. Click Widget.
  3. Edit the text fields in your widget settings.
  4. Click Save.

Tips

Use short, friendly text that matches your brand voice.

Changing Colors

You can customize the colors used throughout the chat widget to match your brand.

Color options may include

• launcher background
• launcher text
• header background
• header text
• chat bubbles
• buttons

Change widget colors

  1. Go to AI Chat.
  2. Click Widget.
  3. Open the color settings.
  4. Choose the colors you want to use.
  5. Save your changes.

Changes update in the live preview as you adjust them.

Tips

Choose colors with good contrast so your text stays easy to read.

Using Color Presets

Color presets allow you to quickly apply a complete color scheme to your chat widget.

Use a preset

  1. Go to AI Chat.
  2. Click Widget.
  3. Select a color preset.
  4. Adjust any individual colors if needed.
  5. Save your changes.

Why presets are useful

Presets let you achieve a polished look faster without changing each color individually.

Related articles

Changing colors
Customizing widget text and branding


Customizing the Launcher Button

The launcher is the button visitors click to open the chat widget.

You can customize it to better match your website and branding.

You can customize

• text
• sub text
• icon
• colors

Update the launcher button

  1. Go to AI Chat.
  2. Click Widget.
  3. Find the launcher settings.
  4. Update the text, icon, and style options.
  5. Save your changes.

Tips

Keep launcher text short and inviting.

Choosing or Uploading an Icon

You can use one of the built-in icons or upload your own custom icon for the chat launcher.

Supported file formats

• PNG
• JPG
• GIF
• SVG, if enabled

Choose or upload an icon

  1. Go to AI Chat.
  2. Click Widget.
  3. Choose a built-in icon, or click Upload Custom Icon.
  4. Select your file.
  5. Save your changes.

Tips

Use a clean, simple icon that looks clear at small sizes.

People also viewed

Troubleshooting

AI not answering correctly If the AI is giving incomplete, incorrect,…