---
title: "How to Use an Image as a Hotspot Pin in WordPress?"
url: https://qa.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://qa.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

- Utilize the Hotspot block from Nexter Blocks to create interactive hotspots on images in WordPress.
- Add an image in the Hotspot Image section and select Image from the Pin Type section to set up hotspot pins.
- Enable the Tooltip toggle and input content in the Content tab to display tooltips when users interact with hotspots.

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://qa.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://qa.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.