How to Add tooltips in your WordPress posts and pages

Add tooltips

Do you want to Add tooltips in posts and pages on WordPress ?

Tooltips are additional pieces of information that appear when the mouse hovers over certain words. It’s a useful way to make your content visible.

In this article, we will show you how to add WordPress hints in your posts and pages.

Why are adding hints showing in your WordPress posts and pages ?

The first thing you need to do is install and activate the WordPress Tooltips plugin.

To learn more, see our step-by-step guide on how to install a WordPress plugin.

Once the plugin is activated, there are several ways to add hints to your posts and pages.

The first is to automatically add tooltips to certain keywords.

Automatically add tooltips to keywords

To add a new tooltip, simply go to “Tool Tips” » “Add New” in the WordPress backend.

So start by adding a title, which will serve as the keyword for your tooltip.

The tooltip will automatically display whenever the keyword appears in your posts and pages, saving you time from

having to manually add tooltips to multiple locations throughout your website.

then If you want to display tooltips for other related keywords as well, you can add them in the “Synonyms” section on the right side of the screen.

If you add multiple synonyms, be sure to separate them with the pipe symbol | also .

Add tooltips

In the content section, add your tooltip content. The tooltip can consist of a few words or multiple paragraphs of rich content with images and other media. However, keep in mind that you are writing content for a tooltip, not for a full post, so keep it as concise as possible for easy reading on any screen.

Once finished, click the “Publish” button on the right side of the screen.

Your tooltips will now be automatically displayed on your posts and pages wherever the tooltip title and synonyms are found.

Add tooltips using the short code

Another way to add tooltips is to add a shortcode to the content of your posts and pages.

This method is suitable for shorter tooltips, or when you want to display the tooltip only once instead of each matching keyword on your website.

To add your own short tip code, you first need to create or edit the post or page where you want to add the tooltip.

Then you should add this shortcode where you would like to display the tooltip:

Simply replace YOURKEYWORD with the word or phrase you want to add the tooltip to, and replace YOURTOOLTIPCONTENT with the text you want to add the tooltip to.

Make sure to leave the quotes in the shortcode for it to work properly.

WordPress tooltips

You can preview the page to see the tip in action.

This is how it appears on our demo site.

Build a glossary of your own tooltips

Each hint is a description of a key word, similar to what you would find in a dictionary or glossary.

This is why the WordPress Tooltips plugin allows you to display a glossary of tooltips on your website.

Simply add the [glossary] shortcode to the post or page where you want your glossary to appear.

tooltip glossary

After your post or page is published, you can visit your website to see the glossary.

This is how it appears on our demo site. It includes the tooltips we added to the plugin’s hints list, but not the tooltips we created with the shortcode.

Adding tooltips

If you want to customize the glossary, you can do so from the Tooltips » Glossary Settings › menu in your WordPress dashboard.

Here you will find a number of options that you can modify about how the term list is displayed and what is included.


Add tooltips

For example, you can choose whether or not to display images in the glossary.

We hope this tutorial helped you learn how to add hints to your WordPress posts and pages.


Previous post
Add custom article types to the RSS feed in the Dashboard
Next post
How much will be cost to build a WordPress site ?

Leave a Reply