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!

Ivan Zhuck

This lightweight plugin adds button “Tooltip” to the RichText toolbar.
Use it to paste popover tooltips over the words and phrases in your articles.
You can style tooltips with the admin settings page.
You can also style tooltips with CSS and using filters:
<pre><code>add_filter('izbet_style_text_color', function() { return '#247DE0'; });
add_filter('izbet_style_border_color', function() { return '#247DE0'; });
add_filter('izbet_style_tooltip_text_color', function() { return '#fff'; });
add_filter('izbet_style_tooltip_background_color', function() { return 'rgba(0, 010, 030, .85)'; });
add_filter('izbet_style_tooltip_font_size', function() { return '.8rem'; });
add_filter('izbet_style_tooltip_padding', function() { return '.6rem'; });
add_filter('izbet_style_tooltip_border_radius', function() { return '.3rem'; });
</code></pre>
<h3>How to contribute</h3>
If you want to help me develop the plugin please visit its repository on GitHub: <a href="https://github.com/IvanZhuck/wordpress-iz-bet" rel="nofollow ugc">https://github.com/IvanZhuck/wordpress-iz-bet</a>. The repository contains the source code and tools for development.

IZ Block Editor Tooltips


Works perfectly and is easy and intuitive to use.


Simple and intuitive


I am myself block plugins author, and after considering to use a plugin of mine for the purpose of putting tooltips in a table, I found this one better fit admin interface for this purpose. Also full source code provided! Good job!


Very useful!

An easy way to implement tooltip element in the WordPress Block Editor

Easy WP Tooltips vs IZ Block Editor Tooltips