Chris Roberts

<p>This plugin allows users to create custom popups or tooltips in their posts. The style and behavior of the tooltip are highly configurable through CSS and through the WordPress dashboard.</p>
<h3>Shortcode Attributes</h3>
<p>The following options can all be included as attributes in your shortcode. Default values, when applicable, are shown in parenthesis. Multiple possible values are listed in parenthesis with the default first.</p>
<p>Note that even though some of the attributes have changed from older versions, the old attributes should continue to work. You will not need to update shortcodes that use the old names.</p>
<ul>
<li>autoshow (false/true): If true, the tooltip or tooltips will automatically show when the page loads.</li>
<li>showtitle (false/true): Whether or not to use the title attribute in links. Good for accessibility, bad for visibility.</li>
<li>hoverpopup (true/false): If true, tooltip displays when hovering over the link. If false, tooltip displays when the link is clicked.</li>
<li>showdelay (100): Adds a slight delay before displaying the tooltip to prevent popping up tooltips when the mouse moves across the page.</li>
<li>showspeed (200): How long it takes in ms for the tooltip to fade in.</li>
<li>hidespeed (200): How long it takes in ms for the tooltip to fade out.</li>
<li>autoclose (true/false): Whether or not the tooltip should automatically close after a delay.</li>
<li>hidedelay (1000): How long it takes in ms before the tooltip begins to auto fade out.</li>
<li>container: By default, the tooltip is placed in the DOM right where you set it but if you want to use Tippy for specific positioning, you can change its parent element by specifying a CSS selector here.</li>
<li>position (link/mouse/css position value): Specifies where the tooltip should be positioned. If set to link or mouse, the x and y values are automatically determined.</li>
<li>top: Useful when position set to fixed, absolute, or relative.</li>
<li>bottom: Useful when position set to fixed, absolute, or relative.</li>
<li>left: Useful when position set to fixed, absolute, or relative.</li>
<li>right: Useful when position set to fixed, absolute, or relative.</li>
<li>offsetx (10): Set a default horizontal offset for the tooltip position. Useful when position set to link or mouse.</li>
<li>offsety (10): Set a default vertical offset for the tooltip position. Useful when position set to link or mouse.</li>
<li>width: Specify a width for the tooltip. The default is set in jquery.tippy.css.</li>
<li>height: Specify a height for the tooltip. The default is set in jquery.tippy.css.</li>
<li>draggable (false/true): Allow visitors to drag the tooltip around. Useful when autoclose is false. Requires jQuery UI.</li>
<li>dragheader (true/false): If draging is enabled and this is set to true, tooltip will only be draggable from the header bar. If false, visitors can drag from any part of the tooltip.</li>
<li>anchor: Optional CSS selector specifying the link element that will trigger Tippy.</li>
<li>title: Sets the text shown on the link and in the header.</li>
<li>swaptitle: Alternate title to use when the visitor hovers over the link.</li>
<li>img: Tippy can be used with images rather than text; set img to the url of an image to display Tippy on an image.</li>
<li>swapimg: Like swaptitle, swapimg switches to an alternate image when a visitor hovers over the link.</li>
<li>href: If href is set, the Tippy link will point to this url.</li>
<li>target: Specifies the link target for the Tippy link.</li>
<li>showheader (true/false): Whether or not the tooltip should show a header.</li>
<li>headertitle: By default, the header is set to the tooltip title. With headertitle, you can set specific text for the title.</li>
<li>headerhref: If headerhref is set, the tooltip header text will be a link pointing to this url.</li>
<li>showclose (true/false): Whether or not the tooltip have a close link. Usefor for mobile devices or when autoclose is false.</li>
<li>closetext (‘close’): The text to display for the close link.</li>
<li>calcpos (‘parent/document’): Calculate the tooltip link position relative to its parent or to the whole document.</li>
<li>alttrigger: Specify an element to use as additional triggers for the tooltip. Be sure to include . or # – ie: .triggerClass or #triggerId.</li>
</ul>


Tippy

Allows users to turn text into a tooltip or popup using a special [tippy] tag.

Jamel.Z

<ul>
<li>This plugin allows you automatically create responsive tooltip boxes for your technical keywords in order to explain them for your site visitors making surfing more comfortable.</li>
<li>With shortcode Glossary [tooltip_glossary]</li>
</ul>
<blockquote>
<h4>DEMO</h4>
<ul>
<li><a href="https://wpjam.co/tooltipy" rel="nofollow ugc">Live DEMO</a></li>
<li>Admin Live DEMO : will be available soon…</li>
<li>user      : demo</li>
<li>password  : demo</li>
</ul>
</blockquote>
<h4>Check How to add a keyword with KTTG on this 2 minutes video.</h4>
<p><iframe loading="lazy" title="Tooltipy (KTTG) : Add new keyword" width="750" height="563" src="https://www.youtube.com/embed/JBdyLKa4DMI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h4>New Features</h4>
<ul>
<li>Now you can add CSS classes to inline keywords and popups, suggested by <a href="https://wordpress.org/support/topic/have-everything-i-need" rel="ugc">Dima Stefantsov</a> </li>
<li>Multi CSS classes added to keywords and popups so you can easily style you keywords (you can style a specific keyword, keywords from a specific catégorie -family- or a keyword depending on if it contains youtube video or not…)</li>
<li>v3.0 keywords appear anywhere on your site not only on the post content, on heders footers and even in widgets</li>
<li>Now it works with Japanese and Chinese languages thanks to <a href="https://wordpress.org/support/topic/not-works-in-langs-without-space-separation?replies=1#post-7249845" rel="ugc">Plugmon</a></li>
<li>KTTG is now responsive (for devices lesst then 400px)</li>
<li>new click method trigger</li>
<li>Custom glossary link page label</li>
<li>New glossary : content is listed under the keywords (thanks for <a href="https://profiles.wordpress.org/kaisersoze13" rel="nofollow ugc">KaiserSoze13</a> )</li>
<li>Now you are able to generate shortcodes on the tooltips, thanks to <a href="http://www.columbuscook.com" rel="nofollow ugc">ColumbusCook</a></li>
</ul>
<h4>Features</h4>
<ul>
<li>v3.0 keywords appear anywhere on your site not only on the post content, on heders footers and even in widgets</li>
<li>Several Animations provided (on settings page) thanks to <a href="https://github.com/daneden/animate.css" rel="nofollow ugc">Animate.css</a></li>
<li>Supports Unicode characters (Arabic, Russian …)</li>
<li>Bugs fixed (apostrophe issue, error messages …)</li>
<li>Glossary page new settings (keywords per page, labels …)</li>
<li>Tooltip width setting</li>
<li>Close button tooltip</li>
<li>Dotted style is now available for keywords (from v2.1.8)</li>
<li>It’s very simple: After installing and activating the plugin you only need to add your keywords (KeyWord, description, image) the rest is magic</li>
<li>From the settings Customize the style of the tooltips depending on the color scheme of your site</li>
<li>The widget will display the list of keywords related to the current post on your sidebar</li>
<li>Decide if you want to apply the plugin for posts and/or pages</li>
<li>Case insensitive fetch</li>
<li>A list of related keywords will be updated after each post/keyWord manipulation</li>
<li>allow to choose to Match all occurrences or once in the same post from the settings page</li>
<li>activate or desactivate a specific post being matched by keywors</li>
<li>list excluded posts in a new tab in the admin setting page</li>
<li>supports synonyms</li>
<li>related posts metaBox in the Keyword edit page</li>
<li>keywords in concern metaBox in the post edit page</li>
<li>Keywords Converter tool (nemu : Tools -> KTTG Converter), allows you to import keywords from third party plugins adding them to your glossary</li>
<li>Style settings (real time preview)</li>
<li>Checkbox to add or remove background color</li>
<li>images tooltip with the ‘alt’ property in content (v2.1.5)</li>
<li>Glossary support ShortCode [tooltip_glossary]</li>
<li>Support case sensitive (as a metabox)</li>
<li>match all synonyms when check match once</li>
<li>Tooltip Positions setting provided (Top, Bottom, Right, Left)</li>
<li>New Setting show/hide a link to the glossary page</li>
</ul>
<h4>Languages</h4>
<p>The plugin is available in these languages :</p>
<ul>
<li>English – <a href="http://www.tooltipy.com" rel="nofollow ugc">Jamel Zarga</a> my self 🙂</li>
<li>French (fr_FR) – <a href="http://www.tooltipy.com" rel="nofollow ugc">Jamel Zarga</a></li>
<li>German (de_DE) – <a href="www.Zwilla-Research.com" rel="nofollow ugc">Michael Padilla</a></li>
<li>Arabic (ar) – <a href="http://www.tooltipy.com" rel="nofollow ugc">Jamel Zarga</a></li>
<li>Dutch (nl_NL) – <a href="http://www.slotschaesberg.nl" rel="nofollow ugc">Kees Hessels</a></li>
<li>Turkish (tr_TR) – Eyyüp Güner</li>
<li>Italian (it_IT) – <a href="https://profiles.wordpress.org/genioallopera" rel="nofollow ugc">Genioallopera</a></li>
<li>Spanish (es_ES) – Andrew Kurtis – <a href="http://www.webhostinghub.com" rel="nofollow ugc">WebHostingHub.com</a></li>
<li>Chinese (zh_cn) – Zchen – <a href="https://www.zchen.info" rel="nofollow ugc">zchen.info</a></li>
</ul>
<h4>ScreenShots</h4>
<ul>
<li><a href="https://wordpress.org/plugins/bluet-keywords-tooltip-generator/screenshots/" rel="ugc">Screenshots Here</a></li>
</ul>
<h4>Support</h4>
<ul>
<li><a href="https://wordpress.org/support/plugin/bluet-keywords-tooltip-generator" rel="ugc">Support</a></li>
</ul>


Tooltipy (tooltips for WP)

Tooltipy allows you to highlight the keywords in your content in order to show a responsive description tooltips

Tippy vs Tooltipy (tooltips for WP)