Last updated: 01 April 2021
Chat widgets appear in the bottom right of your website. To create an excellent chatbot experience, you want to make sure your chat widget reflects your brand.
To get started, navigate to channels and then converse.
The preview section on the right displays your changes in real-time, any changes you make will only go live after you click Save.
Step 1: Add a logo and name your chatbot
Within the Main settings area, you can change your chatbot’s logo and name. You can also choose whether you would like your chatbot display its logo and name to your users by turning these on or off.
Step 2: Personalise your banner
The banner a short message that users first see when they interact with your chatbot. This area is often used to inform users of your chatbot’s purpose.
Navigate to Banner settings and personalise the title and subtitle.
Step 3: Add your brand colours
You can customise every element of the colours and branding within your chat widget. You can choose from either the preset selection of colours or add hex codes to match your brand identity exactly.
Colour settings enable you to change the colour of the banner text as well as the banner’s background. Use different colours inside the gradients to spice things up. Would rather choose a block colour? Simply set both gradients to be the same colour.
Launcher settings enable you to customise the design of your chat widget’s launcher, the small icon your users will click at the bottom right of your website.
Call-to-Action settings allow you to create custom messages that appear above your launcher; perfect to entice users to engage with your chatbot. Personalise your call-to-action’s text by clicking Add new. Here you can add a description of your call-to-action (for internal use only) and the message (what your users see).
Tailor when your call to action will be visible to users within the When to show your Call-to-Action area. This operates via specific triggers. To show your call-to-action to all users at all times, leave this as default.
You can have multiple call-to-Actions active at any one time.
Customise the design of individual messages your chatbot sends within the Message settings area.
Avatar settings allow you to add custom avatars. Turn avatars on or off, use our default avatars or upload your own. The chatbot avatar and human avatar differentiate between messages from your chatbot and messages from your live chat agents.
Composer settings allow you to add a hamburger menu to your chat widget with quick links or actions.
Once you are happy with your changes, click Save.
Head to Demo to see your beautiful, on-brand chatbot.