In Tidio, you can customize your Tidio chat widget to catch your website visitors' attention or to fit the widget's appearance to your branding.
In this article, you will learn:
- The possible widget appearance settings
- What the visibility settings are
- What the Get Started screen is
- What mobile widget settings are available
- What the Pre-Chat Survey settings are
- What the Sidebar is
To learn even quicker and see all available settings, watch our video:
You can customize your Tidio Widget by going to the Settings > Channels > Live Chat > Appearance section.
The changes made in the Widget Appearance section are based on your preferences and how you want the chat widget to be displayed for your website visitors.
What can be changed in the Widget Settings?
In the Widget Appearance section, you can find and edit the following information:
Allows you to change the general color of your chat's widget. You can select from a number of available color gradients, or select a custom color using the color picker (that only allows solid colors, however - no gradients!).
You can choose to display a collage of your operators' profile pictures at the top of your widget, or use a single image - like your company logo.
A message that is displayed when you are 'online' in your Tidio panel.
An option to choose where the widget will be displayed; on the left or right side. If you wish to change the position perpendicularly - see our article explaining the advanced settings.
A short message that is displayed next to the chat icon, when the chat widget is closed. It can be useful for increased visibility or used as a greeting - if you're not using an automated chatbot message.
Enable widget sounds
Whenever your website visitors receive a message from you or your bots, they will normally hear a notification. This setting allows you to disable these sound in your widget.
This option allows you to upload your own logo to use instead of our Tidio branding. This feature is only available to our Tidio+ users.
While editing the Widget Appearance, you can see how the chat will be presented on your site. A chat preview will be available on the right side so that you can see the changes in real time.
In the following section, you can decide about the visibility settings of your widget.
The Display Widget toggle allows you to decide whether to show or hide the chat widget on your website.
The Devices option, allows you to choose the exact devices on which the chat widget should be shown. For example - if you decide to show the chat widget only on the desktop version - the Tidio widget will be hidden for all mobile users who are opening your website in the mobile version.
Display the chat when you're offline option allows you to decide whether to show the widget on your website when you are offline. Disabling the toggle will hide the widget from your website whenever you change your status to offline.
If you decide to keep the widget visible when you are offline - you can adjust your offline message and status that will be visible to your website visitors. That will help you let them know, for example, when you can respond.
Get Started screen
Under the Get Started section, you can set a welcome screen displayed when the conversation in the chat's widget still needs to be initiated. For example, when the chatbots are disabled, and the visitor hasn't sent a message yet.
In the Get Started section, you can edit the Status and message that can encourage your website's visitors to send you a message. As well as choosing or uploading your Background picture.
In the Mobile Widget section, you can change the chat's widget Position on mobile devices and the Button Size.
The Pre-Chat Survey settings are located right below the Get Started section.
Pre-Chat Survey can ask your visitor for their name, email address, phone number, or GDPR compliance.
The Pre-Chat Survey will be displayed when visitors type in their first message to attempt to start a conversation with you. The collected information is later saved in the conversation panel as well as on the list with all the contacts collected through the Tidio chat.
A sidebar is a static widget displayed on the right side of the page in a form or a small rectangle.
If you feel the Sidebar option will work better on your site - you can set it up in the Settings > Channels > Live Chat > Sidebar section.