MARKETPLACE
PLUGINS
TIPPY TOOLTIP
Tippy Tooltip logo

Tippy Tooltip

Published May 2024
   •    Updated June 2025

Plugin details

Tippy tooltip plugin - add a custom plugin to any one of your elements!
You can control the content of the tooltip, as well as
- placement
- arrow display
- tooltip display duration
- tooltip display delay
- type of tooltip animation
- type of trigger (hover/focus/click)
- whether the tooltip should be docked to the element or the mouse cursor
- a few custom themes

In addition, the plugin allows to create a common configuration for all the tooltips present on a page, which allows for easier reuse of settings and much less configuration!

The plugin is based on this library:
https://atomiks.github.io/tippyjs/

If you need more functionality that is supported by the tippy library but not yet present in the plugin, let us know and we'll add it ASAP!

*Demo Editor*: https://bubble.io/page?type=page&name=tippy_tooltip&id=contact-96348&tab=tabs-1

You can also check out the tutorial video here: https://youtu.be/i3MRkISVnGk

$20

One time  •  Or  $4/mo

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Devs(K)no(w)Code logo
Devs(K)no(w)Code
Joined 2023   •   6 Plugins
View contributor profile

Instructions

In order to make this plugin work you will need to turn on inputIds in Bubble:    In order to show the tooltip element which element you want to add the tooltip to, you need to be able to set the id for your elements. In order to enable this option, in your Bubble Editor go to Settings -> General -> Scroll to very bottom and tick "Expose the option to add an ID attribute to HTML elements"
  When that option is enabled, you will have a new field in the bottom of "Appearance" tab of you elements - "ID attribute". The value in this field has to match the value in "elementId" value on "Appearance" tab of our Tooltip element.


In order to set up default values for tooltip settings, add a single "Tippy Tooltip General Config" element. All of the settings in this element will be used for the tooltips if you don't configure them on a given tooltip.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Productivity   •   Blog   •   Small Business   •   Ecommerce   •   Image   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble