Adding the tawk.to widget to your website

The instructions below are for desktops and laptops only.

This article explains the easiest way to add the widget by pasting the JavaScript code and provides links to platform-specific guides for WordPress, Wix, Shopify, and more.

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. Copy the code shown in the Widget Code field. This is the JavaScript snippet that will load the widget on your site.

6. Add the widget code to your site. Open the HTML for the page where you want the chat widget to appear. Paste the widget code just before the closing </body> tag.

For example:

7. Save and publish the page. The widget should appear on the live site where the script loads.

If your site uses a CMS, follow the relevant guide below for detailed steps and screenshots:

• WordPress

• Wix

• Squarespace

• Shopify

• Joomla

• Weebly

• Drupal 8

• Cloudflare

• WHMCS

• Cayzu

• Publish & test
  After publishing, open your site in an incognito/private window (or clear cache) and verify the widget appears and functions.

• Multiple properties/multiple websites
  If you manage more than one website, generate and use the widget code for the correct property. Each property has its own widget code. Verify the property name on your dashboard before copying the code.

• Content Security Policy (CSP)
  If your site enforces CSP headers, a strict policy can block third-party scripts. If the widget doesn’t appear after installing the code, check your browser console for CSP errors and whitelist tawk.to domains and script sources in your CSP configuration.

A checklist to help you set up your tawk.to dashboard

How to invite and manage agents

Adding multiple websites (properties) to your dashboard

The difference between properties, chat pages, and profile pages

Resolving Content Security Policy (CSP) issues blocking the widget, images, and Knowledge Base articles

Visit our Help Center for more on getting started with tawk.to.

• 101 - Business Messaging Masterclass - learn all about messaging on tawk.to
  
  

• Respond to a Chat - learn about navigating the dashboard, answering chats, and using shortcuts
  
  

• Knowledge Base - learn about setting up your Knowledge Base, adding categories, and creating articles

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