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

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!


Alternatives to IZ Block Editor Tooltips

Top alternatives