Tooltips and Popovers

With Tooltips and Popover shortcodes from our Templatic Shortcodes plugin now you can display a Tooltip or a popover on any content. You don’t even need to enter the code for shortcodes. Our plugin options in the wordpress visual editor will do it for you.

Tooltips

Hover your mouse on 4 different links below to see the tooltips in action.
[templatic_tooltip] [tooltip_li position=”top” text=”This is a tooltip”] Top [/tooltip_li] [tooltip_li position=”bottom” text=”This is a tooltip”] Bottom[/tooltip_li][tooltip_li position=”left” text=”This is a tooltip”] Left [/tooltip_li][tooltip_li position=”right” text=”This is a tooltip”] Right [/tooltip_li][/templatic_tooltip]

The tooltip or infotip or a hint is a common graphical user interface element. It is used in conjunction with a cursor, usually a pointer. The user hovers the pointer over an item, without clicking it, and a tooltip may appear—a small “hover box” with information about the item being hovered over. Tooltips do not appear on mobile operating systems, since there is no cursor.

Popovers

Click on the buttons below to see popover effect
[templatic_popover data_content=”And here is some amazing content. It is very engaging. right?” data_original_title=”A Title” placement=”left”] Popover Left [/templatic_popover] [templatic_popover data_content=”And here is some amazing content. It is very engaging. right?” data_original_title=”A Title” placement=”top”] Popover Top [/templatic_popover] [templatic_popover data_content=”And here is some amazing content. It is very engaging. right?” data_original_title=”A Title” placement=”bottom”] Popover Bottom [/templatic_popover] [templatic_popover data_content=”And here is some amazing content. It is very engaging. right?” data_original_title=”A Title” placement=”right”] Popover Right [/templatic_popover]