Josef
(William)
September 25, 2018, 12:56pm
1
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:
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
Josef
(William)
September 25, 2018, 3:44pm
3
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
DuncanHamra
(from Memberstack)
January 27, 2025, 4:50pm
7
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!