# How to design your chatbot widget

Collectchat [http://Collect.chat] offers various customization options to help
you design a chatbot widget that matches your website's look and feel. Here's a
guide to help you through the process:


POSITIONING

You can change the position of your chatbot widget to enhance visibility and
user interaction:

 * Default position: Right side of the screen

 * Other options: Middle or left side

Choose a position that integrates well with your website layout.






COLOR CUSTOMIZATION

Match your chatbot widget's color scheme to your website for a cohesive user
experience:

 * Use pre-set color schemes

 * Input custom hex codes for precise color matching




WELCOME MESSAGE

Enable a welcome message
[http://collectchat.help.center/article/1063-how-to-add-a-welcome-message-to-your-chat-widget]
to serve as the first interaction point:

 * Toggle the welcome message on or off

 * Create a catchy and simple message to increase user engagement




AVATAR SELECTION

Personalize your chatbot widget with an avatar to make it feel more personal:

 * Choose from a variety of pre-made avatars

 * Upload your own avatar to reflect your brand's personality




BRANDING OPTIONS

Our premium plans allow the removal of Collectchat branding. Please refer to our
pricing page [https://collect.chat/pricing/] to understand which plans allow
branding removal.


PUBLISHING CHANGES

Once you're satisfied with your design:

 * Click the publish button to make your changes live instantly

 * This allows for quick iterations and testing of different designs




SUPPORT AND HELP

If you need assistance:

 * Access help options within the platform

 * Join community forums [https://community.collect.chat/] for troubleshooting
   and enhancing your chatbot widget's performance

Note



You cannot change the font type or size. Font is fixed for all Collectchat
chatbots.