# Hotspot

<figure><img src="/files/k7daDCEOGOmXY1zNmAtN" alt=""><figcaption></figcaption></figure>

## Overview

A banner block that can display interactive hotspot links overlaid on an image, allowing users to click on specific areas to access different content or products.

## Common use cases

* Create interactive product showcases with clickable hotspots
* Build image maps with informational overlays
* Add clickable zones to hero images
* Create educational or instructional content with interactive elements
* Display product details through image hotspots

## Compatible blocks

The following blocks can be nested within this block:

* [Spot](/slab/content/blocks/basics/hotspot/spot.md)

## Block settings

### General

| Setting                | Description                 | Options                   |
| ---------------------- | --------------------------- | ------------------------- |
| Show advanced settings | Reveals visibility settings | Checkbox (default: false) |

### Content

| Setting                  | Description                           | Options                   |
| ------------------------ | ------------------------------------- | ------------------------- |
| Image background desktop | Desktop background image              | Image picker              |
| Image background mobile  | Mobile background image               | Image picker              |
| Show entire image        | Shows the full image without cropping | Checkbox (default: false) |

### Spacing

| Setting        | Description                             | Options                 |
| -------------- | --------------------------------------- | ----------------------- |
| Minimum height | Minimum height of the hotspot container | 0 - 100 % (default: 50) |

### Display

| Setting    | Description                        | Options                                                                                                                            |
| ---------- | ---------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
| Visibility | Controls when the block is visible | <p>• All (default)<br>• Mobile only<br>• Desktop only</p><p><br><br>Visible when <strong>Show advanced settings</strong> is on</p> |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.brickspacelab.com/slab/content/blocks/basics/hotspot.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.