# How to design your chat widget

Collect.chat [http://Collect.chat] offers various customization options to help
you design a chat 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 chat 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 chat 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
[https://collectchat.help.center/article/1063-how-to-add-a-welcome-message-to-chatbot-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 chat 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 Collect.chat 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 chat widget's performance

Note



You cannot change the font type or size. Font is fixed for all Collect.chat
forms.



Configure Welcome Message and Preview in Collect
[https://app.guidde.com/playbooks/nbjc9VoFoMMnUppin3VMBd]