Easy Tooltip
Easy to use Tootip Plugin for Joomla
30-day money-back guarantee
Changelog — Easy Tooltip
Version 1.7.3: 20 October 2026
- Download Key support on the update site (dlid).
Version 1.7.2: 18 October 2026
- Runs on Joomla 5 and 6 with Behaviour Backward Compatibility disabled
- Editor button uses the service provider layout
- Plugins are enabled on first install only
Version 1.7.1: 6 August 2026
- Fixed Editor - Easy Tooltip on Joomla 5/6 article edit
- Editor button assets now resolve correctly through Web Asset Manager (paths omit
js/andcss/) - Registered
insert-easy-tooltipwith the Joomla Editor Buttons API as an ES module - Editor insert modal: white header title and body padding that wins over Atum zero-padding
Version 1.7: 17 July 2026
- Modern rebuild with vanilla JavaScript — no jQuery or TipTip dependency
- Four tip themes: Dark, Light, Glass, and Brand
- Placement options: top, bottom, left, right, and cursor follow
- Solid SVG tip pointers that stay filled and readable on light and dark pages
- Sticky click pinning with Escape and outside-click dismiss
- Per-shortcode overrides for theme, position, animation, colour, link, and class
- Animations: fade, scale, slide, or none
- Editor insert button (editors-xtd) for quick shortcode placement
- Legacy
{etooltip}shortcode syntax preserved - Joomla 4, 5, and 6 support with WebAssetManager
- Accessible triggers with ARIA roles and keyboard focus support
- Respects prefers-reduced-motion
- Package install: content plugin + editor button
Version 1.6: 28 November 2025
- Full Joomla 4, 5 & 6 compatibility with automatic feature detection
- WebAssetManager integration for Joomla 5+ with legacy fallback for Joomla 4
- Colour customisation for tooltip background, text, trigger underline, and hover
- Shortcode examples tab with one-click copy
- Enhanced accessibility with ARIA support and keyboard navigation
Version 1.5: 14 September 2025
- Full Joomla 5 compatibility with modern coding standards
- Enhanced security with input validation and sanitisation
- Improved accessibility features and mobile responsiveness
Version 1.4: 11 February 2023
- Support Joomla 4
- Removed jQuery loading in body
Version 1.3: 21 Oct 2020
- Simplified plugin syntax
- Option to add or remove a link from the tooltip trigger
- Additional CSS field in plugin settings
22 May 2019
- Joomla Update Integrated
- Uses Joomla jQuery Framework
Hover or tap a dotted underline phrase to open a text tip. Click once to pin it, click outside or press Escape to dismiss.
Start with the — a clean text callout that never leaves the sentence.
{etooltip content="Soft full-grain leather with brass hardware and a roomy interior."}leather tote{/etooltip}Add link="..." to turn the trigger into a URL. Sticky click pins first; a second click (or Open via Ctrl/Cmd-click) follows the link.
Pair editorial copy with studio headphones (opens in a new window) for product mentions that stay readable.
{etooltip content="Closed-back monitoring headphones for long editing sessions." link="https://joomlax.com" theme="light"}studio headphones{/etooltip}Use position="bottom" (or top, left, right) when a stable tip feels better than a cursor-follow tip.
Readers can explore the without leaving the paragraph.
{etooltip content="Compact body, fast autofocus, and travel-ready lenses." theme="glass" position="bottom"}mirrorless kit{/etooltip}Override theme and trigger colour per tip. Brand theme uses the accent colour as the tip background.
Highlight with a branded tip style.
{etooltip content="Gold-frame aviators with polarized lenses." theme="brand" position="right" color="#0d9488"}aviator sunglasses{/etooltip}Combine multiple shortcodes for documentation, FAQs, and catalogue glossaries.
Browse , , and .
{etooltip content="Warm leather strap with a clean dial." position="top"}leather classic{/etooltip}, {etooltip content="Polished steel chronograph case." position="top" theme="light"}steel chronograph{/etooltip}, and {etooltip content="Layered citrus and amber notes." position="top" theme="glass"}signature scent{/etooltip}Set position="follow" when the tip should track the pointer — useful for dense glossary pages.
Try the while moving the mouse.
{etooltip content="Tips can follow the cursor for glossary browsing." position="follow" theme="dark"}cursor follow tip{/etooltip}