Key benefits
you'll unlock immediately

Revenue-driving actions top performers use now

Curious which strategies are actually working in today's market? Master the 9 key principles that are already helping your competitors maximize profits.

Transform your data into immediate income

Looking for smarter ways to use your business data? Learn to make revenue-generating decisions about marketing, pricing, and service optimization that pay off within weeks, not years.

Customer retention strategies that drive loyalty

Tired of one-time visitors? Discover how loyalty programs improve customer retention by 5-10%, leading to a 25% increase in profit potential, and why members spend 45% more per year than non-members.

Fill every appointment slot (even during slow periods)

What if your calendar could stay consistently full? Learn why last-minute promotions drive a 20% jump in short-notice bookings and how off-peak discounts increase bookings by 25–30%.

Industry insights not shared anywhere else

The most profitable businesses in beauty and wellness aren't posting their strategies on social media. Ready to peek behind the curtain? This guide reveals the exact tactics that matter most for discoverability, guest retention, and personalization. While others are guessing, you'll be implementing proven approaches tailored for salons, spas, and medical spas.

Add and edit your tooltips here

This section is hidden on the live website.
You can use anything Webflow has to offer, even rich text ( yes, create a component and re-use it )

1. Create some tooltips here

Make sure there ID is something descriptive, that is how we will link them

April Fool’s Day

Good Friday / National Exercise Day

Easter Sunday

 Earth Day

Administrative Professionals' Day

National Arbor Day

National Sense of Smell Day

2. Add this attribute on any element on the website

For example I will do it on this word.
And on that image

3. Add this code snippet in the site settings

<script src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-richtext@1/richtext.js"></script>
<script src="https://unpkg.com/@popperjs/core@2/dist/umd/popper.min.js"></script>
<script src="https://unpkg.com/tippy.js@6/dist/tippy-bundle.umd.js"></script>

<script>
//there is a timeout because if you use finsweet to convert text to dom elements they might nog yet be converted. Because this is tooltip behaviour, the 100ms should not matter, nor be noticed.
setTimeout(() => {   
  tippy('[data-tooltip-wambay]', {
    content(reference) {
      const id = reference.getAttribute('data-tooltip-wambay');
      const template = document.getElementById(id);
      return template?.innerHTML || '';
    },
    allowHTML: true,
    interactive: true,
  });
  
  tippy('[data-tippy-content]',{
  	allowHtml: true,
    interactive: true
  });
}, 100);
</script>

I want to use them inside template pages

It's easiest to create a collection called "tooltips" and have just a rich-text-field.
Because that field can contain so much already, including images and links.

In this project there are only these tooltips inside the collection.
You can add many many more, much more complex ones.
Notice the ID on these is linked to the name propery, for it to be unique.

No items found.

I do not want to slow down my site

Imagine you have more then 30 tooltips with images inside, ... you don't want to load those on every template page.
In this case, we will filter them per page. On your blog, or other collection, add a reference field to the tooltips.

When you have this field you can manually add specific tooltips to that collection-item.

How do I add a data-attribute in a template?

You need to write some basic HTML inside the rich-text. This HTML will be picked up and processed when the page loads. Se the example in the following Rich-text-field ( you can only see it in designer ).

I have a body inside this <span class="tooltip-code" data-tooltip-wambay="blogpost">blogpost</span>, but no tooltips yet