---
title: "How to Add Text Tooltip in Elementor?"
url: https://theplusaddons.com/docs/text-tooltip-in-elementor/
date: 2024-02-06
modified: 2026-09-28
lang: en
author: "Aditya Sharma"
description: "A text tooltip is the quickest way to explain something without cluttering the layout - a pricing caveat, a field hint, a short definition that only appears when someone hovers...."
image: https://theplusaddons.com/wp-content/uploads/2024/02/How-to-Add-Text-Tooltip-in-Elementor_-1024x536.jpg
word_count: 685
---

# How to Add Text Tooltip in Elementor?

## 

- Global Tooltips adds a Tooltip section to the Advanced tab of every Elementor widget, including core widgets, and the test uses a core Heading widget.
- The Plus Addons for Elementor Pro requires the extension to be installed and activated, with the toggle turned on under The Plus Addons > Extensions.
- Tooltip content starts as Text Content in a plain textarea, and WYSIWYG Editor is available only for formatting, a link, or an image inside the tooltip.
- The default tooltip behavior uses hover, shows a small dark box above the widget, and can switch to Click in Style > Tooltip Options > Trigger.

A text tooltip is the quickest way to explain something without cluttering the layout - a pricing caveat, a field hint, a short definition that only appears when someone hovers.

The **Global Tooltips** extension in The Plus Addons for Elementor adds a **Tooltip** section to the **Advanced** tab of every Elementor widget, core widgets included. This page shows the plain-text version of it.

***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:** Pro. Nothing renders with only the free plugin active.- **Switch it on:** **The Plus Addons > Extensions**, search **Tooltip**, turn the toggle on. It is under **Extensions**, not **Widgets**.- **Works on:** any Elementor widget. Our test used a core **Heading** widget.- Nothing else is needed - no fixture content and no extra plugin.

## Steps

- Select the widget you want the tooltip on and open **Advanced > Tooltip**.- Set the **Tooltip** switch to **Yes**. The **Content** and **Style** tabs only appear after this.- On the **Content** tab, leave **Content Type** on **Text Content**. That is the plain textarea. Pick **WYSIWYG Editor** instead only if you need formatting, a link or an image inside the tooltip.- Type your message into **Description**. Keep it to a line or two - the tooltip box is 200 px wide by default.

![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 Type dropdown, set to Text Content.](https://theplusaddons.com/wp-content/uploads/2026/09/tooltip-content-type.webp)

That is enough for a working tooltip. The remaining Content-tab settings are optional:

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| **Text Alignment** | Aligns the text inside the tooltip box. Worth changing once the tooltip runs to more than one line. | **Center** |
| **Typography** | Font size, weight and family for the tooltip text. | Theme default |
| **Text Color** | Use this if the default colour does not read well against the tooltip background. | Not set |

## What You Will See

Hovering the widget on the live page opens a small dark box containing exactly the text you typed. In our test the tooltip read *Billed once a year. Cancel any time.* and opened above the widget, with a dark grey background and a small arrow pointing down at the widget.

![A text tooltip open above the widget on the front end.](https://theplusaddons.com/wp-content/uploads/2026/09/tooltip-result-text.webp)

## How It Behaves

- The default trigger is hover. You can change that to click in **Style > Tooltip Options > Trigger**, which we verified: with **Click** set, hovering opens nothing and clicking opens the tooltip.- The default position is above the widget; **Position** in the same popover moves it, and we confirmed **Bottom** puts it below.- The default theme is dark. **Theme > Light** gives a white box.- The tooltip is only added on the front end - the editor canvas does not show it.

## Limitations

- Pro only, with no free fallback.- Hover tooltips are awkward on touch screens. Set **Trigger** to **Click** for mobile visitors. We did not test touch devices ourselves.- The default tooltip width is 200 px, so long paragraphs will be tall and narrow. **Width** goes up to 700 px.- Some The Plus Addons widgets, such as Style Lists and Image Cascading, have their own **Tooltip** section for per-item tooltips. That is a different feature from this extension, even though the option names match.

## Troubleshooting

### There is no Tooltip section in the Advanced tab

The extension is off. Turn it on at **The Plus Addons > Extensions** and reload the editor. If you are looking on the **Widgets** tab you will not find it - Tooltip is an extension.

### I only see the Tooltip switch and nothing else

The rest of the section is hidden until **Tooltip** is set to **Yes**.

### The tooltip shows placeholder Latin text

**Description** ships with placeholder text. Replace it with your own.

### My tooltip text is there but the styling is ignored

**Tooltip Options** and **Style Options** are popovers. Open the popover and change a value inside it - Elementor only stores a popover's settings once it has been opened.

## Not verified

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

- Everything in **Style Options** - padding, background, border, radius and shadow. The labels exist; we did not apply them.- **Width**, **Offset**, **Distance**, the animation durations and the **Translucent** theme.- Touch and keyboard behaviour.

## Related Docs

- [Global Tooltips: Settings Overview](https://theplusaddons.com/docs/global-tooltips-settings-overview/)- [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: What do I need before adding a text tooltip in Elementor?**
A: The Plus Addons for Elementor Pro has to be installed and activated, because the tooltip feature is part of the Pro extension. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH adds the Tooltip section to the Advanced tab of every Elementor widget, including core widgets. A practical setup note: turn the Tooltip extension on under The Plus Addons > Extensions before you expect anything to appear in the editor.

**Q: How do I make a text tooltip show on any Elementor widget?**
A: The plain-text version works on any Elementor widget, and the page’s test used a core Heading widget. The key detail is that the tooltip lives in Advanced > Tooltip, not in a separate widget panel. Keep the message short because the default tooltip box is 200 px wide, so one or two lines reads better than a long paragraph.

**Q: Why is my tooltip not showing in the editor?**
A: That is expected behavior: the tooltip is only added on the front end, so the Elementor editor canvas does not show it. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH renders it when you hover or click on the live page. A useful check is to preview the page itself instead of judging it from inside the editor.

**Q: Should I use Text Content or WYSIWYG Editor for a tooltip?**
A: Text Content is the right choice for a plain text tooltip because it gives you a simple textarea and keeps the result clean. WYSIWYG Editor only makes sense if you need formatting, a link, or an image inside the tooltip. For most hint-style tooltips, plain text is easier to read and less likely to become too tall inside the default 200 px box.

**Q: How do I make a tooltip work better on mobile?**
A: Click trigger is the safer choice for mobile visitors because hover tooltips are awkward on touch screens. The page says Trigger can be changed in Style > Tooltip Options > Trigger, and with Click set, hovering opens nothing while clicking opens the tooltip. That matters when you want touch users to have a predictable interaction instead of relying on hover behavior that may not exist.

**Q: Why does my tooltip styling not change even after I edit it?**
A: Tooltip Options and Style Options are popovers, so their settings are only stored after you open the popover and change a value inside it. That detail matters because it explains why edits can look ignored even though you typed text correctly. The page also notes that some settings were verified, including padding, background, border, radius and shadow in Style Options.