Sky Addons  ·  Elementor Widget
INTRODUCING

Advanced Tooltip

Tooltips for any Elementor element — text, an image or a saved template on hover, positioned and styled how you want.

Seamless Integration

Whether you’re using free Elementor templates or premium Elementor themes,
our Advanced Tooltip widget works flawlessly with any design.

A

Easy to Use

Step Flow Widget is a powerful, highly configurable and easy to use widget .
B

Perfect Design

The most powerful, highly configurable flow chart widget with amazing interface.
C

Super Security

This allows you to create a web application in a simple and efficient way.

Perfect Companion

It supports every Placements.

Complement your Essential Addons collection with our Advanced Tooltip widget that seamlessly integrates with all Elementor elements.

Premium Elements

Add tooltips to any element with just a few clicks in the Elementor editor.

Warda Ameena Asker

Software Engineer

Hikmah Safa Touma

Software Engineer

Ra'ifah Nibal Deeb

Software Engineer

Nazaaha Yarah Hakimi

Software Engineer

Smart Tooltips

Add tooltips to any element with just a few clicks in the Elementor editor.

Professional Animations

Impress clients with professional animations and responsive tooltip designs that work across all devices.

Interactivity

Follow
The Cursor

Follow the Cursor. Click or hover over the image.

FAQ
Frequently asked

Advanced Tooltip

Straight answers about what this one does, where it fits in a real build, and what it costs you to ship.

Still stuck?

Read the documentation for this one, or write to us — a human answers inside a business day.

How do I add a tooltip to an Elementor widget?

Select the widget, open its Advanced tab, and use the Advanced Tooltip section that Sky Addons for Elementor adds to every widget’s panel. Switch Enable on and type the message into the Content field — there is no tooltip widget to place, because the tooltip belongs to something you already have.

Can I put a tooltip on a section or a container?

No. The extension hooks widgets only, so sections, containers and columns have no tooltip section in their panel. If a whole block needs one, give the tooltip to a widget inside it — an icon, a heading or a button — which is also where a visitor would look for it.

Can the tooltip contain an image or formatted text?

Yes. The Content field is a multi-line box that renders HTML, so bold text, line breaks, a small image tag or a link all work inside the bubble. It also accepts Elementor dynamic tags, which lets a tooltip pull a custom field or post value instead of fixed copy.

Where can the tooltip appear relative to the element?

Fifteen placements: top, right, bottom and left, each with a start and end variant, plus three auto options that pick whichever side has room. Offset X and Offset Y then nudge it anywhere from -1000 to 1000 pixels, and Follow Cursor makes it track the pointer instead of anchoring.

Can the tooltip open on click instead of hover?

Yes. The Trigger select offers Hover, which is the default, and Click. A separate Hide On Click setting decides what happens when a visitor clicks while it is open, so a click-to-open tooltip can be made to stay put rather than toggling shut again.

Can visitors click a link inside the tooltip?

Only if you switch Interactive on. By default the bubble closes as soon as the pointer leaves the element, so anything inside it is unreachable. With Interactive enabled the tooltip stays open while the pointer travels into it, which is what a tooltip containing a link or a button needs.

What tooltip animations are available?

Fourteen. Fade is the default, and there are subtle, standard and extreme variants of shift away, shift toward, scale and perspective, plus an animated fill. Show and hide durations are set separately, each from 0 to 5000 milliseconds, as are the show and hide delays.

Can a different element trigger the tooltip?

Yes, through Custom Trigger Selector — enter a CSS selector and hovering that element opens this widget’s tooltip. One caveat worth knowing: only the first element matching the selector becomes the trigger, so a class shared by several elements will arm just one of them. Use an ID for predictable results.

Can each tooltip on a page be styled differently?

Yes. Every widget gets its own tooltip theme keyed to that element, so background, typography, border, box shadow and arrow colour never leak between tooltips on the same page. Max Width and text alignment are responsive, letting a wide desktop bubble narrow down on a phone.

Does the advanced tooltip need Elementor Pro?

No. It requires Sky Addons Pro and runs on free Elementor, with no separate tooltip plugin and no title-attribute workarounds. Because it attaches to any widget’s Advanced tab, third-party widgets can carry a tooltip too, not just the ones Sky Addons provides.