Wambay Tooltip

This tooltip solution is built by Johan because all the solutions in Webflow he could find were lacking. The requirements for this tooltip, and for any competitor to beat it are the following:

  • Automatically detects orientation
  • Can contain anything you want
  • Can attach tooltip to anything, also inline
  • Can click inside tooltip
  • Works inside collection pages like blogposts

Getting started

  1. Clone this project
  2. Have a look around how it's wired up
  3. Extract what you need you might only need simple developer tooltip

Just 2 components for simple richt text tooltips?

  • tooltips on ( turns on the tooltip feature for that page )
  • tooltip ( has 2 properties, id & rich-text )
  • add data-tooltip-wambay="id" somewhere you want to the tooltip to show

Works inside collections

  1. Clone this project & have a look at the blogpost
  2. Make a multi ref collection for tooltips
  3. Add the tooltip component inside a collection list
  4. Use finsweet's richt text addon to enable dom-element generation

Tutorial video

Need help?

If you need assistance, reach out to johan@wambay.com

Visit us at wambay.com