WordPress Tooltips

Description

Responsive WordPress Tooltips:
Tooltips are small popup boxes that display additional information such as text, video, audio, images, Google Maps, QR codes, links, Wikipedia, Youtube, Soundcloud, PDFs, GIFs, SVGs…and more. These tooltips will appear when users hover over an element on your pages. The element could be a word in your post, an image on your page, post title, post tag, a search form input box, a word in a menu item, a widget in your sidebar, a label in a contact form, a word in a WooCommerce description or WooCommerce additional information tab, ACF tooltips, a word in a comment, fields in a pricing table, WordPress buttons, or multimedia content for an image or gallery… and so on.

👉 Tooltip Video Tutorials | Tooltip Demos | Tooltip Document | Tooltip Support

WordPress Tooltip

WordPress Glossary

When a user hovers over an item with the pointer, a tooltip box will appear. You can add text, images, videos, radio buttons, audio players, social links, and more to the tooltip box. Tooltips can be added to various elements such as post titles, post content, post excerpts, post tags, WordPress archives, WordPress menu items, galleries, and so on.
WordPress Tooltip also supports a glossary feature – simply insert the shortcode [glossary] in any page or post. A screenshot can be found at this link — https://ps.w.org/wordpress-tooltips/assets/screenshot-6.png.

WordPress Tooltip is a simple, quick, lightweight, and powerful jQuery tooltip solution that is very user-friendly. You can easily add any HTML content using the standard WordPress WYSIWYG editor. For example, you can add a PDF, video player, audio player, image, social link, payment QR code, and more.

You can easily and quickly manage all tooltip keywords and content centrally in one admin panel. Simply input the keyword in the title field and the video/radio/text/image/links in the WordPress Tooltip WYSIWYG editor. The WordPress Tooltip plugin will detect your tooltip keywords in the frontend elements such as post content, post title, post tags, menu item… and more, and automatically apply the tooltip effect to the tooltip terms.

In general, you do not need a tooltip shortcode because the WordPress Tooltips plugin will automatically add tooltip effects for tooltip terms. However, you can use tooltip and glossary shortcodes like this:
Shortcode [tooltips]:

[tooltips keyword=”wordpress tooltips” content=”WordPress Tooltips is a rich-featured WordPress tooltip plugin.”]
or
[tooltips content=”WordPress Tooltips is a rich-featured WordPress tooltip plugin”]wordpress tooltips[/tooltips]

Shortcode [tooltip_by_id]:
[tooltip_by_id tooltip_id=’222′]
‘222’ is the post ID of the tooltip, which you can find in the WYSIWYG tooltips editor. Using this method, you can edit multimedia content in the WordPress Tooltip WYSIWYG editor, and insert tooltip effects with multimedia into the page builder (Gutenberg, Elementor, Beaver, Visual Composer…), WordPress posts, or other compatible plugins (WooCommerce, WPForms…) through the [tooltip_by_id] shortcode.

Shortcode [glossary] and [tooltiplist] — you can insert these shortcode into any wordpress post to build a glossary quickly

For more details, please check document of wordpress tooltip shortcode

For gallery users, such as NextGen, you do not need to do anything. Our WordPress Tooltip plugin will automatically detect the NextGen descriptions and display them as tooltips when users hover over the NextGen gallery images. Additionally, our plugin supports many other gallery/slideshow plugins. You can configure tooltip management options in the Tooltips Global Settings panel.

WordPress Tooltips also support many other amazing plugins. Users have told us that they are adding WordPress Tooltip effects to Elementor page builder, TablePress, WPForms, pricing table, Contact Form 7, WooCommerce, ACF tooltip… and more 🙂

Live Demo of WordPress Tooltips Pro:

  • WordPress Image Tooltip Demo
  • WordPress Audio Tooltip Demo
  • WordPress Video Tooltip Demo
  • Customize Different Style For Each Tooltip
  • Tooltip For Each Form Fields Demo, Just Hover Over Form Fields
  • Tooltip To Menu Item Demo, Check “Try Demo” Menu Item
  • Tooltip in WooCommerce Product Demo
  • Use Video / Video / Image As Tooltip For An Image
  • WordPress Add Tooltip To Post Title Demo
  • WordPress Add Tooltip To Post Tag Demo
  • WordPress Glossary Demo
  • Add Tooltip In Table Demo
  • Add Tooltip In Pricing Table Demo
  • Add Tooltip In Button Demo
  • Bullet Screen Demo
  • QR Code Tooltip
  • Our WordPress Tooltip plugin has a tooltip customization API, which enables it to integrate seamlessly with other themes, plugins, and platforms, enhancing the functionality of our WordPress Tooltip plugin.

    There are more amazing features in our WordPress Tooltip plugin, for example:

    • 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.
    • The WordPress Tooltip plugin will automatically add tooltip effects to posts by default. It also supports manual insertion of tooltips in posts using shortcode.
    • Responsive tooltips – our WordPress Tooltip plugin is fully compatible with mobile devices.
    • Various options to show tooltip animation effects.
    • Options to enable/disable tooltips for images.
    • Options to enable/disable tooltips for excerpts.
    • Options to enable/disable tooltips in post tags.
    • Option to enable/disable the “Tooltip Close Button.”
    • Option to set up tooltip z-index value using a range slider.
    • Option to set up tooltip Hook Priority value using a range slider. This allows WordPress tooltips 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.
    • 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.
    • WordPress Tooltip 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.
    • 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.
    • When the mouse hovers over the tooltip terms, a highlighted color with a transition effect will be displayed on the tooltip terms.
    • 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.
    • 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.
    • Options to enable/disable tooltips throughout the entire site.
    • Options to move the WordPress tooltip inline JavaScript code to the footer, increasing the page speed of WordPress pages.
    • Drag the tooltip widget to appear in the sidebar, where all tooltips will be listed.
    • Support for tooltip categories.
    • Support for category archive tooltips.
    • Create tooltips manually using the shortcode [tooltips] – this allows you to add any tooltips that are not in the content of the post or in the WordPress database. It is easy to use: [tooltips keyword=”wordpress” content=”WordPress is a great system”]. Additionally, you can use an img tag to manually add images to the tooltip content.
    • Built-in Tooltip Global Settings.
    • Easily create a tooltip list page with the shortcode [tooltipslist].
    • Easily create a glossary page with the shortcode [glossary].
    • Options to enable/disable images in the glossary page.
    • 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.
    • 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.
    • Options to enable/disable tooltips on the glossary index page and glossary term pages.
    • 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.
    • Multi-language support for Glossary/Directory/List: English, Swedish, German, French, Finnish, Spanish, and more. You can choose your language in the optional settings.
    • Options in the glossary index page to display or hide digital superscripts in the navigation bar.
    • Option to hide images in the glossary list page.
    • 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.
    • Option to disable WordPress tooltips on the WordPress glossary page.
    • Option to make the WordPress glossary searchable or not.
    • Option to automatically link tooltip terms to the tooltip page.
    • Tooltip glossary language addon to assist in translating glossary words from English to your native language.
    • Tooltip Contact Form 7 addon to add tooltip effects for Contact Form 7 labels.
    • Option to disable tooltips on mobile devices.
    • Option to enable/disable accessing tooltips using the tab key to support Web Content Accessibility Guidelines 2.0 (WCAG 2.0).
    • 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.
    • Create an unlimited number of tooltips as needed.
    • Support for multiple tooltips on a single page.
    • 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.
      Member directory documentation
    • 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.
      Post directory documentation
    • 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.
    • Super easy implementation
    • Minified CSS and JavaScript codes to speed up the loading time of WordPress glossary pages.
    • Knowledge Base menu item to help you understand how to use WordPress tooltips quickly.
    • Support for translating the WordPress tooltips plugin content and launching localized versions. .po files can be found in the languages folder.
    • and more…

    Just take a minute to test it out, and you’ll see how easy and user-friendly our plugin is. We welcome your comments and requests for new features at:
    WordPress Tooltips Features 🙂
    Looking for more amazing features? Want to customize a beautiful style for your tooltips? Get WordPress Tooltips Pro now.

    More Features of WordPress Tooltips Pro:

    Pro and Pro Plus Version Features

    [Pro Version Detailed Feature List](WordPress Tooltips Features)

    ✅  * New, Use OpenAI write wordpress posts and tooltips automatically, OpenAI will generate high-level content for you automatically.
    ✅  * Build pretty tooltip quickly, Fine-grained custom tooltips style, just a few click to custom tooltips style in panel: font family, font color, background color, border color, opacity, width, position, shadow, tooltips underline style, animation effects, margin, padding, title, close button…, more than 30 customization options help you build awesome tooltips.
    ✅  * Custom unique pretty style for each tooltip, each tooltip can have their own “Tooltip Box Background”,”Tooltip Box Width”, “Tooltip Font Color”,”Tooltip Text Align”, “Tooltip Box Padding”, “Tooltip Class Name”, “Tooltip Border Radius”, “Border Width”, “Tooltip Border Color”, “Tooltips Border Bottom”, “Tooltip Underline Color”, “Tooltips Shadow”, “Tooltip Font Size”, “Tooltips Line Height”, “Tooltip Term Color”, “Tooltips Popup Animation”, “Title Background Color”, “Tooltip Title Font Size”, “Title Font Color”, “Close Button Background”,”Close Button Radius”, “Close Button Font Color”… and more.
    ✅  * Easily add any HTML content via wordpress standard WYSWYG editor, Support unlimited number of tooltips and tooltips categories
    ✅  Build a colorful and varied and graceful tooltips site super easy and fast
    ✅  * Responsive, Mobile devices friendly: wordpress tooltips works well on Android, iOS,Tablet and other mobile devices.
    ✅  * Show rich media content in tooltip box: video, audio/song, image/photo, advertising, links/text, google map, QR code…, also you can insert shortcode in tooltip to expand more amazing features via 3rd plugins
    ✅  * Support show tooltips in many famouse wordpress plugins, for example show tooltips on WooCommerce shop, show tooltips in contact form 7 fields, tooltips in Pricing Tables, tooltips in Tables, ACF Tooltip support show tooltips for ACF ( Advanced Custom Fields ) fields in front end, support tooltips in HTML5 Responsive FAQ, tooltips in Buttons, tooltips in Buddypress activity, tooltips in bbPress forum, works well with Visual Composer(VC), tooltips for NinjaForms, tooltips for woocommerce and tooltips for a few 3rd woocommerce plugins …
    ✅  * Image Tooltips: image tooltip support add tooltip effect to slideshow / gallery plugins, in back end, you setup image / gallery / slideshow keyword matching mode, for example next-gen gallery mode or ALT attribute mode or Title attribute mode or REL attribute mode… and so on
    ✅  * Video tooltip & Audio tooltip: in tooltips editor, you can insert videos tooltip directory, a more easier method is use ‘Insert video into tooltips’ metabox, you can insert youtube video by ID, insert video by URLs, set up video height, width… and so on
    ✅  * Menu tooltips:You can add tooltips into menu items, sub menu items, please check our menu on .
    ✅  * Form Tooltips: support Tooltips for Forms, You Can add tooltip for each form elements, please check form tooltips demo, when hover over any forms fields, you will get notes about that form field in tooltip popup box, and each tooltip popup box has their unique style
    ✅  * WooCommerce tooltips: opt to add WooCommerce tooltip effect on WooCommerce product page, WooCommerce shop page, woocommerce product title, WooCommerce product attribute tab… and so on automatically, also support some woocommerce 3rd plugins for example, “Product Specifications for WooCommerce”, “WooCommerce Product Bundles”… and more. Also with advanced woocommerce tooltip addon, support one click to enable …

    Screenshots

    • Image Tooltips, our WordPress Tooltip content can be video, audio/song, image, advertising, links/text.
    • Text Tooltips, Tooltip content with text and links
    • Easy To Add New Tooltips In Back End
    • Global Setting In Back End
    • Tooltips Edit/Delete/Update Panel In Back End
    • Shortcode [tooltipslist] Suport Glossary.
    • Tooltips Widget On Sidebar
    • Tooltips pro style setting options panel
    • Add tooltips widget in back end
    • Tooltips Categories in back end
    • Users hit count for each tooltips
    • Support WooCommerce product, also you can use Wordpress Tooltip to promote your products, such as embed an product link in the tooltip.
    • Plain text tooltip
    • Color picker, our tooltips plugin is easy to customize pretty tooltip style, just a few clicks.
    • Video Tooltips

    Installation

    1:Upload the WordPress Tooltips plugin to your blog
    2:Activate it
    3:edit keyword and content in tooltips menu, it is very easy, If you want to add/edit/delete tooltips, please log in admin panel, Under “Tooltips” Menu, You can editor/delete all existed tooltips in “All Tooltips” Sub Menu, also you can add new tooltip in “Add New” sub menu.
    we will use the title of the post as the keyword of your tooltips, and use the content of the post as the content of your tooltips, for example: If you use “wordpress” as post title, and use “we love wordpress” as the
    post content, when users view your post, they will find the word “wordpress” with a dotted line under it, and when user move over the word “wordpress”, the tooltip box will popup and show the tooltip content “we love wordpress”
    4: You can setting your tooltips in Tooltips Global Settings page at admin area, for example you can choose ” Add tooltips to all matching keyword in the same page ” or ” Add tooltips to the first matching keyword in the same page” and so on
    5: If you want to show glossary / list, just insert shortcode [tooltipslist] into your page or post.
    1, 2, 3, 4, 5: You’re done!

    FAQ

    FAQs can be found here: https://tooltips.org/features-of-wordpress-tooltips-plugin/

    Reviews

    February 3, 2024
    I paid for the Tooltip Pro Plus and what a waste of money. Way way over bloated with unnecessary options that cant be turned off if they interfere with my sites theme. Uses way too many !important's in its css that hijacks my themes css. Also it has way too many back end options that cannot be overridden and causes issues with how the tooltip text is rendered. Do what I did and tried another similar plugin where the issues I experienced here unsurprisingly vanished. Do some housework and clean both the plugin and your documentation site up - there I feel better now after throwing $30 in the bin Cheers and thanks for nothing!
    October 25, 2023 1 reply
    The support proved to be very helpful after initial difficulties... The plugin is overloaded with unnecessary functionality. Throws errors in my browser. Not the right plugin for me. Sorry.
    July 20, 2023 1 reply
    I had the problem that tooltips were visible on some pages and not on others. At the request of the support team, I sent them the contents of some web pages and an export of tooltip terms. Soon they had found the cause of the problem and provided the solution. The cause of the problem was that the tooltip was part of a sentence, which started with [ and ended with ]. The communication with the support team was extraordinary.Big thanks to the support team.
    June 24, 2023
    There are a TON of features in this plugin, and for a week I found it daunting. But now I have a knack for it (still learning more about it).I now have three glossaries, for three "topics". On the glossary page, there is a dropdown so the user can choose any of the three topics and see all the terms in that topic. I had an issue with the terms showing in the header and footer (in Astra theme). I contacted support (I think I used the support contact form, but the spinner got stuck so maybe I emailed also... but in fact the contact form was submitted and I didn't realize it), and within two days they replied.After another reply from me, mentioning my WP theme, and a few more details (I clicked inspect element and pasted the code of what I was seeing, where the terms were appearing (in "primary nav"), I think support found that code helpful and solved the problem that day.The solution was, I just needed to update to the latest version of the Tooltips plugin and the latest version of Astra theme. Problem solved.Also, the Tooltips work on any page I want them to work. Currently I have it set to work on every page of my site, just because I think Tooltips are cool.You can customize the look of the TT when it pops up. You can customize the background color of it, and tons of other customizations (which I don't yet understand).
    Read all 65 reviews

    Contributors & Developers

    “WordPress Tooltips” is open source software. The following people have contributed to this plugin.

    Contributors

    “WordPress Tooltips” has been translated into 4 locales. Thank you to the translators for their contributions.

    Translate “WordPress Tooltips” into your language.

    Interested in development?

    Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

    Changelog

    Version 9.6.9

    Fixed the issue of double tooltip display in the tooltip_by_id shortcode

    Version 9.6.5

    Resesige the custom language option in glossary settings panel

    Version 9.6.1

    Support the exclusion of specific user IDs from the member directory

    Version 9.5.9

    Support for filtering users by including only those whose IDS are invluced in the “include” patameter list
    Followed wordpress security standard to use esc_ functions / sanitize / wp_kses / wpdb… etc to enhance code security

    Version 9.5.3

    Followed wordpress security standard to use check_admin_referer and wp_nonce_field to enhance code security

    Version 9.4.9

    How to display only specified wordpress users in the members directory according to their user roles?

    Version 9.4.5

    Follow wordpress code security standards to enhance code security

    Version 9.4.3

    Support job directory for WP Job Manager

    Version 9.3.9

    How to solve the problem of spacial characters on import when importing wordpress tooltip term

    Version 9.3.5

    Use our own developed excerpt_more function in the Woocommerce product directory to avoid potential plugin conflicts, and use our own function to generate excerpt for woocommerce products.

    Version 9.3.1

    Enhanced the robustness of the program to prevent unexpected output from occurring

    Version 9.2.9

    fixed a bug: when tooltip keyword have a php regular expression metacharacters ‘/’, it will break the regular expression and cannot return content, in new version 9.2.9, we fixed this and we tested all 21 php regular expression metacharacters to ensure this kind of problem will not happen again

    Version 9.2.3

    Fix a bug related to special characters, detailed document can be found at here

    Version 9.1.7

    Support Woocommerce Product Directory, detailed document can be found at here

    Version 9.1.5

    Fixed the error that occurred when displaying tooltips on a special character

    Version 9.0.9

    Detailed document explaining how to limit the number of- wordpress tooltips on a page, with link on Keyword Matching Mode option, detailed document can be found at here

    Version 9.0.7

    Detailed document explaining z-index adjustments and how to customize it, with link on z-index option, detailed document can be found at here

    Version 9.0.5

    new document links for how to set up tooltip font size in global settings panel, detailed document can be found at here

    Version 9.0.3

    Support add detailed tip with document links for each wordpress tooltip options, to help users understand how to use wordpress tooltip plugin easier and faster, detailed document can be found at here

    Version 8.9.5

    New option to Enable / Disable access tooltip with tab key to support Web Content Accessibility Guidelines 2.0, detailed document can be found at here

    Version 8.9.1

    New option to link tooltip terms to tooltip  / glossary page automatically, this will help improve SEO rank and prepare for the support tab index of WordPress tooltips, detailed document can be found at here

    Version 8.8.5

    post directory support select posts from category id, category name, support limit post numbers in directory, detailed document can be found at here

    Version 8.7.9

    post directory support select posts from category id, category name, support limit post numbers in directory, detailed document can be found at here

    Version 8.7.5

    WordPress tooltips 8.7.5 — How to Enable / Disable Tooltips for Max Buttons in WordPress?

    Version 8.7.1

    Bulk remove / hide users from member directory in wordpress tooltip plugin, description can be found at here

    Version 8.6.9

    Enhanced the robustness of the program, description can be found at here

    Version 8.6.3

    Updated tooltip core javascript functions to improve UI in front-end, description can be found at here

    Version 8.5.9

    New contact form tooltip addon to add tooltips effect for contact form 7 plugin, detailed document can be found at here

    please check change log at:

    wordpress tooltip change log: