Browser tooltip - “title” global attribute

Hi,

I am trying to figure out how browser tooltips work and if I can create one with Webflow. On many websites if you hover over an element (let’s say a button) and wait a bit, a standard tooltip will appear: 29
How can I add such tooltips using webflow?

title” global attribute

The title global attribute contains text representing advisory information, related to the element it belongs to.

The tooltip text is shown when the mouse moves over the element.

https://university.webflow.com/article/how-to-add-custom-attributes-to-an-element-in-webflow

Custom tooltip

Start here:
https://webflow.com/blog/how-to-build-tooltips

-OR- by custom code plugins like popper/tippyjs :
https://popper.js.org/tooltip-examples.html

1 Like

Thank you so much! That’s exactly what I need!

1 Like

Great. Mark as solution for future searches about this topic + close this topic. Thanks

One of our customers had a similar question so we wrote a script that allows you to easily add tooltips to a Webflow site.

Here is a link to the tutorial video that walks you through the question, and then the solution from start to finish.

Please feel free to tag me if you have any questions!

Happy Monday!