Easily Add Tooltips to a Webflow Website

Learn how you can easily add tooltips to any page on your Webflow website in just a couple of minutes, and then style it suit your brand.

📐Template used

🔗 Links

👋🏻 Where to find me

[jayovalkyrie]

Super tutorial!! 😎
It's probably due to a Webflow update, but I cannot add a link in the value. Its says "Cannot contain double quotes".
Do you have another way of adding a link to a tootip?

[TheAndrewmcgrath]

This works amazingly and is super easy to implement! I added it to an 'i' icon instead, thank you!!

[pascal]

Amazing Nikolai! You're crushing it!😍💛

[puneethar]

Great! Always wanted to customize my tooltips!
I was doing it a bit differently without the custom code though.
Basically, just select the desired element and add a "title" attribute for the name. And add the text you want to show for the value. But I guess it's not a tooltip, as it defaults to the browser's styling!
Loved your video!
Keep it rolling mate! :)

[JanoWanner]

Hi, one question: How do I adjust the font of the tooltip content? Any tipps on that?

[Anamaria.m]

Thanks for uploading this awesome video.

[KaneGarland]

More custom code videos!! This is awesome

[poncardas]

Hello Nikolai! Can you please do a tutorial on how to make those comparison table? Thanks

[PabloGonzalez-pb]

Amazing!!! Did yo know hoy to create a custom theme?

[emcquesten]

Nikolai, thank you for this! Quick question: how do you style the link inside of the tooltip?

[IceXuick]

Great!
But this doesn't work in rich-text fields?

I have a large quantity of internal links and i want to add hover/tooltips on all links inside all links in rich-text (within CMS items).
I'd suspect something like reading the target-link, and using the target page title + og-media to populate the tooltip.
That's it.

But i can't seem to find something that works like that.

[chakhmanmohamed]

Hello Nikolai. Can you please tell me how you made that pricing table. Grid, flex? How did you structure it?

[babusgabriel]

Any advice on how to use this for images?

[steveworrell]

Hi Nikolai. I seem to have copied all your steps but it's not working. The only difference is I am not using the finsweet plugin and just used the webflow page settings, presumably this shouldn't be a problem?