Widget design

Hey, everyone. In this video, we are going to cover widget design — how the widget looks on your website.

You can completely customize the design of your tawk.to widget.

Click on the ‘Administration’ (Gear) icon in the upper menu of the dashboard. Then click ‘Chat Widget.’ Under ‘Widget Appearance,’ click ‘Advanced.’

From here you can change the following:

– Where the widget is positioned on your website  
– The type of widget for desktop and mobile
– The size of the widget, both when it’s minimized and maximized
– The color of the widget

You can even add an Attention Grabber to your widget. Check it out — there are so many to choose from. If you prefer, you can upload your own image as the Attention Grabber.

When considering your widget design, I want you to keep in mind these three tips:

1. Always try and place your widget in the bottom right-hand corner of the website. It’s where your visitors are going to look for it.

2. There’s a tendency to make the chat widget the same color as your website or to make it blend really well with the website. This can be a huge mistake because it camouflages the widget and then people don’t actually notice it. Instead, you want your chat widget to stand out.

People report higher feelings of trust and confidence when they see that live chat is available on a website. So you have to make sure that they know it’s there. And this leads to my next point …

3. Use an Attention Grabber. It’s going to make your chat widget stand out, and as I mentioned, you can even upload your own image if you prefer.

Finally, once you’ve created your design, don’t forget to go back to your website and check it out. See how it looks. Make sure you scroll up and down the page and visit other pages as well to make sure it fits with your website.

For more information or for links to the relevant articles in our Help Center, please check out the resources below. We also have 24×7 live chat available on our website.

Up next, we’re going to talk about “being online” for when those chats come in.

Learn More:

Changing the appearance of the chat widget

Enabling the Attention Grabber

Customize The Chat Widget

Here is a video showing you how to customize the visitor widget that appears on your website.

Enabling the Attention Grabber

Here is a video showing you how to Customize the Visitor Widget and Attention Grabber.