How To: Add Tooltips to WordPress

Nowadays, tooltips are often seen as a shortcode in several premium themes, however those of which who still carry on the simple blogging tradition that WordPress was initially used for don’t have such tools in their editor. They have to rely on plugins to give them the extra functionality they need to make their blog more user-friendly for themselves and their readers. But, these users don’t have to give up hope just yet because there are still several developers out there who make the plugins we so desire. Here is a short guide to implement a simple, stylish tooltip plugin into your WordPress blog.

Install The Plugin

Firstly, download and install the plugin onto your WordPress blog, or you could easily just as well install the plugin from your WordPress dashboard.

Once you have activated the plugin, proceed to create a new post or page. If you select the visual tab, you will be presented with a shortcode button to implement the tooltip to a specific word, or line of text.

Adding a Tooltip

Highlight the specific content you wish to add a tooltip too, and click the tooltip shortcode. A modal box will appear asking you to define the tooltip content. Enter the information that you wish to display in the ‘tooltip content’ field. You also have the option to make your tooltip a link.

Once you have filled in the appropriate content in the modal box, click the ‘Add a Tooltip’ button. Your selected content will now be surrounded by a small line of code.

There you have it, you have now added a tooltip to your specific content. It really is as simple as that. You could alternatively use the syntax itself instead of using the shortcode button. The code syntax is as follows:

[php][tooltip content="the content within the tooltip" url="define a link"]hover over this text for to display the toolip[/tooltip][/php]

Here is an image of the tooltip in action:

Team WPLift

Team WPLift

A team of WordPress experts that love to test out new WordPress related software, WordPress plugins and WordPress themes.

Related Articles


4 thoughts on “How To: Add Tooltips to WordPress”

Comments are closed.


Create Your Own

Building beautiful WordPress websites has never been easier. Explore the visual drag & drop Theme Builder that does it all, and works on any theme. Coding skills needed: none.