# Tooltip

### Section overview

The Tooltip section creates a fixed position button that reveals various content blocks when clicked. It provides a non-intrusive way to display additional information or functionality on your storefront.

#### Common use cases

* Displaying newsletter signup forms
* Providing contact forms for customer support
* Showcasing promotional content or announcements
* Highlighting important information that doesn't need to be visible at all times

#### Usage tips

* Choose an appropriate placement that doesn't interfere with critical page elements
* Keep tooltip content concise and focused to avoid overwhelming users
* Consider mobile users by testing the placement on smaller screens
* Use icons to enhance button visibility and communicate purpose clearly
* Limit the number of tooltip sections on a single page to prevent cluttering

### Section settings

| Setting      | Description                                                                            |
| ------------ | -------------------------------------------------------------------------------------- |
| Button label | Text displayed on the tooltip button                                                   |
| Button icon  | Icon displayed on the tooltip button                                                   |
| Color button | Style of the tooltip button (primary, secondary, etc.)                                 |
| Placement    | Position of the tooltip on the screen (top left, top right, bottom left, bottom right) |
| Visibility   | Control when the tooltip is visible (all devices, mobile only, desktop only)           |

### Block settings

#### Button

A clickable link that appears inside the tooltip content.

| Setting      | Description                                |
| ------------ | ------------------------------------------ |
| Button label | Text displayed on the button               |
| Button icon  | Icon displayed on the button               |
| Button url   | Destination URL when the button is clicked |

#### Text

Displays formatted text content inside the tooltip.

| Setting | Description                  |
| ------- | ---------------------------- |
| Content | Rich text content to display |

#### Image

Displays an image inside the tooltip.

*Limit: 1 per section*

| Setting | Description                     |
| ------- | ------------------------------- |
| Image   | Image to display in the tooltip |

#### Video

Embeds a video inside the tooltip.

*Limit: 1 per section*

| Setting            | Description                                     |
| ------------------ | ----------------------------------------------- |
| Video              | Video to display in the tooltip                 |
| Enable autoplay    | Automatically play the video when tooltip opens |
| Enable mute toggle | Show mute/unmute button for the video           |
| Enable loop        | Continuously loop the video                     |

#### Newsletter

Adds a newsletter signup form inside the tooltip.

*Limit: 1 per section*

| Setting         | Description                                |
| --------------- | ------------------------------------------ |
| Content         | Explanatory text for the newsletter signup |
| Button label    | Text for the submit button                 |
| Disclaimer      | Optional disclaimer text below the form    |
| Success message | Message displayed after successful signup  |

#### Form

Adds a contact form inside the tooltip.

*Limit: 1 per section*

This block has no customizable settings.


---

# 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/space/sections/content-and-media/tooltip.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.