Skip to main content
Under design you can style your Widget to fully match your brand. For a quick start, select a Template or choose Custom Template to manually set your preferences.
Customize Your Widget Design Template Pn

​
Your header

Change the header of your Widget here. You can either choose to add text, or add an image e.g. your logo.
Customize Your Widget Design Your Header Pn

​
Your brand avatar

Your brand avatar will be shown when there is no AI Agent active on your chat widget, and the conversation hasn’t been assigned to an agent. 
Customize Your Widget Design Brand Avatar Pn
Customize Your Widget Design Brand Avatar Pn

​
Widget design

In the Widget design section, you can change the colours of your widget. Click on the colour to select a colour, or add your colour code. You can add your colour code in HEX, RGB of HSL.
Customize Your Widget Design Brand Avatar Pn

​
Chat element colours

The Chat element is the element in the middle of your Welcome/Closed screen. You can change the background and outline colours by clicking on the colour code.
Customize Your Widget Design Chat Element Colour Pn

​
Users in welcome screen

Here, you can specify which users you want visible in the welcome screen when no AI Agent is active.
  • Select users: manually choose which user you want to display.
  • Automatic: the users will randomly be picked.
Customize Your Widget Design Launcher Pn

​
Customise messages bubbles

Under Customise message bubbles, you can choose how your message bubbles will look like.
  • Default: Choose Default for standard settings.
  • Custom: When you choose Custom, you can change the message shape and colours of the different users: AI Agent/User, User, End-user.
Customize Your Widget Design Launcher Pn

​
Font settings

Select your font, header font size and message font size here.
Customize Your Widget Design Launcher Pn

​
Launcher

The launcher is what shows on your website when your Agent is minimized. By clicking this, the widget will open. You can choose between:
  • Icon: Use the default icon, or upload your own icon by clicking Upload.
    The icon should be a PNG, JPG or GIF file. We recommend uploading an image that is 64x64 pixels with a maximum size of 5MB.
  • Entire button: Only available in Business and Enterprise licenses. Choose entire button to upload your own image as the launcher by clicking Upload. The custom launcher should be a PNG, JPG or GIF file. We recommend uploading an image that is 112x112 pixels with a maximum size of 5MB.

​
Colours of launcher

Here you can change the colours of the launcher. Don’t forget to amend the colours at close icon. These colours show when the widget is open.
Customize Your Widget Design Launcher Pn
Don’t forget to save your changes by clicking Save on the top of your screen