---
title: "How to Add Text Tooltip in Elementor?"
url: https://theplusaddons.com/docs/text-tooltip-in-elementor/
date: 2024-02-06
modified: 2026-04-09
author: "Aditya Sharma"
description: "Do you want to add a text tooltip in Elementor? These small interactive boxes of text that appear when hovering over an element can provide additional information or context to..."
image: https://theplusaddons.com/wp-content/uploads/2024/02/How-to-Add-Text-Tooltip-in-Elementor_-1024x536.jpg
word_count: 255
---

# How to Add Text Tooltip in Elementor?

## Key Takeaways

- Global Tooltips extension from The Plus Addons for Elementor allows users to add text tooltips on elements in Elementor.
- Users can select between Text Content and WYSIWYG Editor for tooltip content in the Content Type dropdown.
- The tooltip content can be styled using options in the Style tab, including text color and typography settings.

Do you want to add a text tooltip in Elementor? These small interactive boxes of text that appear when hovering over an element can provide additional information or context to the user. Incorporating tooltips can enhance the user experience and make the website more engaging.

With the Global Tooltips extension from The Plus Addons for Elementor, you can easily add a text tooltip on an element in Elementor.

*To check the complete feature overview documentation of The Plus Addons for Elementor Global Tooltips extension, [click here](https://theplusaddons.com/docs/global-tooltips-settings-overview/).*

***Requirement  - This extension is a part of The Plus Addons for Elementor, make sure its 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)

Add one of the listed widgets of The Plus Addons for Elementor and follow the steps - 

1. Go to **Advanced** > **Plus Tooltip**. 

2. Turn on the **Tooltip** toggle.

3. From the **Content Type** dropdown, under the **Content** tab, you can select between **Text Content** and **WYSIWYG Editor** as the editor to add the tooltip content. Select the option as per your requirements.

4. Then, in the **Description** section, you have to add the tooltip content.

From the **Text Alignment** section, you can align the content.

Then, from the **Typography** section, you can manage the tooltip content typography.

You can manage the text color from the **Text Color** section.

From the **Style** tab, you can style the tooltip.

Now, you’ll see a text tooltip when you hover on the widget.

***Suggested Read: **How to add a [YouTube video tooltip in Elementor.](https://theplusaddons.com/docs//youtube-video-tooltip-in-elementor/)*

## Frequently Asked Questions

**Q: What should I do if the tooltip isn't showing up in Elementor?**
A: If the tooltip isn't appearing, ensure that the Tooltip toggle is turned on in the Advanced settings under Plus Tooltip. Additionally, verify that you've added content in the Description section. If these settings are correct and the tooltip still doesn't show, check for any conflicting CSS styles that might be affecting visibility.

**Q: What is the best content type to use for tooltips in Elementor?**
A: The best content type for tooltips depends on your needs. You can choose between Text Content and WYSIWYG Editor. If you want simple text, Text Content is sufficient. For more complex formatting, the WYSIWYG Editor allows for richer content, including links and styled text.

**Q: Does adding tooltips impact page load speed?**
A: Adding tooltips generally has a minimal impact on page load speed, as they are lightweight elements. However, excessive use of complex tooltips with heavy content or images could slow down performance. It's best to keep tooltip content concise to maintain optimal loading times.