Bring your images to life with interactive tooltips. Whether you want to show descriptions, add media, or create rich UI effects, our WordPress Tooltips plugin makes it simple — no coding required.Below are the three powerful ways you can use Image Tooltips on your site.

---

1️⃣ Add a Tooltip to an Image

Hover over any image and instantly reveal a clean, modern tooltip with your content inside.

✨ You can insert almost anything into the tooltip popup box:

• Images
• Videos
• Audio
• Links
• Text
• Shortcodes …and more.

If you prefer step-by-step guidance, check our tutorial: How to Add Tooltips to Images.

---

2️⃣ Add an Image inside Your Tooltip (from Text)

Want a text link that shows an image on hover? Easy!

Just hover over the phrase “ image tooltip demo ” and you’ll see how an image appears in the tooltip popup.

Adding images in the Tooltip Editor works the same as adding an image in a normal WordPress post — simply upload or select the image, and our plugin automatically displays it as an image tooltip on the frontend.

✨ Inside the tooltip, you can also include:

• Audio (audio demo)
• Video ( video demo )
• QR Codes
• Google Maps
• Any media or HTML elements

See more in our Live Demo.

---

3️⃣ Add Tooltips to Images Using ALT, REL, or TITLE Attributes

Looking for an easy and SEO-friendly way to enhance your images? You can effortlessly turn your image attributes into informative tooltips!

 Here’s How to Get Started:

1: Navigate to Your WordPress Admin Panel, Go to the Tooltips menu2: Tooltips menu → Global Settings sub-menu item3: Set Up Your Image Tooltip Options. In the panel below “Tooltips for Image Keyword Matching Mode,” you can choose to use the ALT, REL, or TITLE attributes to create tooltips that appear when users hover over your images.

Image Tooltip Options:

✔ ALT attribute → Tooltip content

Simply add your desired text in the Alternative Text field, and it will automatically become the tooltip.

✔ REL attribute → Tooltip content

Display the value of the REL attribute as a tooltip when users hover over the image.

How to add a REL attribute to your images?

Simply upload an image into your post, Edit the image details by entering the text in the link rel field:Now, when someone hovers over the image, they’ll see the REL text pop up!For WordPress Gutenberg users who might be having trouble finding the REL field, we’ve created a helpful guide: “How to Use REL as Image Tooltip Content in Gutenberg”

✔ TITLE attribute → Tooltip content

Input your text in the Image Title Attribute field, and it will show as a tooltip on hover.Fill in the Image Title Attribute field, and it appears in the tooltip on hover.Please check wordpress tooltip for image demoOur image tooltip system fully supports all three attributes and operates automatically once you enable it!

Classic 2013 Video Tutorial

We’ve created video tutorials to make using image tooltips even easier for you: Start enhancing your images today with dynamic tooltips that engage your audience!

---

How to Enable Image Tooltips in WordPress Tooltips

1. Go to WordPress Admin → Tooltips → Global Settings.
2. Find “Enable/Disable Tooltips for Image” and select “I want to enable tooltips for image”.
   

   Enalbe WordPress Tooltip for image setting

---

Image Tooltips with Page Builders

WordPress Tooltips plugin works smoothly with all major page builders:
• Elementor
• Gutenberg
• Beaver Builder
• WPBakery / Visual Composer
• Divi …and more.
Please check our guide of how to implement image tooltip on elementor page build, thanks 🙂If you need to insert an image tooltip manually, just use our Image Tooltip Shortcode. Guide: How to Add Image Tooltip via Shortcode

---

Tooltip for WooCommerce Product Images

Want tooltips on product images?

Yes! Our WordPress Tooltips Pro Plus Plugin supports image tooltips for your shop.

✨ Show product details when customers hover product images — without cluttering your page.

✔ Great for product features ✔ Show material info ✔ Add mini-galleries in tooltips ✔ Improve conversions

Check the WooCommerce Tooltips Demo.

---

Want to Disable Image Tooltips Site-wide?

One click will disable image tooltips everywhere.

Guide: How to Disable WordPress Image Tooltip in Your Whole Site

---

Have a Feature Request?

We love helping!

If you have any ideas for the WordPress Tooltips plugin or need help with image tooltips, just contact us anytime.

Have fun creating beautiful tooltips!

Build My Tooltips Now

---

❓ Why Users Love Our Image Tooltips

✨ 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.

✨ 400+ Configuration Options

✨ 600+ releases, trusted long-term stability, and reliable support with over 1,000 multilingual docs and videos

✨ Perfect for tutorials, product guides, FAQs, and documentation(1,600+)

✨ Lifetime Upgrades, Unlimited Downloads — $9 only, One Time Payment, no subscription

✨ 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.

✨ 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.



WordPress Tooltips Style ‹ WordPress Tooltips Plugin

✨ 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.

✨ Instant setup, no coding required

✨ Add tooltips to any image in your site

✨ SEO-friendly (ALT / REL / TITLE attributes supported)

✨ Auto-detect tooltips in posts, pages, tables, sliders, builders

✨ 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

✨ Too many features to fit here…

We ran out of the paper writing features. Take me home?