Adding a widget to your website

By Shane Wall

Last Update hace un mes

There are a few options for adding the chat widget to your website depending on how your website is built. If your site uses a content management platform like WordPress, Drupal, Magento or Shopify you can simply install the tawk.to app or plugin from their app store/library and follow along through the installation wizard.

If you're not using one of these platforms you can install the chat widget by adding a JavaScript code to the pages of your website. Simply log in to the Dashboard and make your way to the Administration section in the bottom left corner.

Select the Chat Widget option from the list and copy the </> Widget Code on the right. Now paste the snippet into your website's HTML just before the </body> tag and you're ready to go.

If you have multiple properties, make sure to check that you're currently viewing the correct one by hovering over the hamburger icon at the top of the Dashboard.

If you need additional assistance with your installation, just ask. Help is only one chat away.

Adding the tawk.to widget via WordPress:

> Head to “Add plugins and search for “tawk.to Live Chat.”


> Click the Install Now button. After the plug-in is installed, click Activate.

> Once your plugin is activated, click on your Settings tab and select tawk.to.

> From inside your WordPress account, you’ll be prompted to log into your tawk.to account and select a property under Account Settings in your widget settings.

> If you have not set up your website as a property, you will need to do that in your tawk.to account.

> Under the Visibility Options tab, you will be able to choose to always show your widget on every site page or exclude selected URLs.

> If you select Exclude Selected URLs, a box will appear where you can enter the specific URLs on which you do not want your chat widget to appear.

Adding the tawk.to widget via Shopify: 

> Log into your Shopify dashboard.


> Download the www.tawk.to app for Shopify here: https://apps.shopify.com/tawk-to.


> Click the green “Get” button to install the www.tawk.to app on your Shopify site.


>Login to your www.tawk.to account from the www.tawk.to app in your Shopify dashboard.


> The widget will be added to all pages of your Shopify site.

Adding the tawk.to widget via SquareSpace:

> Login to your SquareSpace Admin area.


> Click Settings.


> Click on Advanced.


> Click Code Injection.


> Scroll down to the Footer Box.

> Paste the www.tawk.to widget code in the Footer Box.


> Click Save Settings.

Adding the tawk.to widget via webflow:

> Copy the tawk.to </> Widget Code in the Chat Widget option in the Dashboard.


> In webflow, navigate to Project settings > Custom code

> Paste the </> Widget Code in the Footer code section.

> Save changes.

Was this article helpful?

101 out of 143 liked this article

Still need help? Message Us