How one can Add Tooltips in Your WordPress Posts and Pages

Why Show Tooltips in Your WordPress Posts and Pages?

Tooltips show helpful data in small bins that pop up while you hover over an space in your WordPress website. They’re an effective way so as to add readability to your content material.


You should utilize tooltips so as to add definitions of inauspicious phrases, spotlight essential info, and reveal the sources of your data. Like footnotes, they will enhance person expertise and assist construct belief along with your guests.


Nonetheless, tooltips ought to by no means be used for important data. Your submit ought to include all the things your readers want even when they don’t learn the tooltip, simply in case they don’t see them. You must also ensure you don’t overuse tooltips, or they will grow to be a distraction to your web site guests.


That being stated, let’s have a look at how one can add tooltips to your WordPress posts and pages.

How one can Add Tooltips in Your WordPress Posts and Pages

The very first thing you could do is set up and activate the WordPress Tooltips plugin. To study extra, see our step-by-step information on how you can set up a WordPress plugin.


As soon as the plugin is activated, there are a number of methods so as to add tooltips to your posts and pages. The primary is to mechanically add tooltips to sure key phrases.


Including Tooltips to Key phrases Robotically

All it’s important to do is navigate to Tooltips » Add New to create a brand new tooltip. That you must begin by including a title.


This title is a key phrase, and the tooltip will probably be mechanically be displayed in every single place the key phrase seems in your posts and pages. This may prevent a whole lot of time, because you don’t want so as to add the tooltip in a number of places all through your web site.


If you want different phrases to additionally show the tooltip, then you possibly can enter them within the synonyms part on the fitting of the display screen. In case you enter a number of synonyms, then they need to be separated by the pipe image |.

Now, within the content material part, add your tooltip. A tooltip could be just a few phrases lengthy, or it might be a number of paragraphs of wealthy content material with pictures and different media. Nonetheless, take into account that you might be writing content material for a tooltip, not a full submit, so maintain it as temporary as doable so it’s simply readable on any display screen.


When you’ve completed, it’s best to click on the ‘Publish’ button on the fitting of the display screen. Now tooltips will probably be mechanically displayed in your posts and pages wherever the tooltip’s title and synonyms are discovered.

Including Tooltips Utilizing Shortcode


One other approach so as to add tooltips is so as to add a shortcode to the content material of your posts and pages. This technique is appropriate for shorter tooltips, or while you wish to show the tooltip simply as soon as as a substitute of on each matching key phrase in your web site.

In case you’re new to shortcodes, then you possibly can study extra in our newbie’s information on how you can add a shortcode in WordPress.


So as to add your tooltip shortcode, first you could create or edit the submit or web page the place you want to add the tooltip. Then it’s best to add this shortcode the place you would like the tooltip to be displayed:

Merely change YOURKEYWORD with the phrase or phrase you wish to add the tooltip to, and change YOURTOOLTIPCONTENT with the textual content you wish to add to the tooltip. Make sure to go away the quotes within the shortcode in order that it really works correctly.

You possibly can preview the web page to see the tooltip in motion.


That is the way it seems on our demo website.

Constructing a Glossary From Your Tooltips


Every tooltip is an outline of a key phrase, much like what you’d discover in a dictionary or glossary. As you go on including tooltips, it’s as if you’re constructing a primary glossary.

Because of this the WordPress Tooltips plugin means that you can show a glossary of tooltips in your web site. Merely add the [glossary] shortcode to the submit or web page the place you need the glossary to seem.

After you’ve gotten printed the submit or web page, you possibly can go to your web site to see the glossary.


That is the way it seems on our demo website. It contains the tooltips we added to the plugin’s tooltips listing, however not the tooltips we created utilizing shortcode.

If you wish to customise the glossary, then you are able to do so from the Tooltips » Glossary Settings menu in your WordPress dashboard. Right here one can find quite a few choices you possibly can tweak on how the glossary will probably be displayed and what will probably be included.

For instance, you possibly can select whether or not or to not show pictures within the glossary, and you’ll listing the ID of any tooltips you don’t wish to embody.


We hope this tutorial helped you discover ways to add tooltips to your WordPress posts and pages.