Skip to content
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.