Tawk to Redesign

Hey there!

I’ve collected all design threads from this community into one video. Can we implement those changes? I see that they’re not too complicated and some of them are over a year old. I can even help you write the code.

Enjoy the video!

https://youtu.be/c22Dcf81B7o

https://streamable.com/wuydra

6 Likes

That redesign would be so awesome
It looks modern, and has nice helpful features

Congratulations :tada:

You should pitch the idea to @robert

2 Likes

@young.devil24 Hey Adam, this is great! Thanks for the amazing video and suggestions. I’ve shared it with the team, and we’ll assess these design suggestions for future updates.

2 Likes

Thank you so much! :blush: I’m really glad you like the redesign and the features. Your feedback means a lot! Yeah, I’ve already pitched the idea to the tawk.to team – fingers crossed it gets the green light! :tada:

Thank you! I’m really glad you liked the video and suggestions :blush: Appreciate you sharing it with the team. Looking forward to seeing how the design ideas might shape future updates!

On the side note could you share when you might be looking to implement those ideas? The rounded iframe corners and chat window animation alone would really take things to the next level!

1 Like

This video was great!

2 Likes

Thank you! :smile:‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎

Hi @kristaps ! I noticed you’ve been using Segoe UI for triggers already. Why did you switch back to Lato? Segoe UI looked so much cleaner and better—and, most importantly, it’s fine to use for commercial purposes.

Hi @young.devil24, we haven’t switched our font; it’s Lato, and we aren’t currently planning to change it.

As per the team, if the font on the widget switches to another, it might be because the server that hosts the font is unreachable, so it’s switched to a backup font. I’ve maybe seen this happen once or twice.

1 Like

Thank you so much for your response, I appreciate you consulting it with the team! @kristaps

I’d consider taking a deeper look into triggers either way. They are powerful tools to interact and engage with the customers when optimized correctly. I see that LiveChat, Intercom, Smartsupp and Tidio have made some changes, to make them more appealing.

It’s absolutely crucial to remember that average user’s attention span is getting shorter and shorter. Tawk.to triggers are great, but they do have lots of additional elements, which can and will draw user’s attention away from the message itself. This can be fixed really easily, even if we’d like to stick to the original font :smile: :

Most importantly, it doesn’t require any complicated coding to achieve. I mean for you - since there’s no CSS panel or changes allowed for user in the widget ://

(I’ve checked all the classes, so they should correspond if you add them to the direct document):

To round the corners ( you can adjust the value to make it look more wholesome, I can’t test it in real time, cuz again you don’t allow us to implement our own CSS :innocent: )

.tawk-card.tawk-card-small.tawk-has-avatar.tawk-box-shadow-xsmall.tawk-message.tawk-margin-auto-left {
    border-radius: 17px !important;
}

Remove timeago and flex classes

Trust me this is really distracting and just doing so will clean the whole design, but if you can’t remove them, you can just insert this code snippet:

.tawk-card .tawk-flex .flex-auto {
    display: none !important;
}

.tawk-card .tawk-flex .tawk-timeago {
    display: none !important;
}

You can check my Photoshop edit of it:
No classes edit

Then to add shadow:

.tawk-card.tawk-card-small.tawk-has-avatar.tawk-box-shadow-xsmall.tawk-message.tawk-margin-auto-left {
box-shadow: 0 4px 20px rgba(96, 70, 160, 0.07) !important;
}

For reference, I encourage you to take a look at other chat software triggers mentioned earlier :wink:. Of course these are just and only suggestions, but again implementing those changes will take a few seconds and will set your software miles apart from your competitors!

LiveChat
Smartsupp
Tidio

1 Like

basically any other app has a better design than tawk.to, but sometimes is not all about design but about function. and tawk.to does a pretty good job, except for the ticketing system which is terrible emails not arriving at gmail accounts. not language customization , I don’t know why there isn’t more complains about the NON existence ticketing system.

1 Like

Yeahh I mean, always keep in mind that it’s free. Funny though how their company backstory was how they started Tawk.to because they were unheard by other chat providers. :joy:

2 Likes

Hi, young devil do you happen to noticed the new design, is it just me or it is full of errors, going from not being able to change language of some texts, to the chat window being all distorted or the input text bar not showing at all making impossible for visitors to reply

png a jpg


png gratuito

Hey! I actually haven’t encountered this bug yet, although I am using chat widget in a very limited version (chat only without welcome screen, previous conversations, knowledge base or status (away, offline etc.).

I see that you’re using pre-chat form, maybe this caused the bug. :thinking: I mean, it kinda looks like they haven’t really integrated that feature to work correctly.

If the problem still persists, think I found well… Not a fix but at least a workaround to this issue. Try injecting this JS with your Tawk.to widget script. It’s from their documentation + a bit of my JS to limit it for desktop devices only:

It automatically maximizes the chat window whenever the agent sends a message — but only on desktop devices. We use this JS on our website and have never had any problems with chat input (apart from triggers, but it’s less of an issue, I mean they just removed this feature).

However, since we only use the chat for lead generation, we don’t have welcome screens or pre-chat forms. Those features lowered our engagement, so we decided to remove them and instead ask visitors directly during the chat.

Oh, it seems I can’t post JS here, check your inbox, maybe I’ll be able to send it there.

the message preview also looks horrible all chopped at the corner and there is no text input bar so visitors could easily reply. the “new design” is really a step back imo
Captura de pantalla de 2025-05-20 15-24-17

Hi @LEOHDZ, the issue should now be fixed, according to the team. Could you please test it out and let me know if everything is working as intended?

We’ll also discuss adding an option to choose whether or not you want to include the text input field within the message preview.

In the meantime, you can toggle the option “Disable message preview on Desktop”. It will then maximise the widget when a conversation is initiated.

Also, what do you think of the new widget design overall?

As with any release, a few bugs have surfaced, but the team is actively working to resolve them. If you spot anything else that’s broken, please let us know!

2 Likes

I personally love it; it’s so much cleaner and more professional. Now, the only remaining concern I have is lack of the text input bar under triggers, which significantly lowers visitor engagement. Other than that, I’m confident this new design will help us generate higher-quality leads. :sparkles::sparkles:

1 Like