1. Go to Settings > Channels > Chat Widget and go to the section Visual Customization.   
   
2. You will have 5 options for customization: 
   
1. Primary Color: Adjust the color of the chat box to your liking or you can input your branding Hex color code to have the chat box match with your brand guideline. 
   
1. Click on the desire color for pre-existed color on Breadstack.
   
2. For personal color:
   
1. Click the multiple color icon
   
2. Input your Hex code. 
   
3. Click Save. 
   
2. Widget Title: Personalize the widget header text to your liking.
   When creating a Widget title, you can include letters, numbers, and even emojis. Just remember, it can be up to 25 characters long
   
   
3. Display subtitle: Adjust the text below the widget header (for example: the average time a response might take). You can turn it on/off depending on your preference.
   
4. Display Brand Logo: Tick the box if you want the logo to be displayed. There are 2 steps when you enable this feature:
   
1. Upload file: Upload your brand logo (Breadstack only accepts jpg, png and jpeg files with file limitation to a maximum 1MB)
2. Use brand logo as widget icon: The default widget icon on the storefront will be replaced with your brand’s uploaded logo. We recommend a square image for optimal display.
5. Widget location: Select where widget icon and chat box will appear on the storefront website: on the bottom left or bottom right hand side of the screen. 
   
3. Click Save to the pop-up notification at the lower end of your screen to finalize any changes that you have made.
   

Few notes to keep in mind