At Tidio, you can customize the Tidio chat plugin to grab the attention of your website visitors or to match the plugin’s appearance to your branding.

Available settings

You can customize your plugin by going to Settings.> Live chat> Appearance . There you will find several different subcategories that allow you to change various aspects of your chat plugin, such as color, location, certain texts, or pre-chat poll.

customize widget 2024-03-28 at 09.30.34.png

At any time, you can also see a preview of your plugin on the right. From the Preview menu on the right, you can select the state of the plugin you want to see (for example, what a pre-chat survey looks like, or an example of a live chat conversation).

customize widget 2024-03-28 at 09.46.37.png

Look and feel

In Look & Feel, you can find and edit the basic aspects of the chat plugin that appear on your site. These include the background color, welcome image, online status, plugin location, button settings, and of course, your brand logo.

Screenshot 2024-10-14 at 15.09.35.png

Background color

Allows you to change the overall background color of your chat plugin. You can choose from several available color schemes, or choose a custom color using the Choose Your Own Color option (which only allows solid colors, no gradients!).

Screenshot 2024-10-14 at 15.17.19.png

Welcome picture

You can choose to display a collage of your operators’ profile pictures at the top of your plugin, or use a single image – like your company logo.

customize widget 2024-03-12 at 13.29.17.png

Online mode

A message displayed when you are ‘online’ in your Tidio control panel.

customize widget 2024-03-12 at 13.29.38.png

Plugin location

Option to choose where the plugin will be displayed; on the left or right side. If you want to change the position vertically – see our article explaining the advanced settings .

Screenshot 2023-10-06 at 19.03.20.png

The button

A short message that is displayed next to the chat icon when the chat plugin is closed. This can be useful for increasing visibility or as a motivational setting – if you are not using an auto-reply message.

customize widget 2024-03-12 at 13.30.01.png

Enable voice prompts

Whenever your site visitors receive a message from you or your streams, they will typically hear an alert. This setting allows you to disable these sounds in your plugin.

Screenshot 2023-10-06 at 19.03.32.png

Brand logo

This option allows you to upload your own logo to be used in place of Tidio branding. This feature is only available to Tidio+ users.

Screenshot 2023-10-06 at 19.03.38.png

Plugin visibility

In the next section, you can configure the visibility settings of your plugin.

How to go offline in Tidio

The Show Plugin button allows you to determine whether to show or hide the chat plugin on your site.

The Devices option allows you to select the exact devices on which the chat plugin will appear. For example – if you decide to only display the chat plugin on the desktop version – the Tidio plugin will be hidden from all mobile users visiting your site on the mobile version.

Screenshot

Hide on specific pages allows you to hide the extension on specific pages on computers or mobile devices. You can read more about this feature here.

You can also hide your plugin from specific countries using the Hide or Show for specific countries option. Please note that visitors from these countries will still be able to access your site, but the plugin will remain hidden.

The Show Chat When Offline option allows you to control whether to display the plugin on your site when you are not logged in. Unchecking this setting will hide the plugin from your site whenever you change your status to offline.

If you decide to keep the plugin visible when you are offline – you can customize your offline message and status to be visible to your site visitors. This will help you let them know, for example, when you can respond.

start

Under the “Getting Started” section, you can set a welcome screen that is displayed when the conversation in the chat plugin has not yet been switched. For example, when streams are disabled, and the visitor has not yet sent a message.

Screen_Shot_2021-11-09_at_15.45.36.png

In the Home section, you can edit the status and of course the message that can encourage visitors to your site to send you a message. Also, choose or upload your own image as a background .

customize widget 2024-03-12 at 13.33.36.png

Mobile plugin

In the Mobile Extension section, you can change the location of the chat extension on mobile devices and the size of the button .

customize widget 2024-03-12 at 13.33.58.png

Pre-chat survey

The pre-chat survey settings are located immediately below the Getting Started section.

This is a form that can ask the visitor for their name, email address, phone number, or GDPR compliance; it also gives the option to sign up for your mailing list. Additionally, the survey allows the visitor to select a department (if you have this feature available in your project).

Screenshot 2024-09-09 at 15.21.36.png

If enabled, the pre-chat survey is displayed to visitors when they attempt to send their first message in the chat, and completion is mandatory at that time. The information collected is saved so you can see it when you go out to chat later; the data will also be included in the Contacts section of your Tidio project.

[fact_box] Interesting fact: Tidio’s chat plugin can also be used as a tool to collect real-time customer feedback. By incorporating short survey questions, businesses can gain valuable insights into the user experience and improve their services accordingly. [/fact_box>

The sidebar is a static plugin that appears on the right side of the page in the form of a small square, with additional text that you can change:

Screenshot 2024-05-07 at 15.14.05.png

If you feel that the sidebar option would work better on your site – you can configure this in the settings.> Live chat> Sidebar . You can also set its right or left position.

Benefits of Tidio Chat Plugin

Tidio’s chat plugin offers several significant benefits for businesses:

  • Improving customer experience: The chat plugin allows customers to get instant answers to their questions, which leads to an improved customer experience.
  • Increase engagement: Through live chat, businesses can maintain high engagement with their customers, leading to increased sales.
  • Data collection: The chat plugin allows you to collect important data about customers, which can improve marketing strategies.
  • 24/7 Support: The chat plugin can work even when the staff is unavailable, allowing customers to get support at any time.

How to install the Tidio chat plugin?

Installing the Tidio chat plugin is very simple. All you need to do is follow these steps:

  1. Visit the Tidio website and sign up for a new account.
  2. Choose the plan that’s right for you.
  3. Install the plugin on your website using the provided installation code.
  4. Customize the plugin to suit your needs.
  5. Start using the chat plugin to communicate with your customers.

Tips for using the chat plugin

To get the most out of the Tidio chat plugin, here are some tips:

  • Use automated messages to welcome new customers.
  • Set up surveys to collect customer feedback.
  • Track call data to improve service.
  • Use photos and videos to make conversations more interesting.
summary

Tidio’s chat plugin is a great tool for any business looking to improve customer experience and increase engagement. With its many customization options and advanced features, this plugin can upgrade your website and make it more interactive.