內容簡介
Responsive WordPress工具提示:
WordPress工具提示
WordPress詞彙表
當用戶懸停在項目上時,會出現工具提示框 - 您可以在工具提示框中添加文本、圖像、視頻、廣播、音頻、社交鏈接等等。您可以在文章標題/文章內容/文章摘要/文章標籤/WordPress存檔/WordPress菜單項目/畫廊等地方添加工具提示,等等。
WordPress工具提示也支持詞彙表,只需在任何頁面或帖子中插入簡碼[glossary],屏幕截圖可以在此處找到:https://ps.w.org/wordpress-tooltips/assets/screenshot-6.png。
WordPress工具提示是一款簡單、快速、輕便、強大的jQuery工具提示解決方案,非常容易使用,您可以通過WordPress標準的WYSWYG編輯器輕鬆添加任何HTML內容,例如PDF下載鏈接、視頻、音頻、圖像、社交鏈接等等。
您可以在一個管理面板中集中管理所有工具提示關鍵詞/工具提示內容,並快速輕鬆地進行管理。只需在關鍵詞字段中輸入關鍵詞,並在WordPress工具提示的WYSWYG編輯器中添加視頻/廣播/文字/圖像/鏈接,WordPress工具提示插件將在前端檢測到您的工具提示關鍵詞:文章內容、文章標題、文章標籤等等,並自動在工具提示術語上添加工具提示效果。
通常,您不需要使用工具提示短碼,因為WordPress工具提示插件會自動為工具提示術語添加工具提示效果,但您可以像這樣使用工具提示和詞彙表短碼:
短碼[tooltips]:
[tooltips keyword=”wordpress tooltips” content=”Wordress Tooltips is a rich featured wordpress tooltip plugin.”]
或者
[tooltips content=”WordPress Tooltips is a rich featured wordpress tooltip plugin”]wordpress tooltips[/tooltips]
短碼[tooltip_by_id]:
[tooltip_by_id tooltip_id=’222′]
'222'是工具提示的帖子ID,在WYSWYG工具提示編輯器中可以找到該ID。通過這種方式,您可以在WordPress頁面構建器(Gutenberg/Elementor/Beaver/Visual Composer...)、WordPress帖子或其他令人驚奇的插件(WooCommerce、WPForm...)中使用短碼[tooltip_by_id]編輯多媒體內容並插入帶有多媒體的工具提示效果
短碼[glossary]和[tooltiplist] - 您可以在任何WordPress帖子中插入此短碼,快速構建詞彙表
詳細信息請查看WordPress工具提示短碼文檔
對於畫廊用戶,例如next-gen,您不需要做任何事情,我們的WordPress工具提示插件將檢測下一代描述並在用戶懸停在下一代畫廊圖像上時顯示它作為工具提示,同時我們的插件還支持許多其他畫廊/幻燈片插件,您可以在工具提示全局設置面板中設置工具提示管理選項。
WordPress工具提示也支持許多其他令人驚嘆的插件,用戶告訴我們他們正在為Elementor頁面構建器、表格Press、WPForm、定價表、聯繫表單7、WooCommerce等添加WordPress工具提示效果。
WordPress工具提示Pro的實時演示:
WordPress圖像工具提示演示
WordPress音頻工具提示演示
WordPress視頻工具提示演示
自定義每個工具提示的不同樣式
外掛標籤
開發者團隊
原文外掛簡介
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.
👉 Tooltip Demos | Tooltip for WooCommerce Demo | Tooltip Document | Tooltip Support
🌟 A Friendly, All-Purpose Tooltip Solution
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](Tooltips for WordPress Features)
📝 Shortcodes You Can Use When You Want More Control
You almost never need shortcodes, because detection is automatic — but shortcodes are available for maximum flexibility:
Basic Tooltip
[tooltips keyword=”Tooltips for WordPress” content=”A powerful, feature-rich tooltip plugin.”]
Or:
[tooltips content=”A powerful tooltip plugin.”]Tooltips for WordPress[/tooltips]
Tooltip by ID (Ideal for Page Builders)
[tooltip_by_id tooltip_id=”222″]
📘 Built-In Glossary & Directory System
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.
Live Demo of Tooltips for WordPress:
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 for 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
Powerful Features, Simple to Use
⚙️ Highlights include:
New: Elementor Tooltip — Support Elementor Tooltip Widgets
New: Full Gutenberg Compatibility for Tooltip Widgets
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 Tooltips for WordPress plugin will automatically add tooltip effects to posts by default. It also supports manual insertion of tooltips in posts using shortcode.
Responsive tooltips
Various options to show tooltip animation effects.
enable/disable tooltips for images.
enable/disable tooltips for excerpts.
enable/disable tooltips in post tags.
enable/disable the “Tooltip Close Button.”
set up tooltip z-index value using a range slider.
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.
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.
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.
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 disable tooltips for selected Classes and IDs
enable/disable tooltips throughout the entire site.
enable/disable tooltips for category title.
enable/disable tooltips for buttons.
enable/disable Gutenberg for tooltips
Options to move the Tooltips for WordPress 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]
Built-in Tooltip Global Settings.
Custom Tooltip font size
Knowledge Base
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 Tooltips for WordPress 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.
Option to use glossary excerpt or full content in glossary pages
Option to bulk remove glossary terms from glossary directory
Custom glossary Nav Bar font size, glossary term font size
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.
Option to hide letters in glossary navigation bar which have no item
Option to enable / disable navigation bar in glossary
Enable / disable tooltip effect on left/right column of glossary table
Enable / disable Glossary term capitalization
Option to open glossary item in new window
Option to open read-more in new window
Option to display category name in glossary
Option to add category link in glossary
Custom glossary item order
Tooltip Contact Form 7 addon to add tooltip effects for Contact Form 7 labels.
Enable / 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 Tooltips for WordPress quickly.
Support for translating the Tooltips for WordPress plugin content and launching localized versions. .po files can be found in the languages folder.
and more…
💛 Designed to Be Easy
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.
✨ More Features of Tooltips for WordPress — Pro & Pro Plus:
🎵 Tooltips for WordPress Features
🎵 Built in 2009 and continuously improved for 15+ years — now a complete N-in-1 toolkit with tooltips, glossaries, directories, listings, WooCommerce tools, and more.
🎵 20+ Advanced Addons: ACF tooltips, Elementor tooltips, Gutenberg tooltips, Brizy tooltips, WooCommerce tooltips, WooCommerce glossary, WooCommerce Product Directory, Job List, FAQ tooltips, Polylang tooltips, Youtube tooltips, Vimeo tooltips, SoundCloud Tooltips, Unsplash tooltips, Smart Content Link tooltips, PDF tooltips, OceanWP tooltips, BuddyPress tooltips, bbPress tooltips, Form tooltips, Table tooltips, Pricing Table tooltips, Wikipedia tooltips, Anything tooltips… and moref
💡 400+ Configuration Options, Every detail is customizable. Fine-tune your tooltips until they look exactly the way you want.
🎵 600+ releases, trusted long-term stability, and reliable support with over 1,000 multilingual docs and videos.
🎵 One Time Payment, Lifetime Upgrades, Unlimited Downloads — $9 only
💡 Plug & Play Simplicity
Create powerful, beautiful tooltips in minutes — no setup required.
💡 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.
Elementor Tooltip — Support Elementor Tooltip Widgets
💡 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.
📚 Tooltip for WooCommerce Product Demo
… and more
Download
https://tooltips.org/product/wordpress-tooltips-plugin-free/
