How to Add Tooltips in Your WordPress Posts and Pages

How to Add Tooltips in Your WordPress Posts and Pages

Do you wish to add tooltips in your WordPress posts and pages?

Tooltips are additional pieces of information that show when your mouse hovers over certain words. It’s a helpful way to clarify your content.

So, we’ll show you how to add WordPress tooltips in your posts and pages.

Why Display Tooltips in Your WordPress Posts and Pages?


Tooltips display useful information in small boxes that pop up when you hover over an area on your WordPress site. They’re a great way to add clarity to your content.

You can use tooltips to add definitions of difficult words, highlight important facts, and reveal the sources of your information. Like footnotes, they can improve user experience and help build trust with your visitors.

However, tooltips should never be used for essential information. Your post should contain everything your readers need even if they don’t read the tooltip, just in case they don’t see them. You should also make sure you do not overuse tooltips, or they can become a distraction to your website visitors.

That being said, let’s look at how you can add tooltips to your WordPress posts and pages.

How to Add Tooltips 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 tooltips to your posts and pages. The first is to automatically add tooltips to certain keywords.

Adding Tooltips to Keywords Automatically

All you have to do is navigate to Tooltips » Add New to create a new tooltip. You need to start by adding a title.

This title is a keyword, and the tooltip will be automatically be displayed everywhere the keyword appears in your posts and pages. This can save you a lot of time, since you don’t need to add the tooltip in multiple locations throughout your website.

If you would like other words to also display the tooltip, then you can enter them in the synonyms section on the right of the screen. If you enter multiple synonyms, then they should be separated by the pipe symbol


Now, in the content section, add your tooltip. A tooltip might be only a few words long, or it could be several paragraphs of rich content with images and other media. However, keep in mind that you are writing content for a tooltip, not a full post, so keep it as brief as possible so it’s easily readable on any screen.

Once you’ve finished, you should click the ‘Publish’ button on the right of the screen. Now tooltips will be automatically displayed on your posts and pages wherever the tooltip’s title and synonyms are found.

tooltips 2
Adding Tooltips Using Shortcode

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 just once instead of on every matching keyword on your website.

If you’re new to shortcodes, then you can learn more in our beginner’s guide on how to add a shortcode in WordPress.

To add your tooltip shortcode, first you need to create or edit the post or page where you wish to add the tooltip. Then you should add this shortcode where you wish the tooltip to be displayed:

[tooltips keyword="YOURKEYWORD" content="YOURTOOLTIPCONTENT"]

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 to the tooltip. Be sure to leave the quotes in the shortcode so that it works properly.

tooltips 4

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

This is how it appears on our demo site.

tooltips 5

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

If you have any issue on this, you can use our comment session or join our delegate on Facebook to solve any issues related to WordPress and subscribe to our YouTube Channel for WordPress video tutorials.

Share this Post

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top
Scroll to Top