---
title: "How to Add Text Tooltip in Elementor?"
url: https://theplusaddons.com/docs/text-tooltip-in-elementor/
date: 2024-02-06
modified: 2026-09-21
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 post uses a core Heading widget in its test.
- The Plus Addons for Elementor Pro requires the extension to be installed and activated, because nothing renders with only the free plugin active.
- Tooltip settings appear after the user sets the Tooltip switch to Yes, then enters text in Description with Content Type left on Text Content.
- The default tooltip behavior uses hover, shows a dark box above the widget, and keeps the box 200 px wide unless Width is changed up to 700 px.

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 setup is Pro-only, because the Global Tooltips extension is part of The Plus Addons for Elementor Pro. 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. In practice, that means the free plugin alone will not render anything. The extension also has to be turned on under The Plus Addons > Extensions before the tooltip controls appear.

**Q: How do I make a text tooltip show on a widget instead of an image or video tooltip?**
A: The plain-text version uses Content Type set to Text Content and a Description field for the message. That keeps it lightweight and is the fastest option when you only need a short hint, definition, or pricing note. If you need formatting, a link, or an image inside the tooltip, switch to WYSIWYG Editor instead. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH separates those content types so the plain-text version stays simple.

**Q: Why does my tooltip not appear in the Elementor editor canvas?**
A: That behavior is expected because the tooltip is only added on the front end. The editor canvas does not show it, so testing inside Elementor can look like nothing happened even when the setup is correct. A better check is to view the live page and hover the widget there. In this tutorial’s test, the tooltip opened above the widget with a dark grey box and a small arrow pointing down at it.

**Q: What is the best way to use text tooltips on mobile?**
A: Click trigger is the safer choice for touch screens because hover tooltips are awkward on mobile visitors. The default trigger is hover, but Style > Tooltip Options > Trigger can switch it to click. That matters because with Click set, hovering opens nothing and only an actual click shows the tooltip. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH gives you that control so mobile behavior matches how people actually interact.

**Q: Why does my tooltip text look cramped or too narrow?**
A: The default tooltip width is 200 px, so long sentences will wrap into a tall box very quickly. That works fine for short hints like a one-line caveat or brief definition, but it gets awkward for paragraphs. The page notes that width can go up to 700 px, which gives longer copy more breathing room. Keeping Description to one or two lines usually produces cleaner results with text tooltip in elementor.

**Q: Why are my tooltip style changes not saving in Elementor?**
A: Tooltip Options and Style Options are popovers, and Elementor only stores their settings after you open the popover and change a value inside it. If styling looks ignored, that usually means the popover was never actually touched. This also explains why placeholder Latin text can still appear until Description is replaced with your own copy. For reference on how these controls are organized, see [Global Tooltips: Settings Overview](https://theplusaddons.com/docs/global-tooltips-settings-overview/).