Add a tawk.to widget to Webflow

The instructions below are for desktops and laptops only.

1. Log in to your tawk.to account.

2. Select the correct property.

3. Click Administration on the top menu.

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

5. Copy the Widget Code.

Note: Adding custom code in Webflow is only available on paid plans. If you're using a free Webflow plan, you’ll need to upgrade to unlock this feature.

1. Log in to your Webflow account.

2. Click the three dots next to your site name and select Settings.

3. In the left menu, click Custom Code.

5. Scroll down and click Save Changes.

6. Publish your site for the changes to take effect.

Once your site is published, the chat widget will appear on all pages of your Webflow site.

• Adjust widget behavior
  You can use the Widget Behavior settings in your tawk.to Dashboard to modify how the widget appears on your site. Learn more here: Change how the widget behaves on your site
  
  

• Widget restrictions
  To control where the widget appears, use the Availability Restriction settings. 
  
  

You can choose to show or hide the widget based on specific domains, countries, or platforms, such as desktop or mobile. Learn more here: Restricting your widget by platform, domain or country

See these guides to learn more about the chat widget:

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

Changing your widget language

Using the Widget Scheduler

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