Improve your app's user experience with Contextual Help Tooltips! This powerful, lightweight plugin allows you to add clean and professional help pop-ups to any input field on your page. Guide your users, explain complex fields, and reduce user error without cluttering your UI.

The tooltip appears automatically when a user focuses on an input and disappears on blur, providing help exactly when it's needed.

Key Features ✨

Automatic Display: Tooltips appear on input focus and hide on blur.

Target Any Element: Simply provide the ID Attribute of any element you want the tooltip to attach to.

Full Style Control: Uses Bubble's native style editor. Control background color, font, size, boldness, and more right from the Appearance tab.

Customizable Positioning: Choose to display the tooltip on the Top, Bottom, Left, or Right of the target element.

Smart Mobile Responsiveness: Automatically switches "Left" and "Right" positions to "Bottom" on mobile screens to ensure a perfect layout.

Custom Max Width: Control the maximum width of the tooltip box to keep your design neat.

How to Use 🚀

Place the Contextual Helper element on your page.

Select the input field you want to target (e.g., an "Input" or "Multiline Input" element). In its properties, scroll to the bottom and set its ID Attribute (e.g., password_input).

Select the Contextual Helper element. In its properties, enter the same ID (password_input) into the Target Element ID field.

Write your Help Text and set the desired Position.

Style the tooltip using the Appearance tab, just like any other Bubble element!

Perfect for password requirements, formatting instructions, or providing extra guidance on complex forms.