Adding the tawk.to widget to Bubble.io

The instructions below are for desktops and laptops only.

Add the tawk.to live chat widget to your Bubble.io app to start engaging your website visitors directly. This guide walks you through retrieving your Property and Widget IDs and installing the widget plugin on your Bubble.io app.

First, get your Property and Widget IDs

Before installing the widget, you’ll need your Property ID and Widget ID. You can find detailed instructions on how to locate these IDs in this guide: Where can I find the property and widget IDs?

Install the tawk.to plugin in Bubble.io

1. Log in to your Bubble.io account and open the app where you want to add the widget.

2. Click Plugins in the left menu.

3. Click + Add plugins on the Installed Plugins page.

4. Search for “tawk.to” and select tawk.to Live Chat (Official) by tawk.to. Click Install.

5. After installation, go to the plugin settings page.

6. Paste your Property ID and Widget ID in the respective fields. Changes take effect immediately.

7. Your chat widget should now appear on your app.

You can further customize your widget to match your brand on the tawk.to dashboard. See this guide to learn more: Changing the appearance of the tawk.to chat widget

Additional considerations

  • Ensure your Bubble.io app is published or running in preview mode to see the widget live.

  • For any issues during installation, verify that your Property and Widget IDs are correct.

Related guides


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

Was this article helpful?

43 out of 59 liked this article

Still need help? Message Us