# Tool tip

### Section overview

The Tooltip section creates a floating button that, when clicked, displays a customizable dropdown with various content blocks. This floating element can be positioned in any corner of the screen, providing a non-intrusive way to present additional information or functionality.

#### Common use cases

* Displaying newsletter signup forms for email collection
* Providing quick contact forms for customer support
* Showcasing promotional content or limited-time offers
* Offering additional information about products or services without cluttering the main page

#### Usage tips

* Keep the tooltip content concise and focused on a single call-to-action
* Use clear button labels and icons that communicate the purpose of the tooltip
* Consider mobile users when positioning the tooltip to avoid covering important content
* Test tooltip visibility across different screen sizes to ensure it doesn't interfere with primary page content

### 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                                                            |
| 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

This block adds a clickable button link within 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

This block adds text content to the tooltip.

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

#### Image

This block adds an image to the tooltip content. Limited to 1 per tooltip.

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

#### Video

This block adds a video to the tooltip content. Limited to 1 per tooltip.

| Setting            | Description                                         |
| ------------------ | --------------------------------------------------- |
| Video              | Video to display in the tooltip                     |
| Enable autoplay    | Automatically play the video when the tooltip opens |
| Enable mute toggle | Show a button to toggle video sound                 |
| Enable loop        | Play the video in a continuous loop                 |

#### Newsletter

This block adds a newsletter signup form to the tooltip content. Limited to 1 per tooltip.

| Setting         | Description                                                   |
| --------------- | ------------------------------------------------------------- |
| Content         | Text displayed above the email input field                    |
| Button label    | Text displayed on the submit button                           |
| Disclaimer      | Optional text displayed below the form (e.g., privacy policy) |
| Success message | Message displayed after successful subscription               |

#### Form

This block adds a simple contact form to the tooltip content. Limited to 1 per tooltip.


---

# 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/keystone/sections/forms/tool-tip.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.