Customize Tidio Widget on Wix

See how to customize the Tidio chat widget that is installed on the Wix-based website. The customization process of the chat widget on WIX-based sites differs from the customization of the standard Tidio chat widget, as some of the settings you can access through the Wix editor. 

In this article, you'll learn:

• How to enter the editing panel
• How to edit layout settings
• How to adjust the settings
• How to edit the widget texts
• How to adjust mobile settings
• What is a pre-chat survey
• How to upgrade to the paid plan

Editing panel

The widget can be customized via the Wix Editor. To access the options for it, please go to the Wix Editor, click on the widget, and press the Settings button above it.

The main section allows you to open the chat admin panel (also called the Dashboard), through which you’ll be able to go online and answer any incoming messages.

 

Layout settings

The View mode option allows you to set the preview to show how the widget will look when it’s closed (minimized) or opened (clicked on).

 

The chat has 2 distinct themes: Modern and Business, which can also have a custom color set just below them. You can also select the location in which the widget will appear on your live website.

 

Adjust the Settings

Here you can set the global picture which will display itself in the widget before the conversation starts. We recommend you upload your company logo here.

 

At the bottom, you can set the messages that will be communicated to your customers when you’re not available in the chat. 

 

Edit the widget texts

In this section, you can modify your status, the label that’s displayed at the top of the widget, and the text appearing on the mobile button.

 

If you wish to change more texts in the widget or set it to appear in different languages, please use the Translations tool from the chat admin panel. 

Mobile settings

In order to add a mobile widget through Wix, follow the steps below:

Once Tidio is installed on your Wix site, select the widget in the Wix dashboard and go to Settings.

 

 Open the Mobile Widget option in your Tidio app menu. Then, just select the pages you want to add the widget to. The Mobile-only pop-up will appear.

 

Choose Edit Mobile View in the Wix mobile editor.

 

In this section, you can decide where the widget should be located. 

You can also edit the mobile widget size so that it suits your needs best. In order to change the size, you should drag the widget’s edge around the page.

 

It’s also possible to adjust the default text of the mobile widget. Simply go to widget settings in your Wix editor, then choose the Texts section and edit the Mobile button field. We suggest using less than 50 characters.   

 

Do not forget to save & publish the changes!

 

That’s it! Tidio Chat will now be visible for all visitors on your Wix mobile site. 

Pre-Chat Survey 

This option allows you to enable a Pre-Chat Survey.  It will prompt your visitors to fill in a form with some of their info before they’ll be able to chat with you. The survey can ask for 4 fields in total: name, email,  phone number, and/or a GDPR consent. You can toggle which options you want to ask for.

 

How to upgrade your account on WIX

This option allows you to purchase the Premium version of the app, which unlocks additional features. For more information on what's available in the Premium plan, please visit the Pricing page here.