Using Tooltips on your Website


Tooltips aid the User Experience of your website by allowing you to add a bit more information to help guide visitors.

Using Tooltips on your Website

Sometimes the User Experience (UX) of your website needs a nudge - a bit more information in case the user doesn't know where to go next. Tooltips allow you to add a bit more information to help guide your website visitors through the User Experience.

Below is the HTML, CSS, and JavaScript required.

Step 1 - Add the HTML below to your website and modify the tooltip placement and content accordingly.


Step 2 - Download the CSS below and include it in your web page

  tooltips.css

Step 3 - Add the JavaScript below to your web page to initialize the Tooltip plugin.


Step 4 - Add the includes below to the header of your webpage to initialize Bootstrap and jQuery.

Author

Matthieu McClintock
Contributions Editor here at Solodev. Want to be featured on the Solodev Blog? Get in touch.
Follow me on Twitter

Get started today

Join people and businesses across the globe that trust Solodev.

We never share your information with anyone. Learn more

We use cookies to provide and improve our services. By using our site, you consent to cookies.