Changing the content on the minimized widget

The instructions below are for desktops and laptops only.

1. Log in to your tawk.to account.
   
   

2. Select the correct property.

3. Click Administration in the left navigation bar.

4. Click Chat Widget in the left submenu.

5. Scroll to Widget Appearance. Then, click Advanced to open the Widget Appearance editor

6. Under Desktop Widget, select either the circular or rectangular minimized widget shape:

- The circular shape displays an image or icon and does not support text.
- The rectangular shape allows you to display a short line of text (Minimized Status Text).

If you select the rectangular shape, adjust the Minimized Width, Minimized Height, Top Radius, and Bottom Radius to control how the widget looks.

Tip:

The widget size affects how much text fits in the minimized area. Increasing the minimized width provides more space for your message.

On the Chat Widget settings page, scroll to Widget Content. Then, click Edit Content to open the Widget Content editor.​

Scroll to Widget State and choose the state you want to edit (Online, Away, or Offline).

Locate the Minimized Status Text field — available only when the rectangular shape is selected. Enter your message. Keep it short and inviting (for example, “Need help? Let’s chat”).

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.

Tip: Keep minimized text short and action-oriented. Short text reads better in limited space and on smaller screens.

• Widget shape limitation
  Only the rectangular minimized widget supports text. The circular minimized widget shows only an icon or image.
  
  

• States and context
  You can set different minimized messages for Online, Away, and Offline states to give visitors accurate expectations (for example, "We’ll reply soon — leave a message" when Offline).
  
  

• Branding vs. readability
  While it’s tempting to add personality or long marketing lines, prioritize clarity. The minimized area is small — concise, direct language usually performs best.
  
  

• Custom CSS and conflicts
  If you use custom CSS or other scripts on your site, ensure they don’t interfere with the widget’s appearance or text layout.
  
  

• Preview and test
  Use the editor’s live preview and test the pages on your site to confirm the minimized message looks right in real-world contexts.

Changing the appearance of the chat widget

How to modify your widget content

Changing your widget language

Customizing the widget header and body cards

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

• Click the green live chat icon

• Schedule a call with us

• Visit our community