Delaying the tawk.to widget using JavaScript

By default, the tawk.to widget loads immediately after your webpage.


If you would like to delay your widget’s appearance on your page by a specified amount of time, you can set a delay to the load time of the widget with JavaScript. 


Note: to use this method, you'll need to install the widget manually and remove the WordPress plugin if it is being used, as the plugin does not support multiple widgets.


To get started, customize the new code by adding your property and widget IDs.

Where to find your property and widget IDs 

You can find your Property ID in the Overview panel of your Dashboard


Make your way to ⚙️AdministrationOverview.


Then, copy your Property ID.

To find your Widget ID, go to DashboardAdminChat Widget.


Select the widget you want to embed in the Chat Widget drop-down menu. Then, copy the code in the last section of your Direct Chat Link.

Here’s where to add your property and widget IDs to the widget code:

Once you have your IDs, you’ll need to add them to the src attribute in the code as follows:

Replace <property> with your Property ID.


Replace <widget> with your Widget ID.


Here’s what it looks like using the property and widget IDs in the examples above: 

Customize the delay time

Now add your source attribute and the delay time in milliseconds to the following code to customize your delay using a setTimeout function:

Do you need additional help? Schedule a call with our team now! 

Was this article helpful?

39 out of 51 liked this article

Still need help? Message Us