How to add multimedia tooltip to an image using tooltip shortcode

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 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 it

We add the 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 make you write your multimedia tooltip content in HTML.

2. Select the option “Enable Advance Tooltips Shortcode” in “Tooltip Settings for this page, or 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/2018/08/002.mp4' type='video/mp4'>Your browser does not support the HTML5 Video element.</video><h3>Multimedia Tooltip</h3>"]

Tooltips keyword is the anchor image similar to a hyperlink.

Img src specifies the URL of your image.

The Content text entered will be shown on the popup tooltip box.

Demo 1

The example present video and text in an multimedia tooltip.

Usage example 2

Input the wordpress tootlip shortcode in the wordpress text 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"]

Tooltips keyword is the anchor image similar to a hyperlink.

Img src specifies the URL of your image.

The Content text entered will be shown on the popup tooltip box.

Demo 2

The example present audio music and text in an 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>"]

Tooltips keyword is the anchor image similar to a hyperlink.

Img src specifies the URL of your image.

The Content text entered will be shown on the popup tooltip box.

Demo 3

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

We are still adding more amazing effects for wordpress tooltip plugin based on users requests, any feature request is super welcome 🙂