Chat Widget: Appearance, Language & Customization

Want to personalise the first thing visitors see when they open your chat widget? In this video, learn how to customise greetings in tawk.to for Online, Away, and Offline states. We’ll also show you how to edit and manage Pre-Chat and Offline Forms to capture visitor info and improve your support.

Want your chat widget to match your brand? In this video, learn how to customise the appearance of your tawk.to widget for both desktop and mobile. We’ll show you how to adjust widget shape, size, and position, enable the Attention Grabber, and update colours using HEX codes for a consistent branded look. See how to: • Switch between circular and rectangular widget styles • Change widget position and text display • Customise desktop and mobile separately • Enable the Attention Grabber for higher engagement • Edit header and message bubble colours to match your brand

Want to make your chat widget stand out? In this video, learn how to customise the Attention Grabber in tawk.to. Choose from built-in designs or upload your own images to draw attention, highlight promotions, and invite more visitors to start conversations.

Want to make your chat widget more useful and engaging? In this video, learn how to use cards in tawk.to to add videos, forms, featured articles, search bars, and more. Create an interactive widget that helps visitors find answers faster and connect with your business easily.

Wondering how your chat widget looks to visitors? In this video, we’ll show you how widget settings, triggers, and the Pre-Chat Form shape the visitor experience in tawk.to — both inside the widget and when using the Direct Chat Link. Learn how greetings, active conversations, and trigger messages display depending on which cards are enabled. We’ll also cover how the Pre-Chat Form changes the flow, and why triggers behave differently when used with forms versus chat cards. By the end, you’ll know exactly what your customers see and how to fine-tune settings for smoother conversations.

Want your chat widget to speak your visitors’ language? This video shows how to change the Widget Language in tawk.to and customise on-widget text — headings, buttons, and Pre-Chat fields — per property. Updates apply instantly and won’t affect your Knowledge Base, Chat Pages, or Profile pages.

Make your chat widget match your brand. In this video, learn how to customise the appearance of your tawk.to chat widget for both desktop and mobile—from shapes and colours to layout and attention grabbers, with a live preview every step of the way.

No website? No problem. With a tawk.to chat page, you can start chatting with customers instantly using a free landing page hosted by tawk.to. In this video, you’ll learn how to create, customise, and share your chat page so visitors can connect with you anytime. We’ll cover: • How to set up a chat page for your property • Choosing a unique page identifier and custom URL • Adding your business details, logo, and social links • Customising the appearance with colours, content, and widgets • Enabling, disabling, and managing your page over time Your chat page can be shared in email signatures, on social profiles, or anywhere your customers are — giving you an instant way to start conversations.

Want customers to start a conversation with you instantly? In this video, learn how to find, share, and use your tawk.to Direct Chat Link, perfect for emails, social posts, and website buttons. Connect faster and make support just one click away.

Now you can control what visitors see first when your chat widget opens. This video walks through the new Widget Preferences setting and how to choose whether your widget lands on Home, Messages, or Chat every time it loads.

In this video, you’ll learn how to position a custom Attention Grabber in your tawk.to widget. We cover how to manually drag it into place in the widget preview, or set an exact position using the JavaScript API with the customStyle object.

Not sure whether to choose an inline or embed widget in tawk.to? In this video, we break down the difference between the two. Learn when to use the inline widget for site-wide support and when the embed widget is best for targeted, page-specific interactions.

Give your eyes a break. In this video, you’ll learn how to switch your tawk.to dashboard to Dark Mode, or set it to Auto so the theme follows your device settings.