How to maximize the widget when a website loads

You can make your tawk.to chat widget open automatically when someone visits your website. This is a great way to grab your visitor’s attention and invite them to start a conversation.

In this article, we’ll show you how to set this up by combining the onBeforeLoad callback function and the maximize() action from our JavaScript API.

Follow these steps to get your widget code:

1. Log in to your tawk.to account.

2. Select the correct property.

3. Click Administration on the top menu.

4. In the left menu, under Channels, select Chat Widget.

5. Under Widget Code, click Copy to Clipboard.

After updating your website code, publish or deploy your site. When visitors land on your page, the widget will open automatically.

Enabling the widget to maximize on load can help you:

• Get noticed – The chat window opens instantly, so visitors don’t miss it.

• Encourage conversations – Prompt users to ask questions without needing to click first.

• Increase engagement – Make it easier for customers to reach out and get help.

• If a visitor minimizes the chat, it may maximize again when the page reloads.

• This behavior cannot be controlled through the tawk.to dashboard. It must be configured manually with the code above.

• If you’re also using other triggers (like greetings), both may run simultaneously.

Explore the guides in our Help Center - JavaScript API category to learn about more ways to customize your chat widget.

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