Chris Roberts

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.
<h3>Shortcode Attributes</h3>
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.
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.
<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.

Tomas

Responsive Tooltips for WordPress: 
Tooltips are those helpful pop-up boxes that appear when someone hovers over a word, image, button, or any element on your site. With this plugin, you can turn almost anything into an interactive tooltip — text, photos, audio, video, Google Maps, QR codes, GIFs, PDFs, Wikipedia previews, YouTube, SoundCloud, and much more.
Whether it’s a word inside a blog post, a menu item, a WooCommerce description, an ACF field, a comment, or even an image in a gallery, your visitors can get extra information instantly without leaving the page.
👉 <a href="https://tooltips.org/wordpress-tooltip-plugin/wordpress-tooltips-demo/" rel="nofollow ugc">Tooltip Demos</a> | <a href="https://tooltips.org/wordpress-tooltip-plugin/wordpress-tooltip-plugin-document/" rel="nofollow ugc">Tooltip Document</a> | <a href="https://tooltips.org/contact-us/" rel="nofollow ugc">Tooltip Support</a> | <a href="https://tooltips.org/wordpress-tooltip-plugin/wordpress-tooltip-plugin-document/wordpress-tooltips-video-tutorials/" rel="nofollow ugc">Tooltip Video Tutorials</a> |
<h3>🌟 A Friendly, All-Purpose Tooltip Solution</h3>
When a visitor hovers over a tooltip term, a clean, responsive popup appears. Inside that tooltip window, you can place text, images, videos, audio players, buttons, social icons, PDFs, or any HTML you like using the standard WordPress editor.
You’re in full control. Manage all your tooltip terms and content from one easy admin panel. Add a keyword, write your content (or embed media), and the plugin will automatically detect and display that tooltip anywhere the term appears in your posts, pages, tags, menus, products, or other supported areas.
✨ [Detailed Feature List](<a href='https://tooltips.org/features-of-wordpress-tooltips-plugin/' rel="nofollow ugc">Tooltips for WordPress Features</a>)
<h3>📝 Shortcodes You Can Use When You Want More Control</h3>
You almost never need shortcodes, because detection is automatic — but shortcodes are available for maximum flexibility:
<h3>Basic Tooltip</h3>
[tooltips keyword=”Tooltips for WordPress” content=”A powerful, feature-rich tooltip plugin.”]
Or:
[tooltips content=”A powerful tooltip plugin.”]Tooltips for WordPress[/tooltips]
<h3>Tooltip by ID (Ideal for Page Builders)</h3>
[tooltip_by_id tooltip_id=”222″]
<h3>📘 Built-In Glossary & Directory System</h3>
Tooltips for WordPress includes a complete glossary/directory feature. Just add [glossary] to a page and you instantly get a dictionary-style list of all your tooltip terms—with optional images, alphabetical navigation, SEO-friendly index pages, and multi-language support.
You can display beautiful directories anywhere on your site using simple shortcodes: 
• [productdirectory] – shows a clean WooCommerce product directory 
• [joblistingtable] – lists jobs from the WP Job Manager plugin 
• [member_directory] – creates a friendly member directory 
• [postdirectory] – displays a post list on your wordpress site
If you use popular gallery plugins like NextGEN, tooltips will automatically appear for gallery image descriptions—no setup required. The plugin also works beautifully with Elementor, WPForms, TablePress, Contact Form 7, WooCommerce, ACF, pricing tables, and many more.
<h4>Live Demo of Tooltips for WordPress:</h4>
<li><a href='http://tooltips.org/wordpress-image-tooltips-demo/' rel="nofollow ugc">WordPress Image Tooltip Demo</a></li>
<li><a href='http://tooltips.org/wordpress-audio-tooltips-demo/' rel="nofollow ugc">WordPress Audio Tooltip Demo</a></li>
<li><a href='http://tooltips.org/wordpress-video-tooltips-demo/' rel="nofollow ugc">WordPress Video Tooltip Demo</a></li>
<li><a href='https://tooltips.org/how-to-customize-the-style-for-each-tooltip-with-wordpress-tooltips-pro/' rel="nofollow ugc">Customize Different Style For Each Tooltip</a></li>
<li><a href='https://tooltips.org/contact-us/' rel="nofollow ugc">Tooltip For Each Form Fields Demo, Just Hover Over Form Fields</a></li>
<li><a href='http://tooltips.org/wordpress-image-tooltips-demo/' rel="nofollow ugc">Tooltip To Menu Item Demo, Check “Try Demo” Menu Item</a></li>
<li><a href='https://tooltips.org/product/show-tooltips-in-woocommerce-products/' rel="nofollow ugc">Tooltip for WooCommerce Product Demo</a></li>
<li><a href='https://tooltips.org/how-to-add-multimedia-tooltip-to-an-image-using-tooltip-shortcode/' rel="nofollow ugc">Use Video / Video / Image As Tooltip For An Image</a></li>
<li><a href='http://tooltips.org/add-wordpress-tooltips-in-wordpress-post-title-demo/' rel="nofollow ugc">WordPress Add Tooltip To Post Title Demo</a></li>
<li><a href='http://tooltips.org/add-wordpress-tooltips-in-wordpress-post-tag/' rel="nofollow ugc">WordPress Add Tooltip To Post Tag Demo</a></li>
<li><a href='https://tooltips.org/wordpress-glossary-demo/' rel="nofollow ugc">WordPress Glossary Demo</a></li>
<li><a href='https://tooltips.org/add-tooltips-for-table/' rel="nofollow ugc">Add Tooltip In Table Demo</a></li>
<li><a href='https://tooltips.org/tooltips-for-pricing-table/' rel="nofollow ugc">Add Tooltip In Pricing Table Demo</a></li>
<li><a href='https://tooltips.org/tooltips-for-button/' rel="nofollow ugc">Add Tooltip In Button Demo</a></li>
<li><a href='https://tooltips.org/bullet-screen/' rel="nofollow ugc">Bullet Screen Demo</a></li>
<h3>Powerful Features, Simple to Use</h3>
<h3>⚙️ Highlights include:</h3>
<blockquote>
<ul>
<li>4 preset tooltip color schemes: Yellow, Light, Dark, Green. You can easily select tooltip color schemes with just one click in the tooltip settings panel in the admin area.</li>
<li>The Tooltips for WordPress plugin will automatically add tooltip effects to posts by default. It also supports manual insertion of tooltips in posts using shortcode.</li>
<li>Responsive tooltips</li>
<li>Various options to show tooltip animation effects.</li>
<li>enable/disable tooltips for images.</li>
<li>enable/disable tooltips for excerpts.</li>
<li>enable/disable tooltips in post tags.</li>
<li>enable/disable the “Tooltip Close Button.”</li>
<li>set up tooltip z-index value using a range slider.</li>
<li>set up tooltip Hook Priority value using a range slider. This allows Tooltips for WordPress to enhance the functionality of other WordPress plugins and display content generated by other plugins (following the WP the_content API) in the tooltip popup window.</li>
<li>Tooltip Keyword Matching Mode option: You can choose to show tooltips for the first matching tooltip term on the page or apply the tooltip effect to all matching keywords on the same page.</li>
<li>Tooltips for WordPress will automatically detect tooltip position to ensure that tooltips do not go off the screen. For example, if the tooltip word is located at the top of the page and part of the tooltip content exceeds the screen, our tooltip will be displayed at the bottom center of the tooltip word with truncated or off-screen content.</li>
<li>Tooltip Synonyms: You can enter all synonyms in the tooltip editor at once, and our tooltip plugin will detect these synonyms and add the same tooltip content for each synonym.</li>
<li>When the mouse hovers over the tooltip terms, a highlighted color with a transition effect will be displayed on the tooltip terms.</li>
<li>Display Tooltip in only one single category: You can set up the tooltip to show only in one category from a category dropdown menu, or display the tooltip site-wide. The tooltip shortcode is not limited, so there is still a chance to customize it manually.</li>
<li>Options to disable specific tooltip effects in HTML tags, such as h1, h2, h3, a, p, and more. This allows you to disable tooltips in widgets, links, and other elements.</li>
<li>Options to disable tooltips for selected Classes and IDs</li>
<li>enable/disable tooltips throughout the entire site.</li>
<li>enable/disable tooltips for category title.</li>
<li>enable/disable tooltips for buttons.</li>
<li>enable/disable Gutenberg for tooltips</li>
<li>Options to move the Tooltips for WordPress inline JavaScript code to the footer, increasing the page speed of WordPress pages.</li>
<li>Drag the tooltip widget to appear in the sidebar, where all tooltips will be listed.</li>
<li>Support for tooltip categories.</li>
<li>Support for category archive tooltips.</li>
<li>Create tooltips manually using the shortcode [tooltips]</li>
<li>Built-in Tooltip Global Settings.</li>
<li>Custom Tooltip font size</li>
<li>Knowledge Base</li>
<li>Easily create a glossary page with the shortcode [glossary].</li>
<li>Options to enable/disable images in the glossary page.</li>
<li>Options to enable a glossary index page that adds links for each tooltip term to improve SEO ranking. By default, the glossary index page is shown at http://yourdomain.com/glossary, but you can choose to disable it.</li>
<li>Options to select the glossary index page – by default, it is “glossary,” but you can select any WordPress page as your glossary index page from a dropdown menu listing all pages.</li>
<li>Options to enable/disable tooltips on the glossary index page and glossary term pages.</li>
<li>Glossary index page, SEO friendly: Our plugin generates a powerful glossary index page by default at http://yourdomain.com/glossary/, which supports page navigation and helps improve SEO ranking. You can enable/disable tooltip links in the tooltip popup box to further enhance SEO ranking.</li>
<li>Multi-language support for Glossary/Directory/List: English, Swedish, German, French, Finnish, Spanish, and more. You can choose your language in the optional settings.</li>
<li>Options in the glossary index page to display or hide digital superscripts in the navigation bar.</li>
<li>Option to hide images in the glossary list page.</li>
<li>Option to show or hide numbers in the glossary navigation bar – by default, the navigation bar displays letters and numbers to help users navigate the glossary, and you can choose to show or hide numbers in the settings panel.</li>
<li>Option to disable Tooltips for WordPress on the WordPress glossary page.</li>
<li>Option to make the WordPress glossary searchable or not.</li>
<li>Option to automatically link tooltip terms to the tooltip page.</li>
<li>Tooltip glossary language addon to assist in translating glossary words from English to your native language.</li>
<li>Option to use glossary excerpt or full content in glossary pages</li>
<li>Option to bulk remove glossary terms from glossary directory</li>
<li>Custom glossary Nav Bar font size, glossary term font size</li>
<li>Option to show or hide numbers in the glossary navigation bar – by default, the navigation bar displays letters and numbers to help users navigate the glossary, you can choose to show or hide numbers in the settings panel.</li>
<li>Option to hide letters in glossary navigation bar which have no item</li>
<li>Option to enable / disable navigation bar in glossary</li>
<li>Enable / disable tooltip effect on left/right column of glossary table</li>
<li>Enable / disable Glossary term capitalization</li>
<li>Option to open glossary item in new window</li>
<li>Option to open read-more in new window</li>
<li>Option to display category name in glossary</li>
<li>Option to add category link in glossary</li>
<li>Custom glossary item order</li>
<li>Tooltip Contact Form 7 addon to add tooltip effects for Contact Form 7 labels.</li>
<li>Enable / disable tooltips on mobile devices.</li>
<li>Option to enable/disable accessing tooltips using the tab key to support Web Content Accessibility Guidelines 2.0 (WCAG 2.0).</li>
<li>Compatibility with various themes, such as Enfold, Divi, and more. For advanced themes, we offer tooltip addons, such as the Tooltip for OceanWP Theme addon.</li>
<li>Create an unlimited number of tooltips as needed.</li>
<li>Support for multiple tooltips on a single page.</li>
<li>Support the creation of a member directory via the shortcode [member_directory], with options to enable specific user roles to show in the user member directory, and the option to bulk remove users from the member directory. 
 <a href="https://tooltips.org/how-to-create-a-member-directory-via-wordpress-tooltip/" rel="nofollow ugc">Member directory documentation</a></li>
<li>Support the creation of a post directory via the shortcode [postdirectory], with options to limit the total number of posts in the post directory, and to only display posts with a specified post category ID or name. 
 <a href="https://tooltips.org/how-to-limit-the-total-number-of-posts-in-post-directory-using-the-shortcode-how-to-display-only-the-posts-with-a-specified-post-category-id-how-to-display-only-the-posts-with-a-specified-post-categ/" rel="nofollow ugc">Post directory documentation</a> </li>
<li>Admin-friendly – we have added guided tips for each setting option. When you hover over the question mark next to a setting option, a text description will be displayed to explain the usage of that setting option.</li>
<li>Super easy implementation</li>
<li>Minified CSS and JavaScript codes to speed up the loading time of WordPress glossary pages.</li>
<li>Knowledge Base menu item to help you understand how to use Tooltips for WordPress quickly.</li>
<li>Support for translating the Tooltips for WordPress plugin content and launching localized versions. .po files can be found in the languages folder.</li>
<li>and more…</li>
</ul>
</blockquote>
<h3>💛 Designed to Be Easy</h3>
Tooltips for WordPress is built to be fast, friendly, and effortless. Most users have tooltips working within minutes, and the plugin continues to grow with new improvements and features based on user feedback.
Give it a try and experience how much clarity, interaction, and polish tooltips can bring to your website.
We warmly welcome your comments, ideas, and feature requests.
<h4>✨ More Features of Tooltips for WordPress — Pro & Pro Plus:</h4>
>
<blockquote>
🎵 <a href='https://tooltips.org/features-of-wordpress-tooltips-plugin/' rel="nofollow ugc">Tooltips for WordPress Features</a>
🎵 Built in 2009 and continuously improved for 16+ years — now a complete N-in-1 toolkit with tooltips, glossaries, directories, listings, WooCommerce tools, and more.
🎵 600+ releases, trusted long-term stability, and reliable support with over 1,000 multilingual docs and videos.
🎵 Lifetime Upgrades, Unlimited Downloads — $9 only, One Time Payment
</blockquote>
💡 Plug & Play Simplicity
Create powerful, beautiful tooltips in minutes — no setup required.
💡 400+ Configuration Options
Every detail is customizable. Fine-tune your tooltips until they look exactly the way you want.
💡 Tooltips for Everything
Posts, menus, icons, titles, videos, audio, tables, pricing tables, galleries, buttons, forms, social networks… 
If it’s on your site, you can add a tooltip to it.
💡 Endless Content Possibilities
Use videos, audio, charts, images, GIFs, PDFs, galleries, QR codes, or data from external APIs. 
Perfect for tutorials, product guides, FAQs, and documentation.
💡 Smart Integrations
Seamlessly connects with ChatGPT, Wikipedia, WooCommerce, YouTube, SoundCloud, Unsplash, ACF, Polylang, Font Awesome, and many more.
💡 AI-Powered Auto Content
Automatically write WordPress posts and tooltip content using OpenAI / ChatGPT — save hours of work.
💡 Advanced Tooltip Design Control
50+ design settings:
Fonts, colors, backgrounds
Borders, radius, shadows
Width, position, alignment
Underlines, animations
Padding, margins
Titles, close buttons
And more 
Plus, each tooltip can have its own unique style.
💡 Rich Media Tooltip Types
Create tooltip icons from 2,000+ Font Awesome icons, SVG tooltips, GIF tooltips, Dashicon tooltips, PDF tooltips, gallery image tooltips, and more.
💡 Perfect Page-Builder Support
Works beautifully with Elementor, Gutenberg, Beaver Builder, Divi, Brizy, and all major builders.
💡 Fast, Clean, Optimized Code
Loads only what’s needed. Supports inline/footer JS, static files, and advanced CSS/JS optimization.
💡 Multilingual-Ready
Full support for Polylang and translation of all tooltip content.
💡 Central Control Panel
Manage tooltips, glossary terms, directories, and settings from one easy dashboard.
💡 Powerful Glossary System
Create beautiful, SEO-friendly glossaries with alphabetical navigation and rich content. 
Supports key-value glossary styles, stacked list style, Bootstrap glossary, and 50+ customization options.
💡 Build Directories From Anything
Create glossaries/directories from any custom post type
Build directories from any MySQL table with unlimited fields
Flexible shortcode system for tooltips, glossaries, and directories
💛 Fully Optimized for WooCommerce — Boost Sales With Smart Tooltips
Our tooltip engine is tailored to WooCommerce. Add interactive tooltips to:
Product titles
Product descriptions
Pricing tables
Attributes & tags
Additional Information tab
Product galleries
Custom product fields
Each tooltip can include video demos, audio previews, QR-code purchase links, size guides, live streams, promo banners, or any HTML — giving shoppers instant context without leaving the page.
You can even:
Show WooCommerce products inside tooltips
Add Add to Cart buttons directly in tooltips
Display product galleries or quick details
Highlight upsells and cross-sells
Build Product Directories and Product Glossaries
Create tooltip-powered product lists and category directories
This gives your store richer product previews, easier browsing, and higher conversions — all with a friendlier shopping experience.
📚 <a href='https://tooltips.org/product/show-tooltips-in-woocommerce-products/' rel="nofollow ugc">Tooltip for WooCommerce Product Demo</a>
… and more
<h3>Download</h3>
https://tooltips.org/product/wordpress-tooltips-plugin-free/

Tooltips for WordPress

Add custom tooltip automatically for post's content/title/tag/excerpt/gallery/menu, easily add image / video / audio / social/link tooltips

Tippy vs Tooltips for WordPress