MARKETPLACE
PLUGINS
TOOLTIP MASTER
Tooltip Master logo

Tooltip Master

Published May 2023
   •    Updated this week

Plugin details

Tooltip Master combines functionality from the Tippy.js library with other special features to allow you to fully customize your contextual tooltips, making them more modern, elegant, and professional. Supports plain text, HTML, BBCode, and even embedded content like iframes (videos, maps, external pages, etc.) to provide quick explanations, usage instructions, or additional details without compromising your interface design.


Key Features

✅ Supports static content (plain text) and process line breaks correctly
✅ Supports dynamic content, including HTML, BBCode, and iframes (videos, maps, external pages, etc.)
✅ Dynamic and intelligent positioning to avoid overlaps
✅ Various animations and effects
✅ Full control over visibility, interactivity, size, and offset
✅ Customizable trigger actions
✅ Modern preset themes and numerous customizable options

*The Demo Preview includes the full documentation and examples to help you get set up correctly.



How to test this plugin almost for free?
Subscribe and test it for a few days to see if the plugin meets your needs. Subscriptions are billed prorated, so if you cancel after a short period, you'll only pay for the days used.

Get in Touch
We'd love to hear from you! If you need help, have any questions about our plugins, want to provide feedback, or suggest a feature, please contact us directly.

$24

One time  •  Or  $8/mo

3.0 stars   •   1 ratings
7 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Galde C. Silvestre logo
Galde C. Silvestre
Joined 2021   •   9 Plugins
View contributor profile

Instructions

Basically, all plugin properties have a detailed description within the plugin element itself. But in short, follow the steps below and check the documentation for more information.

1️⃣ 𝗘𝗻𝗮𝗯𝗹𝗲 𝘁𝗵𝗲 𝗼𝗽𝘁𝗶𝗼𝗻 𝘁𝗼 𝘀𝗲𝘁 𝗮𝗻 𝗜𝗗
In the Bubble editor, go to the tab "Settings > General > Advanced options" and check the box "Expose the option to add an ID attribute to HTML elements".

2️⃣ 𝗜𝗱𝗲𝗻𝘁𝗶𝗳𝘆 𝘁𝗵𝗲 𝘁𝗮𝗿𝗴𝗲𝘁 𝗲𝗹𝗲𝗺𝗲𝗻𝘁
Set an ID to the target element. If the target element is disabled, it needs to be wrapped in another element as a group, and then the ID must be set to the group.

❗Note: To prevent compatibility issues, avoid starting IDs with numbers or symbols. Start with letters and use hyphens or underscores if needed.

3️⃣ 𝗜𝗻𝘀𝗲𝗿𝘁 𝘁𝗵𝗲 𝗽𝗹𝘂𝗴𝗶𝗻 𝗲𝗹𝗲𝗺𝗲𝗻𝘁 𝗮𝗻𝘆𝘄𝗵𝗲𝗿𝗲 𝗼𝗻 𝘁𝗵𝗲 𝗽𝗮𝗴𝗲
Insert the plugin element anywhere on the page and ensure it is always visible.

❗Note: In Bubble, any element-type plugin must be visible to work properly.

4️⃣ 𝗣𝗿𝗼𝘃𝗶𝗱𝗲 𝘁𝗵𝗲 𝗜𝗗 𝗮𝗻𝗱 𝘀𝗲𝘁 𝘁𝗵𝗲 𝗽𝗹𝘂𝗴𝗶𝗻 𝗽𝗿𝗼𝗽𝗲𝗿𝘁𝗶𝗲𝘀 𝗮𝘀 𝗱𝗲𝘀𝗶𝗿𝗲𝗱
In the plugin element, provide the ID assigned to the target element (in step 2) and set the other plugin properties according to your needs.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Productivity   •   Containers   •   Customer Support   •   Chat   •   Technical   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (3.0)

Works Great
May 9th, 2023
Sorry - my bad Just me being a bit thick - all sorted out and working beautifully - Thanks
Have you defined a unique ID for each element to be referenced in the tooltip? (plugin author)
May 9th, 2023
  •  
Galde C. Silvestre
Bubble