How to use wordpress tooltip shortcode [tooltips] to add tooltips manually?

It is very easy to add wordpress image / video / audio tooltips, form element tooltip… in wordpress automatically or manually via a few clicks, just in one minute. Please check our wordpress tooltip video tutorials at below or Try WordPress Tooltip Demo:

WordPress Tooltip:

WordPress Glossary:

Since wordpress tooltip 4.2.8(current version is 20.9.8, at 2023-05-18), based on user requested, we added a new wordpress tooltip shortcode [tooltips].

In general, you do not need a tooltip shortcode, because wordpress tooltips plugin will add tooltips effect for post’s content/title/tag/excerpt/gallery/menu automatically, based on wordpress standard APIs. By this way, wordpress tooltip plugin will save your time to manage tooltips, for example, when you want to change tooltips content, you will not need to read all posts to find which page has a specified tooltip and change it one by one manually, what you need to do is just editing your tooltips in wordpress standard WYSWYG editor, then tooltip content in all posts will be updated automatically.

Some amazing users told us they want to use tooltip shortcode to add tooltips in wordpress posts, with a lot of reasons, for example: homonym tooltip(homonym tooltip means same word but different meanings); for example, use tooltip shortcode in Divi page builder, elementor page builder, VC page builder… and so on, we are happy to report you that we have built a powerful wordpress tooltip shortcode [tooltips] to help you add pretty tooltip in anywhere 🙂

The wordpress tooltip shortcode [tooltips] is very easy to use:

It looks like this: wordpress tooltips

Also you can add image tooltip in wordpress tooltip popup box, for example:

It looks like this: lovely girls

Our WordPress tooltip short codes support many more amazing features, for example, add video tooltip on an image, use another image as image tooltip for images… and so on:

WordPress Tooltip Pro support to add multimedia tooltips to an image, you can insert many different multimedia format elements in the tooltip, which is anything you can hear and see, including text, images, sound, music, film, animation, video, audio recorders, etc.

Let’s try it, when you hover over the image, a wordpress multimedia tooltip appear with a description of the image, you can see a combination of different multimedia content forms, text, link, image, audio and video in the tootlip.

How to use wordpress tooltip shortcode

We add the wordpress multimedia tooltip to an image using tooltip shortcode [tooltips].

[tooltips keyword = "<img src='Source of image' />" content = "Alternative Multimedia content will be displayed as a tooltip"]

NOTE:

1. Input the wordpress tootlip shortcode in the wordpress text editor. This editing mode makes you write your wordpress multimedia tooltip content of HTML.

2. Select the option “Enable Advance Tooltips Shortcode” in “Tooltip Settings for this page, or wordpress tooltip shortcode will not work.

Usage example

Usage example 1

Input the wordpress tootlip shortcode in the wordpress text editor.

[tooltips keyword = "<img src='https://tooltips.org/wp-content/uploads/2018/08/girl.png' />" content = "<video controls='controls'><source src='https://tooltips.org/wp-content/uploads/2023/05/003.mp4' type='video/mp4'>Your browser does not support the HTML5 Video element.</video><h3>Multimedia Tooltip</h3>"]

WordPress Tooltip Shortcode Demo 1: Add Video Tooltip on Image

The example present video and text in a wordpress multimedia tooltip.

Usage example 2

Input the wordpress tootlip shortcode in the wordpress texts editor.

[tooltips keyword = "<img src='https://tooltips.org/wp-content/uploads/2018/08/fruit.png' />" content = "<audio controls = 'controls'><source src='https://tooltips.org/wp-content/uploads/2018/08/001.mp3' type='audio/mpeg'>Your browser does not support the audio element.</audio><h3>Multimedia Tooltip"]

WordPress Tooltip Shortcode Demo 2: Add Audio Tooltip on Image

The example presents audio music and text in a wordpress multimedia tooltip.

Usage example 3

Input the wordpress tootlip shortcode in the wordpress text editor.

[tooltips keyword = "<img src='https://localhost/wp-content/uploads/2017/02/girl2.gif' />" content = "<img src='https://localhost/wp-content/uploads/2017/02/girl2.gif' /><h3>Multimedia Tooltip</h3><div><a style='text-decoration: underline;' href='https://tooltips.org/'>tooltips Pro </a> support any multimedia content. Hover the trigger, you'll see a tooltip that contains text, image, audio, vedio and much more.</div>"]

WordPress Tooltip Shortcode Demo 3: Add Image Tooltip On Another Image

The example present image, text and link in a wordpress multimedia tooltip.

[tooltips] shortcode is a powerful tool, [tooltips] support Self-Closing Shortcode and Enclosing Shortcode, with Enclosing Shortcode, you can use [tooltips] shortcode to add icon tooltip

How to use WordPress Tooltip Shortcode to Create Icon Tooltip?

It is very easy to create icon tooltip from wordpress tooltip plugin, Please mouse hover this icon tooltip -> 🙂

Both of them will works well, please use your icon replace the “:)”

Also we offer another method to add icon tooltip more easier, you do not need add your content, you can just use conent from existed tooltip terms, it works like this:

You can find more icon tooltip demos at:

[tooltips] shortcode icon tooltip demo

[icon_tooltip_by_id] shortcode icon tooltip demo

How to Reference the Content from an Already Existing Tooltips Term in Tooltip Short Code?

1: Click “Tooltips” menu item, in “All Tooltips” Panel, search the existed tooltip term which you want to reference.

2: Click Editor button of the tooltip term, it looks like this:

edit button of tooltip term

3: Then you will open “Edit Tooltip” panel.

4: In “Edit Tooltip” panel, you will find the tooltip id in browser URL bar, it looks like this:

find tooltip term which you want to reference

You will find the in the browser URL bar, the URL is: tooltips.org/wp-admin/post.php?post=3107&action=edit&classic-editor, and the tooltip id is 3107.

5: Now you can insert this tooltip id in your tooltip_by_id shortcode [tooltip_by_id tooltip_id='3107'] in any wordpress page or post

6: The result looks like this:

Some amazing users told us they want to use our wordpress tooltip in other plugins generated content too, for example add tooltip in tables which generated by table plugins, add tooltip in form plugins, add tooltip in price tables, add tooltip in Divi page builder… and so on, now you can insert wordpress tooltips to pages which is generated by those 3rd plugins very easy, for example, in tablepress plugin, you can add wordpress tooltip shortcode in table title, table cell… and so on, when users mouse hovers the table cell, they can see video, image, audio, text, html links, google map, QR code related with this table cell in tooltip popup box.

you can find more wordpress shortcode guide at Lists of How to Use WordPress Tooltip Shortcode.

We are working hard to let WordPress tooltip plugin support more and more famous plugins, for example woocommerce, tablepress, MaxButtons, Easy Pricing Tables… and so on, if you have any feature request for wordpress tooltip plugin, please don’t to hesitate to tell us, we are happy to integrate our wordpress tooltip plugin with famous plugins.

We are happy to add more amazing wordpress tooltip function for our wordpress tooltips shortcode, any feature request is very welcome. 🙂

WordPress Tooltip features can be found at features of WordPress Tooltips Plugin . Please check WordPress Tooltip Demos of video tooltip, image tooltip, audio tooltip, tooltip for button, tooltip for title, tooltip for tag, woocommerce tooltip, table tooltip, pricing table tooltip, … Try Demo

Thanks, have a happy day with your family. 🙂

WordPress Tooltips Plugin demos:

Add tooltips in Table Cell

Add tooltips in Pricing Table

WordPress Image Tooltips Demo

WordPress Audio Tooltips Demo

Add tooltips in wordpress post title

Add tooltips for your WooCommerce Product

Add tooltips on Button

Add wordpress tooltips in wordpress post tag

Show Tooltips In F.A.Q

Add wordpress tooltips on tag

Add wordpress tooltips on title demo

use Video as wordpress tooltips demo

Demo of add tooltips manually so you can add many different tooltips content for the same tooltips term

Have fun!
Wordpress tooltips plugin team