How to implement a live chat widget

You can add any type of live chat widget to our themes. We even use one on our main website from time to time.

We use Tawk ( and this is actually free to use so you should have a look at it, you can even download an app to your phone so you can Live Chat via your phone to customers. Although there are plenty of other Live Chat widgets out there (Elfsight AppsLive Chat, Hub Spot, Intercom) a quick search on Google will help you find the one that suits your needs.


Step 1

Sign up any Live Chat service like Tawk.


Step 2

Copy the chat widget code provided.

Live chat widget code for Umbraco.

Copy live chat widget code for Umbraco.


Step 3

Login to your Umbraco CMS > Expand Website Configuration > Open Global Settings.


Step 4

Scroll down to 'Scripts'. Paste the code you copied earlier into one of the fields provided. Typically the live chat widget provider will let you know where in the page the code should be copied to.

Paste live chat widget code for Umbraco theme.


Step 5

Save and Published. Your live chat widget will now be present on all pages within your website.


Bonus step

If you would prefer to only show your Live Chat widget on certain pages then instead of pasting the code into Global Settings > Scripts, you can go to any page in the CMS and find 'Scripts' fields. You should then paste the code into the field on the page you would like to see the widget appear.



Get started today

Join thousands of agencies, freelancers, enterprises & start ups worldwide who use uSkinned Umbraco themes to deliver results.

NEW uSkinned Guides.

We have recently revamped our support guides.