---
title: "Global Tooltips: Settings Overview"
url: https://theplusaddons.com/docs/global-tooltips-settings-overview/
date: 2024-02-06
modified: 2026-09-28
lang: en
author: "Aditya Sharma"
description: "A tooltip is a small popup that opens when a visitor hovers an element, so you can add a hint, a price note or a product preview without taking up..."
image: https://theplusaddons.com/wp-content/uploads/2024/02/Global-Tooltips_-Settings-Overview-1024x536.jpg
word_count: 993
---

# Global Tooltips: Settings Overview

## 

- The Plus Addons for Elementor adds a Tooltip section to the Advanced tab of Elementor widgets, and it works on any Elementor widget, including a plain Heading widget.
- The extension is Pro only, so the free plugin adds no tooltip markup and shows no tooltip until The Plus Addons > Extensions has Tooltip turned on.
- Tooltip Options set the popup’s behavior with Position choices like Left, Right, Top, Top Start, Top End, and Bottom, plus Trigger options Hover or Click.
- Tooltips Interactive lets a visitor move the pointer into the tooltip for links or buttons, while Style Options control padding, background type, border width, border color, border radius, and box shadow.

A tooltip is a small popup that opens when a visitor hovers an element, so you can add a hint, a price note or a product preview without taking up room on the page.

The **Global Tooltips** extension in The Plus Addons for Elementor adds a **Tooltip** section to the **Advanced** tab of Elementor widgets. It works on any Elementor widget, including the core ones - we checked it on a plain **Heading** widget.

***Requirement - This extension is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-extras/global-tooltips/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** the whole extension is Pro. With only the free plugin active nothing is injected into the page and no tooltip appears.- **Switch it on:** go to **The Plus Addons > Extensions**, search for **Tooltip** and turn the toggle on. It is on the **Extensions** tab, not the **Widgets** tab - searching the Widgets tab for Tooltip returns nothing.- **Where to find it afterwards:** select any widget, then open **Advanced > Tooltip**.- Nothing else is needed: no fixture content, no extra plugin, no custom post type.

![The Tooltip extension under The Plus Addons > Extensions, searched by name.](https://theplusaddons.com/wp-content/uploads/2026/09/tooltip-extensions-toggle.webp)

## How to Turn On a Tooltip

- Select the widget you want the tooltip on.- Open **Advanced > Tooltip**.- Turn the **Tooltip** switch to **Yes**. Everything else in the section stays hidden until you do.

![The Tooltip toggle in the Advanced tab of a core Elementor Heading widget.](https://theplusaddons.com/wp-content/uploads/2026/09/tooltip-enable.webp)

## The Content Tab

This is where the tooltip's text or content goes.

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| **Content Type** | Chooses the editor. **Text Content** gives you a plain textarea; **WYSIWYG Editor** gives you the full WordPress editor, so you can put images, links and formatting inside the tooltip. | **Text Content** |
| **Description** | The tooltip text. Shown only when Content Type is **Text Content**. | Placeholder text |
| **Tooltip Content** | The rich-text tooltip body. Shown only when Content Type is **WYSIWYG Editor**. | Placeholder text |
| **Text Alignment** | Aligns the text inside the tooltip box. **Text Content** only. | **Center** |
| **Typography** | Font settings for the tooltip text. | Theme default |
| **Text Color** | Colour of the tooltip text. | Not set |

![The Content Type dropdown, set to Text Content.](https://theplusaddons.com/wp-content/uploads/2026/09/tooltip-content-type.webp)

## The Style Tab

The Style tab holds two popovers: **Tooltip Options**, which controls how the tooltip behaves and where it sits, and **Style Options**, which controls how the box looks.

### Tooltip Options

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| **Tooltips Interactive** | Lets the visitor move the pointer into the tooltip, which you need if the tooltip contains a link or a button. | **Enable** |
| **Position** | Where the tooltip opens: **Left**, **Right**, **Top**, **Top Start**, **Top End** or **Bottom**. | **Top** |
| **Theme** | The built-in colour scheme: **Dark**, **Light** or **Translucent**. | **Dark** |
| **Width** | Tooltip width, 50-700 px or 0-100 em. | 200 px |
| **Offset** | Shifts the tooltip sideways from its anchor. | 0 |
| **Distance** | Moves the tooltip further from the widget. | 0 |
| **Arrows** | The little pointer on the tooltip: **None**, **Default** or **Round**. | **Default** |
| **Arrow Color** | Colour of that pointer. | Not set |
| **Trigger** | What opens the tooltip: **Hover** or **Click**. | **Hover** |
| **Animation** | **Shift-Away**, **Shift-Toward**, **Fade**, **Scale** or **Perspective**. | **Shift-Toward** |
| **Duration In** | Opening animation length, in milliseconds. | 250 |
| **Duration Out** | Closing animation length, in milliseconds. | 200 |

> ***Tooltip Options** and **Style Options** are popovers. Click the small pencil icon next to the label to open one - the settings inside only take effect once you have opened the popover and changed something.*

### Style Options

The second popover holds the tooltip box's own styling: **Padding**, **Background Type** with its colour and gradient fields, **Border Type**, **Border Width**, **Border Color**, **Border Radius** and a box shadow. These were read from the control list and are not described further here, because we did not apply them - see *Not verified* below.

## How It Behaves

- The tooltip is drawn by a small popup library and is added to the page around your widget. It only exists on the front end.- With the defaults, hovering the widget opens a dark box above it. We measured the popup at 455 px from the top of the viewport against the widget's 506 px - so, above.- Setting **Position** to **Bottom** moved the same popup to 528 px, below the widget.- Setting **Theme** to **Light** changed the box background from dark grey to white.- Setting **Trigger** to **Click** stopped hover opening it entirely: hovering opened nothing, clicking opened the tooltip.- The **Tooltip** section appears on *every* Elementor widget, not just The Plus Addons ones.

## Limitations

- Pro only. There is no free fallback and no upgrade placeholder - in the free plugin the tooltip markup is simply not added.- **Position** offers Top, Top Start, Top End, Bottom, Left and Right. There is no Bottom Start or Bottom End.- The tooltip is an on-hover feature by default, so on touch screens visitors will need **Trigger** set to **Click**. We did not test touch devices.- Some The Plus Addons widgets - Style Lists and Image Cascading among them - have their own **Tooltip** section inside the widget's panel for tooltips on individual items. Those are separate from this extension, even though the option names are the same.

## Troubleshooting

### The Tooltip section is not in the Advanced tab

The extension is off. Go to **The Plus Addons > Extensions**, search **Tooltip** and turn it on, then reload the editor. Searching the **Widgets** tab will not find it - it is not a widget.

### Nothing happens when I hover on the live page

Check that **Tooltip** is set to **Yes** and that **Trigger** is still **Hover**. If you set it to **Click**, hovering does nothing by design.

### The tooltip opens but my styling is ignored

Open the **Tooltip Options** or **Style Options** popover and change a value there. Elementor only saves a popover's settings once it has been opened.

### I cannot click the link inside my tooltip

Turn **Tooltips Interactive** to **Enable** so the pointer can move into the tooltip without closing it.

## Not verified

So you know exactly what has and has not been checked:

- **Style Options** - padding, background, border, radius and shadow were read from the control list but never applied, so nothing here describes what they look like.- **Width**, **Offset**, **Distance**, **Duration In**, **Duration Out**, **Arrow Color**, **Tooltips Interactive** and the **Translucent** theme - defaults and ranges are listed, but the effect was not observed.- Touch devices and keyboard access.- Whether the section is also added to Elementor containers, as opposed to widgets.

## Video Tutorial

https://youtu.be/5cw8yf-uQFU?si=LIG-ss8M79p0p07s

## Related Docs

- [How to Add Text Tooltip in Elementor?](https://theplusaddons.com/docs/text-tooltip-in-elementor/)- [How to Add an Image Tooltip in Elementor?](https://theplusaddons.com/docs/image-tooltip-in-elementor/)- [How to Add a YouTube Video Tooltip in Elementor?](https://theplusaddons.com/docs/youtube-video-tooltip-in-elementor/)

## Frequently Asked Questions

**Q: Why isn’t the tooltip section showing up in Elementor’s Advanced tab?**
A: The usual cause is that the Tooltip extension is turned off in The Plus Addons > Extensions. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH adds the Tooltip section only when the Pro extension is active, so the free plugin alone won’t inject anything into the page. A common gotcha is searching the Widgets tab, which returns nothing because Tooltip lives in Extensions, not Widgets.

**Q: Does Global Tooltips work on regular Elementor widgets or only on Plus Addons widgets?**
A: It works on any Elementor widget, including core widgets like a plain Heading widget. That matters because the tooltip is added at the widget level, not limited to special Plus Addons elements. The page also says the Tooltip section appears on every Elementor widget, so you can attach it to standard content blocks without needing a separate widget type.

**Q: What’s the best trigger setting if I want a tooltip to open on mobile?**
A: Click is the safer choice for touch screens because hover is an on-hover feature by default. The page says visitors on touch devices will need Trigger set to Click, since hovering won’t behave the same way there. In practice, this also changes desktop behavior: when Trigger is Click, hovering does nothing and clicking opens the tooltip instead.

**Q: How do I make links inside a tooltip clickable?**
A: Tooltips Interactive needs to be enabled if the tooltip contains a link or button. That setting lets the pointer move into the tooltip without closing it, which is why links become usable instead of disappearing as soon as you try to reach them. This matters most when you use WYSIWYG Editor content, since that mode can include links and formatting inside the tooltip body.

**Q: What’s the difference between Text Content and WYSIWYG Editor in a tooltip?**
A: Text Content gives you a plain textarea for simple tooltip copy, while WYSIWYG Editor gives you the full WordPress editor. The practical difference is that WYSIWYG can hold images, links, and formatting inside the tooltip body, which makes it better for richer previews or mini content blocks. Text Content is cleaner when you only need a short hint or note.

**Q: Why does my tooltip styling not change even after I edit it?**
A: The popovers have to be opened before Elementor saves their settings. Tooltip Options and Style Options are both popovers, so if you never open one and change something inside it, its values may stay untouched. That’s why styling can look ignored even though the section is enabled. The page also notes that Style Options includes padding, background type, border settings, radius, and box shadow.