---
title: "How to Open a Hotspot Tooltip on Click in Elementor?"
url: https://theplusaddons.com/docs/hotspot-tooltip-on-click-in-elementor/
date: 2024-05-13
modified: 2026-04-09
author: "Aditya Sharma"
description: "Do you want to open a hotspot tooltip on click in Elementor? Opening a hotspot tooltip with a mouse click is a great way to make your hotspots compatible with..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Open-a-Hotspot-Tooltip-on-Click-in-Elementor_-1-1024x536.jpg
word_count: 237
---

# How to Open a Hotspot Tooltip on Click in Elementor?

## Key Takeaways

- Hotspot widget from The Plus Addons for Elementor allows tooltips to open on mouse click.
- The Plus Addons for Elementor requires installation and activation to access the Hotspot widget features.
- Users can customize tooltip triggers by selecting 'Click' from the Trigger dropdown in the Tooltip Options section.

Do you want to open a hotspot tooltip on click in Elementor? Opening a hotspot tooltip with a mouse click is a great way to make your hotspots compatible with all devices, as mouse hover doesn’t work on mobile devices.

With the Hotspot widget from The Plus Addons for Elementor, you can easily open the hotspot tooltip on a mouse click in Elementor.

*To check the complete feature overview documentation of The Plus Addons for Elementor Hotspot widget, [click here](https://theplusaddons.com/docs//add-an-elementor-hotspot-on-an-image/).*

***Requirement  - This widget 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-widget/elementor-hotspots/)

To do this, add the Hotspot widget from The Plus Addons for Elementor on the page and follow the steps -

1. Add the appropriate image in the **Hotspot Image** section.

2. Then open the repeater item that you to open the tooltip with a click. Then select the appropriate pin type from the **Pin Type** dropdown and add the pin.

3. Then add the appropriate content for the tooltip from the **Pin Content** section.

4. After that go to the **Style** tab under the **Pin Content** section.

5. Click on the pencil icon in the **Tooltip Options** section and select **Click** from the **Trigger** dropdown. 

![](https://theplusaddons.com/wp-content/uploads/2024/05/hotspot-tooltip-click.gif)

Now for that hotspot, the tooltip will open on a mouse click.

***Suggested Reading***: [*How to Use Lottie as a Hotspot Pin in Elementor*?](https://theplusaddons.com/docs//use-lottie-as-a-hotspot-pin-in-elementor/)

## Frequently Asked Questions

**Q: What if the tooltip doesn't open on click?**
A: If the tooltip isn't opening on click, ensure you have selected 'Click' from the Trigger dropdown in the Tooltip Options section. This setting is crucial for enabling the click action. If you skip this step, the tooltip will not respond as intended. Remember, this feature is part of The Plus Addons for Elementor, so the widget must be installed and activated.

**Q: Can I use the Hotspot tooltip on mobile devices?**
A: Yes, using the Hotspot tooltip on click is particularly beneficial for mobile devices since hover actions are not effective there. This makes your design more user-friendly across all devices. The Plus Addons for Elementor's Hotspot widget is designed to enhance interactivity, ensuring tooltips are accessible regardless of the device being used.

**Q: What settings work best for creating effective hotspot tooltips?**
A: For effective hotspot tooltips, choose engaging pin types and provide clear, concise content in the Pin Content section. This ensures that users quickly understand the information you're presenting. Additionally, using the Style tab to customize the appearance of the tooltip can enhance visibility and user interaction, making the experience smoother.

**Q: Is it possible to use Lottie animations as hotspot pins?**
A: Yes, you can use Lottie animations as hotspot pins in Elementor. This adds a dynamic element to your tooltips, making them visually appealing. For detailed instructions on how to implement this feature, refer to the tutorial on [How to Use Lottie as a Hotspot Pin in Elementor](https://theplusaddons.com/docs//use-lottie-as-a-hotspot-pin-in-elementor/).

**Q: Are there any limitations when using the Hotspot widget?**
A: The primary limitation of the Hotspot widget from The Plus Addons for Elementor is that it only works with Elementor and is not compatible with other page builders like Gutenberg, Beaver Builder, or Divi. This means if you're using a different builder, you won't be able to utilize this feature. Ensure you're using Elementor for seamless functionality.

**Q: What should I do if I want to change the hotspot image later?**
A: If you want to change the hotspot image later, simply navigate to the Hotspot Image section and replace the current image with your desired one. This flexibility allows you to update your content easily without needing to reconfigure the tooltip settings. Keeping your visuals fresh can enhance user engagement.