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