![](https://cdn.prod.website-files.com/618a182287e8f00dbb1aff52/63c83ea1ec419217600e13b0_tooltips-s.png)
Overview
Simple way to create tooltips in Webflow using the Tippy.js library.
1. Give the element a class
Give the element where you want the tooltip to appear a class. I called mine "link".
![](https://cdn.prod.website-files.com/618a182287e8f00dbb1aff52/64def520f1a1c4467c9b5a1b_tip-tooltips-1.gif)
2. Paste the code
Open Home Settings and paste the following code code (tippy.js) before the </body> tag.
Type the class name that you picked in the previous step.
![](https://cdn.prod.website-files.com/618a182287e8f00dbb1aff52/64defb092e4dcbff8ff90e83_CleanShot%202023-08-18%20at%2000.00.21%402x.png)
3. Add Custom Attribute
Go to Element Settings and add the following Custom Attribute.
data-tippy-content = "Your content"
![](https://cdn.prod.website-files.com/618a182287e8f00dbb1aff52/64defac9bcb55420e8668832_CleanShot%202023-08-17%20at%2023.59.18%402x.png)
4. Publish and enjoy!
In order for them to work you have to publish your project.
![](https://cdn.prod.website-files.com/618a182287e8f00dbb1aff52/64def75c3240d6e100f73076_tip-tooltips-4.gif)