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

Understanding AI Agent: GPT-3.5 Turbo vs. GPT-4o

Discover the differences between GPT-3.5 Turbo and GPT-4o with bitbybit. Compare features, costs, and use cases to find the ideal AI solution for your business.

How to Connect Stamped Loyalty Account

Learn how to connect your Stamped Loyalty account to seamlessly sync your loyalty program with your Shopify store.

How to Create a Message Template for OTP WhatsApp Cloud API

Discover how to integrate secure OTP message template functionality with the WhatsApp Cloud AP for smooth customer authentication.

More blogs