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.
Table Of Content

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.

Requirement  – This extension is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

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.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the image tooltip is not appearing in Elementor?

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.

What is the best way to style my image tooltip in Elementor?

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.

Does the image tooltip work on mobile devices?

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.

Are there any limitations when using image tooltips in Elementor?

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.

Last reviewed: April 9, 2026