---
title: "How to Add an Image Tooltip in Elementor?"
url: https://theplusaddons.com/docs/image-tooltip-in-elementor/
date: 2024-02-06
modified: 2026-04-09
author: "Aditya Sharma"
description: "Are you looking to show an image inside a tooltip in Elementor? By showing an image inside a tooltip you can show additional information. With the Global Tooltips extension from..."
image: https://theplusaddons.com/wp-content/uploads/2024/02/How-to-Add-an-Image-Tooltip-in-Elementor_-1024x536.jpg
word_count: 228
---

# How to Add an Image Tooltip in Elementor?

## Key Takeaways

- Global Tooltips extension from The Plus Addons for Elementor allows users to show an image in a tooltip.
- Users can select between Text Content and WYSIWYG Editor to add tooltip content in Elementor.
- The tooltip can be styled from the Style tab after enabling the Tooltip toggle.

Are you looking to show an image inside a tooltip in Elementor? By showing an image inside a tooltip you can show additional information.

With the Global Tooltips extension from The Plus Addons for Elementor, you can easily show an image in a 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 Extras**. 

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 **WYSIWYG Editor** here.

4. Click on the **Add Media** button, in the **Tooltip Content** section, to add an image from the WordPress media library.

> *Note: If you are using the Text Content option you can add an image by adding an HTML code.*

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

Now, you’ll see an image in the tooltip when you hover on the widget.

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

## Frequently Asked Questions

**Q: What should I do if the image tooltip is not appearing in Elementor?**
A: If the image tooltip isn't showing, first ensure that the Global Tooltips extension from The Plus Addons for Elementor is installed and activated. Then, check that you've correctly enabled the Tooltip toggle in the Advanced settings of your chosen widget. If you're using the WYSIWYG Editor, make sure you've added an image through the Add Media button. If you're using Text Content, remember to include the correct HTML code for the image.

**Q: What is the best way to style my image tooltip in Elementor?**
A: To style your image tooltip, navigate to the Style tab after enabling the tooltip feature. Here, you can customize various aspects such as background color, border, and padding. Proper styling can enhance visibility and user experience, making the tooltip more engaging. Consider using contrasting colors to ensure the tooltip stands out against the background.

**Q: Does the image tooltip work on mobile devices?**
A: The image tooltip functionality is primarily designed for desktop use, where hover actions are common. On mobile devices, tooltips may not display as intended since touch interactions differ from mouse hover. It's advisable to test the tooltip on various devices to ensure a good user experience, or consider alternative methods for mobile users.

**Q: Are there any limitations when using image tooltips in Elementor?**
A: One limitation of using image tooltips is that they rely on the Global Tooltips extension being activated. Additionally, if you opt for the Text Content option, you must manually input HTML for images, which may not be user-friendly for everyone. Always ensure your images are optimized for web use to avoid slow loading times.