How to create Tooltip
To create a tooltip, first, got to edit page and scroll to the bottom of the page. You will find ‘Options Doc’, under the options, you’ll find Page Settings > Tooltips.

Make sure your tooltips button says ‘YES’. When turned on, you will see an additional option called Tooltips. Navigate to that option and hit ‘Add Tooltip’.

You will see three fields at this point, namely –
- Tooltip ID – You must fill it up, we will use the tooltip using this ID later.
- Tooltip Content – The content that will show up as a tooltip.
- Featured Image – An image to show along with tooltip content ( optional )
After populating these fields, as your final step, you have to use a shortcode, mentioning the id of the tooltip.
Here is how to do it – [docly_tooltip id=”1″] Text to hover on for tooltip [/docly_tooltip]
A working example –
Hover Over me