BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro extension

Tooltip for Elementor Pro

A tooltip on any widget or container

Overview

What Tooltip does

Tooltip adds a text tooltip to any widget, container, section or column. It opens on hover, on keyboard focus and on tap, stays inside the screen and is announced to screen readers. Use it for short hints, definitions and notes that should not take up space on the page.

Live demo

See it in action

Hover, focus or tap this heading

Features

What it can do

  • Opens on hover, keyboard focus and tap.

  • Four positions: above, below, left or right.

  • Flips to the opposite side when there is no room.

  • Optional arrow that points at the element.

  • Distance, widest width, colors, text size and border radius controls.

  • Text supports dynamic tags and keeps line breaks.

  • Announced to screen readers and closed with the Escape key.

Use cases

When to use it

Icon hints

Explain what an icon or a short label means without adding text to the layout.

Pricing notes

Add a note to a price or a feature line, such as what is included.

Form help

Put a hint on a help icon next to a form.

Term definitions

Explain a technical word on a heading or text widget.

Setup

How to set it up

A few steps from adding the extension to a finished result.

  1. Select the element, open the Advanced tab and open the section Bright: Tooltip.

  2. Switch on Tooltip and type the hint in Text.

  3. Choose a Position and switch Arrow on or off.

  4. Set Distance (px) and Widest (px).

  5. Pick Background Color and Text Color, then set Text Size (px) and Border Radius (px).

  6. Preview the page and hover over the element.

FAQ

Questions and answers

Does the tooltip work on touch screens?

Yes. A tap on the element opens it, a second tap closes it, and a tap anywhere else closes it too.

Can I put links or bold text in the tooltip?

No. The text is always shown as plain text. Line breaks are kept.

What happens near the edge of the screen?

The tooltip flips to the opposite side when there is no room and is kept inside the screen width.

Is it accessible?

The tooltip has the tooltip role, is linked to the element as its description and opens on keyboard focus.

Bright Addons Pro

Get Tooltip with Bright Addons Pro

Bright Addons Pro has 77 Pro widgets plus all 48 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $16 a year, with a 14-day money-back guarantee.