Conversations allows you to customize your chat widget to match your branding colors and tone of voice from Conversations > Settings > Chat widget. You can customize the style and texts of your chat widget.
Choose your support languages
Select the different languages in which you can talk to your visitors. Your chat widget languages are the same as your support languages chosen in Conversations > Settings > Preferences.
You can select as many languages as you need, and default messages are automatically translated. Remember that if you edit default texts, you must edit all the other default texts in the other languages.
Customize your chat widget design
With Conversations, you can customize your chat widget colors, style, and position on your web page. This allows you to have a custom chat widget that matches your brand and to choose how your chat widget appears to your visitors.
To customize your chat widget appearance, go to the Appearance section from Conversations > Settings > Chat widget.
Chat widget color
Conversations allows you to choose the color and style of your chat button. That way, you can completely customize it to match your website and brand design.
The default chat widget button is blue, but you can choose another color from the Chat palette that offers many pre-defined colors. You can also choose a color from the color picker or enter your color hex code.
Color the Chat header with the selected color if you want the chat widget to contrast more with the rest of your website when open. Check the preview on the right of your screen to see what your chat widget looks like with your selected color.
Chat widget design and position
You can choose what your chat widget button looks like and where it is placed on your website page.
From the Chat button style drop-down list, you can choose the design of your chat widget:
- Round with one or two bubbles, or
- Tab.
From the Chat button position drop-down list, you can choose where your button will be placed on your website page.
Check the preview on the right of your screen to see how and where your chat widget will appear on your screen:
Customize your greeting messages
With Conversations, you can customize the greeting messages of your chat widget to match the tone of voice of your brand.
Scroll to the Chat widget texts section to edit the greeting messages for your Live chat (Online) or Messenger (Offline, Invisible) modes. Delete the existing greeting messages from the text fields and write your own.
A preview displays on the right of your screen to check how the chat widget will appear to your visitors. Switch your status from Online to Offline to display the respective previews. To restore the default greeting messages, delete everything from the field and click somewhere outside of it.
⏩ What's next?
- Set advanced customization for your chat widget
- API documentation to go further in your chat widget appearance customization
🤔 Have a question?
If you have a question, feel free to contact our support team by creating a ticket from your account. If you don't have an account yet, you can contact us here.
If you’re looking for help with a project using Brevo, we can match you with the right certified Brevo expert partner.