How to Set Up Chat Widget Appearance

Customizing your chat widget's appearance in bitChat enhances your store's user experience by aligning it with your brand’s identity. Make it more visually engaging and intuitive for your customers. Here’s how to set it up for optimal setting.

Step 1: Access bitChat Appearance Settings

Click "Appearance"

Step 2: Customize Button Widget

  • Choose button style and type the button text (optional).
Choose button style and type the button text
  • Adjust "Widget button color," "Button position," and "Button size" as your desired.
Adjust "Widget button color," "Button position," and "Button size."

Step 3: Customize Widget Card

  • Click “Toggle” to green, “Upload image” then adjust "Scale" & "Rotate" and click “Save changes”
Click “Toggle” to green and “Upload image”
Adjust "Scale" & "Rotate" and click “Save changes”
  • Fill in “Widget header” and “Widget sub-header”.
Fill in “Widget header” and “Widget sub-header”.
  • Preview your chat widget on the sidebar.
Preview your Chat Widget

Step 4: Set Widget Color

  • Choose between "Solid color" or "Gradient" for the widget background or you can customize by clicking the color box.
Choose widget color

Step 5: Save Your Setup

  • Click “Save changes".
Click “Save changes"

For further assistance, reach out to us at help@bitbybit.studio

More articles

How to Create and Connect WhatsApp Business App

Learn how to connect WhatsApp Business App with bitCRM to enhance campaign and automation directly in the dashboard.

How to Create and Connect WhatsApp Cloud API

Discover how to seamlessly integrate WhatsApp Cloud API with bitbybit to enhance your e-commerce customer interactions.

How to Create a New WhatsApp Cloud API Campaign

Learn how to set up and launch a WhatsApp Cloud API campaign in bitCRM. Boost customer engagement with personalized, targeted messaging in just a few simple steps.

More blogs