Skip to content
  • Need help answering chats? Hire chat agents for just $1/hr
  • Products
    • Live Chat
    • Chat Pages
    • Contacts
    • Knowledge Base
  • Services
    • Hire Chat Agents
    • Hire a Virtual Assistant
    • Virtual Assistant Use Cases
      • Bookkeeping and Finance VA
      • Digital Marketing VA
      • Executive and Personal VA
      • E-commerce VA
      • Health Services VA
      • Real Estate VA
      • Web Development VA
  • Customers
  • Partners
    • Become a Partner
    • Partner Directory
  • Resources
    • Help Center
    • Academy
      • Business Messaging Masterclass
      • Respond to a Chat
      • Setting Up Your Knowledge Base
    • Developers
    • Blog
  • Why Free?
  • English
    • Español
    • Italiano
    • Русский
    • Türkçe
Menu
  • Products
    • Live Chat
    • Chat Pages
    • Contacts
    • Knowledge Base
  • Services
    • Hire Chat Agents
    • Hire a Virtual Assistant
    • Virtual Assistant Use Cases
      • Bookkeeping and Finance VA
      • Digital Marketing VA
      • Executive and Personal VA
      • E-commerce VA
      • Health Services VA
      • Real Estate VA
      • Web Development VA
  • Customers
  • Partners
    • Become a Partner
    • Partner Directory
  • Resources
    • Help Center
    • Academy
      • Business Messaging Masterclass
      • Respond to a Chat
      • Setting Up Your Knowledge Base
    • Developers
    • Blog
  • Why Free?
  • English
    • Español
    • Italiano
    • Русский
    • Türkçe
Log in
Sign Up Free

101 - Business Messaging Masterclass

2. Widget Design

Contents
  • 1. Introduction
    30s

  • 2. Widget design
    3min

  • 3. Online, offline
    4min

  • 4. Pre-Chat Form
    3min

  • 5. Triggers
    3min

  • 6. Responding to chats
    2min

  • 7. Shortcuts And Tabs
    5min

  • 8. Three tips
    2min

  • 9. Team collaborating
    3min

  • 10. Features
    4min

  • 11. Conclusion
    1min

Menu
  • 1. Introduction
    30s

  • 2. Widget design
    3min

  • 3. Online, offline
    4min

  • 4. Pre-Chat Form
    3min

  • 5. Triggers
    3min

  • 6. Responding to chats
    2min

  • 7. Shortcuts And Tabs
    5min

  • 8. Three tips
    2min

  • 9. Team collaborating
    3min

  • 10. Features
    4min

  • 11. Conclusion
    1min

Previous
Next
Description
Links
Description

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

Links
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.
Description
Contents
Links
Description

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

Contents
Widget Design

Introduction Video: 30s

Widget Design Video: 3min

Online Offline Video: 4min

Pre-Chat Form Video: 3min

Triggers Video: 3min

Responding To Chats Video: 2min

Shortcuts And Tabs Video: 3min

Three Tips Video: 2min

Team Collaborating Video: 3min

Features Video: 4min

Conclusion Video: 1min

Links
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.

Get tawk.to

  • Web Browser
  • Windows
  • macOS
  • iOS & Android

Products

  • Live Chat
  • Chat Pages
  • Knowledge Base
  • Contacts - a Free CRM

Services

  • Hire Chat Agents
  • Hire a Virtual Assistant

Resources

  • Help Center
  • Academy
  • Developers
  • Status
  • Blog

About

  • Why Free?
  • Careers - Join Us!
  • Customers
  • Partners

Let's tawk?

The green widget you see below this text is the tawk.to live chat widget, if you click it you will see the window maximize and you will be able to chat with the tawk.to team 24×7-365. You can add a chat widget like this on your own site, with your own custom colors, messages, size, position and language. Click the widget and give it a try!

  • Privacy & Terms
  • Report Abuse
  • Contact Us
[language-switcher]
Linkedin-in Twitter Facebook-f Instagram Youtube Wordpress
© Copyright 2023 tawk.to, inc. All Rights Reserved. Various trademarks held by their respective owners.
[contact-form-7 id="2264" title="LeadGen"]