---
title: "How to Use an Image as a Hotspot Pin in Elementor?"
url: https://theplusaddons.com/docs/use-an-image-as-a-hotspot-pin-in-elementor/
date: 2024-05-13
modified: 2026-04-09
lang: en
author: "Aditya Sharma"
description: "Do you want to use an image as a hotspot in Elementor? Using an image as a hotspot over an image allows you to make the hotspot more creative. With the..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Use-an-Image-as-a-Hotspot-in-Elementor_-1024x536.jpg
word_count: 215
---

# How to Use an Image as a Hotspot Pin in Elementor?

## 

- Utilizes the Hotspot widget from The Plus Addons for Elementor to create image hotspots.
- Requires installation and activation of The Plus Addons for Elementor to access the Hotspot widget features.
- Enables customization of hotspot images and tooltips through the Pin Type and Pin Content sections.

Do you want to use an image as a hotspot in Elementor? Using an image as a hotspot over an image allows you to make the hotspot more creative. With the Hotspot widget from The Plus Addons for Elementor, you can easily use an image as a hotspot 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 on which you want to use an image. Then select **Image** from the **Pin Type** dropdown.

![](https://theplusaddons.com/wp-content/uploads/2024/05/hotspot-pin-type-image.gif)

3. After that you have to add your image in the **Pin Image** section.

You can also add a different image for the hover state in the **Pin Hover Image** section.

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

Now you will see your image as a hotspot over the image.

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