Help Centre

Support > Designing and Building Your Website > Adding Your Content

How To Add Tawk.to Live Chat To Your Website

Connecting with your customers is becoming an increasingly important part of the online sales process. One of the best ways to be able to do this effectively is through a live chat feature on your website.

Tawk.to is a great option that offers this functionality. Their widget is easy to set up on your Create site and allows you to respond to your customer’s questions instantly from your desktop, phone or tablet. 

You can also customise the colours and format of your widget to match the look of your website, as well as track your live chat statistics such as the volume of messages, response time and user satisfaction.

 

How To Obtain Your Live Chat Code

  1. Sign up to Tawk.to.

  2. Complete the 4-step process to set up your account.

  3. copy the section of code at the end of this process.

 Obtaining tawk.to's live chat widget code

 

How To Add Your Live Chat Code To Your Website

  1. Log into your Create Account

  2. Select "Content" on the Top Menu

  3. Click "HTML fragments" from the left-hand menu

  4. Click on the "New HTML Fragment" button at the top of the screen

  5. Give the HTML Fragment a description for reference (e.g. Live Chat Widget)

  6. Paste your HTML code from Tawk.to into the large "HTML Code" box

  7. In the “Type” section, select the “manual” option

  8. Click “Add HTML Fragment”

  9. Click “Site Footer” from the left-hand menu

  10. Add your HTML Fragment to the “Custom Footer Content” and click “Save Changes”

Adding A HTML Fragment To Your Site Footer

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

 

How To Customise Your Live Chat Widget

In your Tawk.to settings, you can customise the style, size, position and colours of the chat icon on your website. This helps you to develop your widget so that it matches your brand styling and helps it to stand out against any background you are using on your website. Here’s how to change your live chat widget: 

  1. Log into Tawk.to

  2. Click “Settings” from the left-hand menu

  3. Click “Widget Appearance” from the “Channels” section on the right-hand side.

Tawk.to Dashboard Settings

  1. Customise your widget using the options provided

All changes made to your widget in the Tawk.to dashboard will automatically take effect on your Create site without you needing to republish. 

More Questions?

If you have any further questions, please get in touch and we will be happy to help.

Get in Touch