02 - Getting started - Customising the appearance

Customising the appearance 

You have control over how Continually looks on your site. You can customize the appearance of your widget (button, welcome message, etc...) and also your sidebar (what contains your bot conversation)

This article will help you customize how your bot appears on your site:

What is the widget?

The widget is how you want Continually to be displayed on your site. It is the first thing your customers will see and engage with. Your widget is controlled per bot and you can customize each bot to appear differently on your site.

  • Customized per bot
  • Customized in the appearance section in the bot builder 
  • Has 4 different widget formats
  • Customizable text
  • Customizable color

What is the widget?

The sidebar is where your bot's conversation lives. You can customize how your sidebar in your side bar appearance settings. You can also translate any text on your bot's home screen on your side bar home screen settings.

  • Customized in your settings
  • Settings are set for all bots
  • Customize message shape, color and font
  • Customize background-color

The sidebar

How to change the format of your widget

The first thing your customers will see is the type of widget you use to trigger your bot. Each format has it's own purpose so choose the right one that suits your goals.

  1. Go to your bots page and find the bot you wish to edit.
  2. Then click on the appearance section which will take you inside the bot builder.
  3. Once you are inside the appearance section, you will see 4 different format options on the left, select one and you will see your preview update on the right.

How to change the format of your widget

Note: Using your own button will require you to add a .continually class to your link to learn how to do that click here

You can customize your sidebar to match your brand and website from in the settings. There are different sections within your settings to customize your sidebar.

What can you customize?

  • Background Color
  • Message shape
  • Message color
  • Font used
  • Sidebar position

How to set a delay for when to display your bot

You can set three different options when it comes to loading your bot.

  • Page load - Loads the bot straight away
  • Page scrolling - Loads the bot as your customer scrolls down the page
  • Timer - Set a timer for when you want to display your bot

How to set a delay for when to display your bot

Other related articles

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.