Tooltips in Webflow
Easily add tooltips to your webflow website with one simple attribute
Instructions
Firstly, make sure you have the VisualDX script in your <head>. Checkout the Quick Start for how to do this.
Add a tooltip with position bottom.
Add the attribute vdx-tooltip-bottom as a custom attributes Name to any Webflow element.
Add text to the custom attributes Value. This is the text that will display in your tooltip.
Add a tooltip with position top.
Add the attribute vdx-tooltip-top as a custom attributes Name to any Webflow element.
Add text to the custom attributes Value. This is the text that will display in your tooltip.
Add a tooltip with position right.
Add the attribute vdx-tooltip-right as a custom attributes Name to any Webflow element.
Add text to the custom attributes Value. This is the text that will display in your tooltip.
Add a tooltip with position left
Add the attribute vdx-tooltip-left as a custom attributes Name to any Webflow element.
Add text to the custom attributes Value. This is the text that will display in your tooltip.