Before the first use, please install the “Simple Tooltips” free plugin. If you are new to plugins, you can read our detailed instructions at the bottom of this post, but do not worry, it is super simple, about three clicks and a one time only thing.

First things first: the demo

Our sample product is The Ordinary Buffet. It has quite a long and interesting ingredient list.

This is our fancy mode that contains short explanations (comes up on mouse hover or tap on mobile), functions, comedogenicity & irritancy index and the INCIDecoder rating.

How to use

It is super simple to use, all you have to do is look up the product on INCIDecoder (or upload if it is not there yet), press the “BLOG” button under the ingredient list, and copy-paste our embed code into the HTML source of your blog post and boom, done. 🙂

1. Press the BLOG button on the product page.

2. Copy-paste the code into the text (html) version of the post.

Simple Tooltip Plugin Setup (one time only)

To have these nice mobile-compatible tooltips, you have to do a tiny step but only once, before the first use. Please install the “Simple Tooltips” free plugin and your are good to go.

If you are new to plugins, here is how to do it (really super simple, about three clicks :)):

In WordPress Admin, go to Plugins -> Add new:

In the upcoming screen, in the Search Box type in “Simple Tooltips”. The first search result will be it. Press Install, then Active and done. 🙂

You are redirected to the Installed Plugins page where you will see Simple Tooltip. To customize for nice colors that suit your blog, press Settings:

On the Settings page adjust the background and text color, and maybe make it a bit wider, ours is set to 350px: