All Collections
Reply AI Chat
Crafting AI Chatbots with Reply AI Chat
Styling Tab: Customizing Your Chatbot's Appearance
Styling Tab: Customizing Your Chatbot's Appearance

Explore the Styling tab to adjust the visual elements of your chatbot, including the company logo, bot avatar, and chat interface colors

Reply Team avatar
Written by Reply Team
Updated over a week ago

πŸ“Œ The Styling tab is one of the steps to customize the appearance of your AI chatbot to match your brand's identity. To navigate the complete setup process and successfully launch your AI chatbot using Reply AI Chat, follow this guide: How to Set Up Your AI Chatbot.

In the Styling tab, tailor your chatbot's visual elements to match your brand's essence. Customize the company logo, bot avatar, and chat interface colors. Additionally, adjust the chat widget's location and visibility to enhance user experience and maintain brand consistency across your website.

  • Set your brand styling

Configuration

Description

Company logo

Upload your company logo to personalize the chat header and reinforce your brand identity.

Bot avatar

Replace the default icon with a custom avatar to give your chatbot a unique visual appearence.

Chat icon

Customize the chat toggle button to seamlessly integrate with your website's design.

Color

Choose a color scheme for the chat interface that aligns with your brand's palette.

πŸ“Œ Requirements for Logo, Bot Avatar, and Chat icon Upload:

  • Acceptable file formats: JPG or PNG.

  • File size should be less than 5 MB.

  • Avatar must have square dimensions, maximum 1024x1024 pixels.

  • Appearance

Configuration

Description

Widget position

Optimize user experience by positioning the chat widget on the left or right side of the screen, according to your website's layout and design preferences.

Keep widget open by default

Set the chat widget to be open by default on page load to encourage user engagement.

Did this answer your question?