---
title: "Global Tooltips: Settings Overview"
url: https://theplusaddons.com/docs/global-tooltips-settings-overview/
date: 2024-02-06
modified: 2026-04-09
author: "Aditya Sharma"
description: "Do you want to add a tooltip to a widget in Elementor? A tooltip is a small box that appears when a user hovers over a specific element, providing additional..."
image: https://theplusaddons.com/wp-content/uploads/2024/02/Global-Tooltips_-Settings-Overview-1024x536.jpg
word_count: 524
---

# Global Tooltips: Settings Overview

## Key Takeaways

- Global Tooltips enhance user experience by providing additional information when hovering over a widget in Elementor.
- The Plus Addons for Elementor requires the PRO version to access the Tooltip extension, which must be activated in the settings.
- Tooltip content can be customized using Text Content or WYSIWYG Editor, allowing for diverse content types like images and videos.

Do you want to add a tooltip to a widget in Elementor? A tooltip is a small box that appears when a user hovers over a specific element, providing additional information or instructions. This seemingly minor feature can greatly enhance the user experience and add an extra layer of interactivity to your website.

You can easily add a tooltip to show some extra information to any widget in Elementor.

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

## Required Setup

- [Elementor FREE Plugin](https://wordpress.org/plugins/elementor/) installed & activated.

- You need to have [The Plus Addons for Elementor](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated.

- This is a Premium feature, and you need the [PRO version of The Plus Addons for Elementor.](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text)

- Make sure the Tooltip extension is activated, to verify this visit The Plus Addons → Extensions → and search for Tooltip and activate.

## Learn via Video Tutorial:

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

## How to Activate the Tooltip Extension?

Go to 

- **The Plus Addons **→** Extensions **

- **Search** the extension name and **turn on the toggle.**

![](https://theplusaddons.com/wp-content/uploads/2024/02/tooltip-activate-1024x446.png)

## Key Features

- **Add a tooltip to a widget** - You can easily add a tooltip to a widget.

## How to Add a Tooltip to a Widget in Elementor?

Add a widget and follow the steps - 

1. Go to **Advanced** > **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. Let’s select **Text Content** here.

> *Note: With the WYSIWYG Editor option, you can add different types of content like images, videos, emoji etc. to the content as well.*

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.

Now, you’ll see a 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/)*

## How to Style the Tooltip in Elementor?

You can style the tooltip from the **Style** tab. Here, you’ll find two options - 

### Tooltip Options

**Tooltips Interactive** - By enabling the toggle, you can make the tooltip interactive. This is useful if you have a clickable element in your tooltip. 

**Position** - From here, you can change the position of the tooltip.

**Theme** - You can change the tooltip theme from here. 

**Width** - From here, you can manage the tooltip width.

**Offset** - You can use this field to manage the tooltip offset (left and right). 

**Distance** - From here, you can manage the tooltip distance (vertically) from the widget.

**Arrows** - From here, you can change the arrow type.

**Trigger** - From here, you set to open the tooltip on hover or click.

**Animation** - From here, you can change the tooltip animation.

**Duration In** - You can set the tooltip open animation duration from here.

**Duration Out** - You can set the tooltip close animation duration from here.

### Style Options

From here, you can manage the tooltip padding, background, border, border-radius and box shadow. 

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

## Frequently Asked Questions

**Q: Why isn't the tooltip showing up in Elementor?**
A: If the tooltip isn't appearing, ensure that the Tooltip extension is activated. Go to The Plus Addons u2192 Extensions, search for Tooltip, and toggle it on. Additionally, check that you've properly added the tooltip content in the widget settings under Advanced > Tooltip. If the content is missing or the toggle is off, the tooltip won't display.

**Q: What are the best practices for styling tooltips in Elementor?**
A: When styling tooltips, focus on readability and visibility. Use contrasting colors for text and background to ensure that the tooltip stands out. Adjust the padding and border-radius for a cleaner look. The Style tab in the tooltip settings allows you to manage these aspects effectively, ensuring your tooltip is both attractive and functional.

**Q: Does the tooltip feature work on mobile devices?**
A: The tooltip feature can be set to trigger on hover or click, which is important for mobile usability. Since hover interactions are not available on touch devices, ensure you configure the tooltip to open on click for mobile users. This adjustment enhances accessibility and user experience on mobile platforms.

**Q: What common mistakes do people make when setting up tooltips in Elementor?**
A: One common mistake is neglecting to check the Tooltip toggle in the widget settings. Users often forget to enable the tooltip after adding content, resulting in no tooltip appearing. Another mistake is not considering the tooltip's position and distance settings, which can lead to tooltips overlapping other elements or being misaligned.