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

4 Likes

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

Congratulations :tada:

You should pitch the idea to @robert

1 Like

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

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