Wouter Postma

This plugin uses the <a href="https://chrisbracco.com/a-simple-css-tooltip/" rel="nofollow ugc">Simple CSS tooltips</a> by Chris Bracco and a shortcode to create simple tooltips. You can define a link, tooltip location and more in the shortcode.
<ul>
<li><a href="https://profiles.wordpress.org/wouterpostmanl#content-plugins" rel="nofollow ugc">View my other plugins</a></li>
</ul>
To add a tooltip to your website, please install and activate the plugin. 
Then use the shortcode to add a tooltip:
<pre><code>[tooltip text="The tooltip"]The text[/tooltip]
</code></pre>
The above shortcode will add a simple tooltip on top of “The text”. 
If you want to include a link or change the location of the tooltip, this is possible by using the following attributes in your shortcode:
<pre><code>[tooltip text="The tooltip" location="right" href="https://example.com/" rel="nofollow"]The text[/tooltip]
</code></pre>
The location can either be top, right, left or bottom. If you don’t enter a location, the default location (top) will be used. 
As you can see it is also possible to add rel=”nofollow” to your link. 
If you don’t enter a link, the text will link to “#”.

Easy WP Tooltips

Add tooltips to your content easily using a simple shortcode!

inventive3d

Inventive gravity forms tooltips, transforms gravity forms description into a tooltip. 
When you hover on a gravity forms input, a tooltip will show.
<a href="http://www.artieinventive.it/bottega/shop/idee-per-matrimonio/album-fotografico-in-legno-con-scritte-personalizzate/" rel="nofollow ugc">Demo</a>
To do: administrative options (colors, dimensions, position etc)

Inventive gravity forms tooltip

It works without problem with gravity forms, inventive woocommerce discounts, inventive woocommerce text customizer.
It transforms description field into a tooltip, simple as that.



Useful

Inventive gravity forms tooltips, transforms gravity forms description into a tooltip.

Easy WP Tooltips vs Inventive gravity forms tooltip