Hover over elements to see how tooltips appear
Click the elements to see the tooltip
Paste the following code into the "Custom code" section inside Webflow Site settings:
At the end of the </head> tag
Before </body> tag:
Your custom code section should look like this:
Add tooltips in Webflow Designer by using custom attributes
You can use other directions: top, right, bottom, left
Add tooltips with a delay by adding a suffix to the attribute - for example tooltipster="top-delay"
Add tooltips on click by adding a suffix to the attribute - for example tooltipster="top-on-click"
Don't forget to publish your website. Custom code only works in published version, not in Webflow preview
Boom! Tooltips will work after publish!