---
title: "How to Use an Image as a Hotspot Pin in WordPress?"
url: https://nexterwp.com/docs/use-an-image-as-a-hotspot-pin-in-wordpress/
date: 2024-12-04
modified: 2026-04-14
author: "Aditya Sharma"
description: "Do you want to use an image as a hotspot in WordPress? This feature allows you to place interactive hotspots over an image, making the design more engaging and creative,..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Use-an-Image-as-a-Hotspot-Pin-in-WordPress_-1024x519.jpg
word_count: 203
---

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

## Key Takeaways

- Nexter Blocks Hotspot block lets a WordPress site place interactive hotspots over an image, with extra information or links appearing when users hover or click specific areas.
- Hotspot block requires Nexter Blocks to be installed and activated before use.
- Pin Type set to Image and the Tooltip toggle enabled in the Content tab make the image appear as a hotspot over the image.

Do you want to use an image as a hotspot in WordPress? This feature allows you to place interactive hotspots over an image, making the design more engaging and creative, and providing additional information or links when users hover or click on specific areas.

With the Hotspot block from Nexter Blocks, you can easily use an image as a hotspot on your WordPress website.

*To check the complete feature overview documentation of the Nexter Blocks Hotspot block, [click here](https://nexterwp.com/docs/add-a-wordpress-hotspot-on-an-image/).*

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-hotspot-pinpoint-image/)

To do this, add the Hotspot block to the page and follow the steps - 

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

2. Then, in the **Pin Content** tab, open the repeater item on which you want to use an image. Select **Image** from the **Pin Type** section.

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

4. Then enable the **Tooltip** toggle, and add the appropriate content for the tooltip in the **Content** tab.  

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