Air Tooltip logo

Air Tooltip

Published June 2017
   •    Updated today

Plugin details

The AirTooltip plugin allows you to create highly customizable tooltips to enhance user interactions on your app. These tooltips can be triggered by various events such as clicks or hovering, and hey can display rich text, notifications, or any other kind of information. With full control over the position, appearance, and behavior of the tooltip, this plugin is perfect for providing users with contextual information or notifications in an elegant and non-intrusive way.                                            
Usage Features:

- Trigger tooltips with different events like click or hover.
- Full customization of the tooltip position, including alignment and offset.
- Dynamic content for the tooltips, allowing for personalized notifications or rich text.
- Supports themes (e.g., bootstrap) for easy styling.
- Control the appearance with rounded corners, shadows, and custom themes.
- Adjustable delay, show/hide effects, and tooltip behavior (move with the mouse or stay fixed).
- Use custom text directions and styles to match your app’s design.
- Option to hide or show tooltips based on user interactions.

 




Feedback



FAQ

- How do I trigger the tooltip?
You can trigger the tooltip by setting the event to either a click, hover, or custom event. This can be configured in the Show Event setting in the plugin options.

- Can I customize the position of the tooltip?
Yes, you can customize the position by adjusting the Tool tip corner and Target element corner settings. These allow you to define how the tooltip aligns with the target element.

- What kind of content can I show in the tooltip?
You can display dynamic or static content, including rich text, personalized notifications, or any HTML-based content, depending on your needs.

- Is it possible to control the appearance of the tooltip?
Yes, you can control the tooltip’s appearance through settings such as Rounded corner, Shadow, Font style, Border, and much more. Additionally, you can apply themes like bootstrap for easier styling.

- What happens if I want multiple tooltips on the same page?
You can define unique IDs for each tooltip, allowing you to have multiple tooltips with different triggers and content on the same page. You can also control whether other tooltips should hide when a new one is shown using the Hide all other tooltips setting.







Other plugins from Zeroqode

- Modern & Stable Tooltips (Tooltip) Plugin
- Better Native Tooltip Plugin for Bubble
- myAlerts! Plugin for Bubble




Support

If you still have questions or an unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!


Donations

🔥 Please support our efforts to keep this plugin free—your donations help us invest the time and resources needed to continue maintaining and improving it for everyone's benefit:  https://zeroqo.de/support.

Free

For everyone

3.8 stars   •   28 ratings
70.0K installs
This plugin does not collect or track your personal data.

Other actions

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   817 Plugins
View contributor profile

Instructions

1. Go to the settings page in your editor. Under the General tab click on the checkbox "Expose the option to add an ID attribute to HTML elements" 2. To attach a tooltip to an element (text, input, multiline input, button), enter a name at the "ID Attribute" field in the property editor of the element. 3. Pick and drop the Air tooltip element on the page. It doesn't matter where you drop it. It won't be visible on the page when previewed.
4. In the Trigger element id attribute of the tooltip, enter the same name you entered in step 2.
5. Choose your options and you're done.

NB: To use your own style make sure you have checked the box, "Custom style".
NB: Currently this works for the following elements: buttons, texts, inputs, and multiline inputs.

You can use this in a repeating group. Use the index of the field with some text to create some expression for the Element ID attribute and use the same expression for your tooltip.

Enjoy!

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Visual Elements   •   Productivity   •   Containers   •   Technical   •   Compliance   •   Mobile

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (3.8)
Great customization options
March 9th, 2025
Love that I can change the tooltip appearance easily
Hello, It’s Anton from the Zeroqode Support Team. We’re truly appreciative of your kind words and are delighted that our plugin has met your expectations. Your satisfaction is what we strive for every day at Zeroqode. Should you have any further thoughts, questions, or feedback, please don’t hesitate to connect with us via our forum (https://forum.zeroqode.com/) or by emailing us at support@zeroqode.com. We’re always here to assist. Thank you once again for your support. Best regards, Anton
March 11th, 2025
  •  
Zeroqode - Top Bubble Agency
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
5 stars
March 2nd, 2025
The best part is that it doesn’t slow down my app. I was able to style it to match my UI, and everything looks great
Hello there, Anton here, from the Zeroqode Support Team. Your positive review means a lot to us and it's wonderful to know we could add value for our users. Our team is always ready to assist, so if you have any queries or feedback, don't hesitate to reach out through our forum (https://forum.zeroqode.com/) or directly at support@zeroqode.com. Should there be any issues with our plugins, please report them at https://issues.zeroqode.com for prompt support. Thank you once again for your feedback. Kind regards, Anton
March 3rd, 2025
  •  
Zeroqode - Top Bubble Agency
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
Really improves the app’s usability.
December 24th, 2024
Really improves the app’s usability.
Hello, I'm Anton, part of the Zeroqode Support Team. We deeply appreciate the time you took to leave a review. Your feedback is crucial to us, and knowing that our plugin has served you well is rewarding. For any further thoughts or questions, connect with us on our forum (https://forum.zeroqode.com/) or email us at support@zeroqode.com. Sincerely, Anton
December 25th, 2024
  •  
Zeroqode - Top Bubble Agency
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
No issues found
December 22nd, 2024
Everything worked perfectly as described in the docs.
Greetings, Anton here from the Zeroqode Support Team. Thank you so much for your encouraging review! We’re thrilled to hear that our plugin is serving your needs well. Your feedback motivates us to continue delivering the best solutions. If there’s anything else we can assist with, feel free to reach out via our forum (https://forum.zeroqode.com/) or by contacting us at support@zeroqode.com. Your satisfaction is our priority. Best Regards
December 23rd, 2024
  •  
Zeroqode - Top Bubble Agency
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
Amazing
December 16th, 2024
Helps enhance UX with useful tips
Hello, Anton from the Zeroqode Support Team here. We greatly appreciate your positive feedback and are glad to know that our plugin has met your expectations. Your satisfaction is our greatest reward. If there’s anything more we can do for you, don’t hesitate to get in touch through our forum (https://forum.zeroqode.com/) or directly at support@zeroqode.com. Thank you once again for choosing Zeroqode. Best Regards
December 17th, 2024
  •  
Zeroqode - Top Bubble Agency
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
  •  
Original reviewer
Bubble
Bubble has acquired Flusk, the most advanced no-code security tool.
Learn more