How to add multiple tawk.to widgets?

The instructions below are for desktops and laptops only.

Adding more than one tawk.to widget to a property lets you tailor the chat experience across different parts of your site.

You can use multiple widgets to:

• Match different color schemes or page layouts

• Support multiple languages

• Choose different display types (Inline or Embed) for specific pages

Each widget keeps its own appearance and settings, allowing you to deliver a consistent, relevant experience for visitors.

• Different website sections or themes
  Use separate widgets for pages with different color schemes or layouts so the chat matches each page’s design.
  
  

• Multiple languages
  Create a widget per language and set the widget language for each one so visitors see the chat in their language. Each new widget is English by default; change the language after creating it. Learn more here: Changing your widget language
  
  

• Different display types
  Use an Embed Widget when you want the chat embedded inside page content (for example: landing pages or contact pages). Use an Inline Widget when you want the chat to float and stay available as visitors navigate your site. Learn more here: What is the difference between an Inline Widget and an Embed Widget?

You can create up to 20 widgets per property. Each new widget has its own Color, Size, Position, and Language settings. 

2. Select the correct property.

3. Click Administration on the top menu.

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

5. To create a new chat widget, click Add Widget in the top-right corner and follow the instructions. To switch widgets, click the Chat Widget dropdown and select a widget.

Important - Adding widget code to your site

When you add a new widget, it does not automatically appear on your website.

Each widget generates a unique code snippet that must be added to your website’s HTML.

Paste the widget code in the correct location for each page where you want the widget to appear.

If you are using multiple widgets, ensure that their scripts do not conflict.

If your site uses templates or a CMS, make sure the correct widget code is included in the appropriate page layout or section.

• Visitor navigation & widget type
  If visitors move between pages frequently, prefer the Inline Widget so chat remains available site-wide. Use Embed Widgets when you want chat tied to a specific piece of content that shouldn’t float.
  
  

• Language maintenance
  Each new widget starts in English by default. If you support multiple languages, create a widget per language and set the widget’s language settings for that widget. You can further customize the header, body cards, and forms per widget state.
  
  

• Appearance testing
  After creating multiple widgets, test them in the site sections where they’re deployed to confirm color contrast, placement, and behavior across screen sizes.
  
  

• Performance & code placement
  Ensure you add the widget script in the correct place on each page — Inline widgets should be loaded so the chat is available across pages; Embed widgets should be placed within the page content where you want them to appear.

Changing your widget language

What is the difference between an Inline Widget and an Embed Widget?

How to modify your widget content

Changing the appearance of the tawk.to chat widget

Changing the widget position

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