20

Chat Widget Customization

Last Update месяц назад

Changing the appearance of the tawk.to chat widget How to modify your widget content Changing your widget language Customizing the widget header and body cards Change how the widget behaves on your site

Changing the content on the minimized widget

The instructions below are for desktops and laptops only.

You can customize the message that appears when your tawk.to chat widget is minimized, the compact version that’s shown before a visitor opens the chat window. This message appears as a small prompt on your site and can help reflect your brand voice while encouraging visitors to start a conversation.

Follow these steps to change your minimized widget content:


1. Log in to your tawk.to account.

2. Select the correct property.

3. Click Administration in the top menu.

4. Click Chat Widget under Channels in the left menu.

5. Scroll down to Widget Appearance and Widget Content.

6. Click Advanced under Widget Appearance. This opens the Widget Appearance editor.


Under Desktop Widget, you can choose between a circle or a rectangular widget shape.

The circle widget is a great choice if you want something simple or if you have limited space in your web page.

With the rectangular widget, you can set the Minimized Width and Minimized Height, as well as the Top Radius and Bottom Radius.

Then, click Save and exit the Widget Appearance editor.

7. To further customize the minimized widget text, click Edit Content under Widget Content. This opens the Widget Content editor.

8. Scroll down to Widget State. Choose a state, and enter the Minimized Status Text. This is the text that will be displayed on your widget when it’s minimized.


Tip: Keep it short and friendly to grab your visitors’ attention and encourage interaction.

9. You can exit the editor when you’ve finished making changes. Your widget updates automatically after saving. No need to update the widget code in your page’s HTML.


Learn more about changing the appearance of the widget with this guide:

Changing the appearance of the chat widget

If you have feedback about this article, or if you need more help:

Was this article helpful?

24 out of 45 liked this article

Still need help? Message Us