---
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-09-22
lang: en
author: "Aditya Sharma"
description: "A tooltip that opens on hover is fine on a desktop and awkward on a phone, where there is no hover at all. Switching the pin to open on click..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Open-a-Hotspot-Tooltip-on-Click-in-Elementor_-1-1024x536.jpg
word_count: 564
---

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

## 

- The Plus Addons for Elementor Pro Hotspot widget sets Trigger per pin, and each pin’s Tooltip Options offers only Hover or Click.
- Click Trigger keeps the tooltip closed on hover and opens it only after the pin is clicked, while Hover opens the tooltip when the pointer moves onto the pin.
- The widget is Pro only, and an Icon pin can render blank if nothing loads Font Awesome, so Text or Image pins are recommended when that affects the page.

A tooltip that opens on hover is fine on a desktop and awkward on a phone, where there is no hover at all. Switching the pin to open on click gives everyone the same behaviour.

Every pin in the **Hotspot** widget has its own **Tooltip Options**, and one of them is **Trigger**. It has two settings, **Hover** and **Click**.

***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.***

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

## Before You Start

- **Edition:** Pro. With only the free plugin active the widget does not render.- **Switch it on:** **The Plus Addons > Widgets**, search **Hotspot**, turn the toggle on.- A hotspot already on the page. If you have not built one yet, start with [How to Add an Elementor Hotspot on an Image?](https://theplusaddons.com/docs/add-an-elementor-hotspot-on-an-image/)

## Steps

- Select the **Hotspot** widget and open the pin you want to change in **Add Multiple Pin Hotspot**.- Inside that row, switch to its **Style** tab.- Click **Tooltip Options** to open the group.- Set **Trigger** to **Click**.- Repeat for every pin that needs it - **Trigger** is per pin, not per widget.

## What You Will See

We published the page and tested the pin both ways. With **Trigger** left at **Hover**, moving the pointer onto the pin opened the tooltip. With **Trigger** set to **Click**, the same pointer move opened nothing at all, and the tooltip appeared only after the pin was clicked.

![The hotspot tooltip opened by clicking the pin.](https://theplusaddons.com/wp-content/uploads/2026/09/hotspot-result-click.webp)

![Animated demo of a hotspot tooltip opening on click.](https://theplusaddons.com/wp-content/uploads/2024/05/hotspot-tooltip-click.gif)

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| **Trigger** | Hover or Click opens the tooltip | Hover |
| **Position** | Where the tooltip sits - Left, Right, Top, Top Start, Top End or Bottom | Top |
| **Theme** | The tooltip's colour scheme | Dark |
| **Tooltips Interactive** | Lets the visitor move the pointer into the tooltip without it closing | Enabled |
| **Animation** | How the tooltip appears | Shift-Toward |

## How It Behaves

- **Trigger** lives in the pin row's **Style** tab, under **Tooltip Options** - not in the row's Content tab where the text is.- With **Click**, hovering does nothing; the tooltip stays shut until the pin is clicked. We checked both, on the published page.- **Tooltip Options** is the same set of settings The Plus Addons uses for tooltips elsewhere in the plugin, so the options will look familiar.- Each pin carries its own settings, so you can mix hover pins and click pins in one image.

## Limitations

- Pro only.- There is no single switch for the whole widget - **Trigger** has to be set on each pin.- An **Icon** pin renders blank on a page where nothing loads Font Awesome; the tooltip still opens, but there is nothing visible to click. Use a **Text** or **Image** pin if that affects your page.

## Troubleshooting

### The tooltip still opens on hover

**Trigger** is set on that pin only. Open each row of **Add Multiple Pin Hotspot**, go to its **Style** tab and check **Tooltip Options**.

### I cannot find Tooltip Options

It is in the pin row's **Style** tab, not the widget's Style tab and not the row's Content tab.

### Nothing opens at all

Check the pin has text in **Description** under **Pin Content**. An empty description leaves nothing to show.

## Not verified

So you know exactly what has and has not been checked:

- Real touch devices - we tested a pointer click, not a finger tap.- **Tooltips Interactive**, **Offset**, **Distance**, **Duration In** and **Duration Out**.- The **Content WYSIWYG** content type inside a hotspot tooltip.

## Related Docs

- [How to Add an Elementor Hotspot on an Image?](https://theplusaddons.com/docs/add-an-elementor-hotspot-on-an-image/)- [How to Use an Image as a Hotspot Pin in Elementor?](https://theplusaddons.com/docs/use-an-image-as-a-hotspot-pin-in-elementor/)- [How to Use Text as a Hotspot Pin in Elementor?](https://theplusaddons.com/docs/use-text-as-a-hotspot-pin-in-elementor/)

## Frequently Asked Questions

**Q: Why does a hotspot tooltip open on hover instead of click on mobile?**
A: Hover feels natural on desktop, but it breaks down on phones because there is no hover state. The Hotspot widget in The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH lets each pin use Trigger set to Hover or Click, so switching to Click gives the same behavior across devices. That matters when you want the tooltip to wait for an intentional tap or click instead of appearing just from pointer movement.

**Q: How do I make a hotspot tooltip open on click in Elementor?**
A: The click behavior is controlled per pin, not for the whole widget. In the pin row’s Style tab, open Tooltip Options and change Trigger from Hover to Click. The page notes this lives inside Add Multiple Pin Hotspot, and you repeat it for every pin that should behave that way. That setup is useful when one image needs mixed behavior, since hover and click pins can coexist on the same hotspot image.

**Q: Why is my hotspot tooltip still opening on hover after I changed the setting?**
A: That usually means the Trigger was changed on one pin only. Each pin in Add Multiple Pin Hotspot has its own Tooltip Options, so another row can still be set to Hover. The page also says Trigger lives in the pin row’s Style tab, not the widget’s Style tab or the row’s Content tab. Checking each pin separately avoids the common mismatch where one tooltip behaves differently from the rest.

**Q: Where are Tooltip Options in the Hotspot widget?**
A: Tooltip Options are inside each pin row’s Style tab. They are not in the widget’s Style tab and not in the row’s Content tab where the text content lives. That placement matters because Trigger is part of the pin-level settings, so every pin carries its own tooltip behavior. In The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH this makes it possible to mix Hover and Click pins in one image.

**Q: What do I need before using click tooltips in a hotspot?**
A: The Hotspot widget is Pro only, so it needs The Plus Addons for Elementor Pro installed and activated. The page also says a hotspot should already exist on the page before you change Trigger behavior. If you have not built one yet, start with [How to Add an Elementor Hotspot on an Image?](https://theplusaddons.com/docs/add-an-elementor-hotspot-on-an-image/). That saves time because you are editing an existing pin rather than setting up the whole hotspot from scratch.

**Q: Why does nothing open when I click a hotspot pin?**
A: An empty Description under Pin Content leaves nothing to show, so the tooltip has no visible content even if Trigger is set correctly. Another gotcha is icon pins: if Font Awesome does not load on the page, an Icon pin can render blank even though the tooltip still opens. In that case, Text or Image pins are safer because there is something visible to click and something available for the tooltip to display.