{"id":74125,"date":"2025-04-23T01:51:11","date_gmt":"2025-04-23T01:51:11","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2025\/04\/23\/wordpress-tooltips-ultimate-image-hotspot\/"},"modified":"2025-04-23T01:52:26","modified_gmt":"2025-04-23T01:52:26","slug":"wordpress-tooltips-ultimate-image-hotspot","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2025\/04\/23\/wordpress-tooltips-ultimate-image-hotspot\/","title":{"rendered":"WordPress Tooltips Ultimate & Image Hotspot"},"content":{"rendered":"<\/a>\n<\/p>\n

LIVE PREVIEW<\/a>BUY FOR $26<\/a><\/p>\n

<\/p>\n

\"WordPress\n<\/p>\n

Create a tooltip utilizing the WordPress editor<\/h2>\n

Add tooltips inside your web page or publish content material on-the-fly by utilizing our WYSIWYG button on the tinyMCE editor.<\/p>\n

\"WordPress<\/p>\n

Create a tooltip utilizing the Reside Tooltip characteristic<\/h2>\n

Add tooltips wherever in your website on-the-fly<\/strong> by utilizing our Reside Tooltip button on the WordPress toolbar. And by wherever, we imply wherever, on menus, widgets, pictures, types (gravity types, contact types 7, and so on.), WooCommerce belongings,<\/strong> you identify it! You possibly can add tooltips even on the backend administration panel<\/strong>!<\/p>\n

\"WordPress<\/p>\n

Create picture hotspots<\/h2>\n

With our plugin, you’ll be able to even add hotspots that set off the tooltips you need at your individual pictures. Simply make your hotspot picture and paste the shortcode at your website.<\/p>\n

\"WordPress<\/a>
\n\"WordPress<\/p>\n

What Can You Do With Tooltips?<\/h2>\n

Tooltips can nonetheless make for a very nice addition to web sites for quite a lot of causes:<\/p>\n\n\n\n\n
\n
Make your website
extra reader-friendly<\/strong><\/h5>\n

As at all times, the much less textual content you placed on the principle interface of your website, the higher.
\nWhen you can tuck away a tip that guests could not need or want, you’ll be able to maintain
\nyour website free and away from any probably intrusive textual content.\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
Information your guests
to take motion<\/strong><\/h5>\n

When you’ve ever felt the necessity to have extra management over getting guests to take motion, tooltips may give you an additional layer of steerage with out having so as to add one other call-to-action into your website’s design.\n<\/td>\n<\/tr>\n

\n\u00a0\u00a0\u00a0\u00a0<\/td>\n<\/tr>\n
\n
Minimize down
on pointless back-and-forth<\/strong><\/h5>\n

Whereas your website’s design ought to already be intuitive, there could also be some spots that journey up guests. Moderately than depart them feeling annoyed, confused, or needing to achieve out to you for clarification, tooltips could be a built-in information to your web site.\n<\/td>\n<\/tr>\n<\/table>\n

Full Function Listing<\/h2>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\n
Tooltip styling choices<\/strong><\/h5>\n

Fashion the tooltip the best way you need! Select background coloration, borders, margin, padding choices. You possibly can preview the styling choices here<\/a>.\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
Tooltip arrow choices<\/strong><\/h5>\n

Fashion the tooltip’s arrow simply.
\nSelect width and top,
\nand even cover it fully.
\nYou possibly can preview the arrow choices here<\/a>.\n<\/td>\n<\/tr>\n

\n\u00a0\u00a0\u00a0\u00a0<\/td>\n<\/tr>\n
\n
Tooltip anchor choices<\/strong><\/h5>\n

You possibly can even model the tooltip’s anchor. Set the anchor cursor deciding on between quite a lot of cursors. Or change it’s font, background coloration or padding. You possibly can preview the anchor choices here<\/a>.\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
Interplay choices<\/strong><\/h5>\n

Present and conceal the tooltip the best way you need. You have got 5 exhibiting choices (on hover, on click on, on focus, on click on or focus and on web page load) and 4 hiding choices (on hover out, on clicking anchor, on clicking elsewhere and on focus out). You possibly can preview the anchor choices here<\/a>.\n<\/td>\n<\/tr>\n

\n\u00a0\u00a0\u00a0\u00a0<\/td>\n<\/tr>\n
\n
Animation choices<\/strong><\/h5>\n

A number of exhibiting and hiding animations. Set the animation kind, the time and even a delay if exists. You possibly can preview the animation choices here<\/a>.\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
Google fonts<\/strong><\/h5>\n

Choose from a big library
of Google fonts
and set the specified typography.\n<\/td>\n<\/tr>\n

\n\u00a0\u00a0\u00a0\u00a0<\/td>\n<\/tr>\n
\n
A number of tooltip place choices<\/strong><\/h5>\n

high left, high heart, high proper, heart left, heart heart, heart proper, backside left, backside heart, backside proper. You possibly can preview the place choices here<\/a>.\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
A number of arrow place choices<\/strong><\/h5>\n

high left, high heart, high proper, heart left, heart heart, heart proper, backside left, backside heart, backside proper\n<\/td>\n<\/tr>\n

\n\u00a0\u00a0\u00a0\u00a0<\/td>\n<\/tr>\n
\n
Prepared-to-use themes<\/strong><\/h5>\n

Select between 22 ready-to-use themes and make cool tooltips on the fly! You possibly can preview the accessible themes here<\/a>.\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
Textual content tooltips<\/strong><\/h5>\n

The default tooltip kind! Use it if you’d like text-only tooltips.\n<\/td>\n<\/tr>\n

\n\u00a0\u00a0\u00a0\u00a0<\/td>\n<\/tr>\n
\n
Picture tooltips<\/strong><\/h5>\n

Create picture tooltips on the fly. Simply add the picture you need and you’re set!\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
Picture & textual content tooltips<\/strong><\/h5>\n

Wish to present textual content and picture on the identical time on the tooltip? No downside. You even have 4 structure choices.\n<\/td>\n<\/tr>\n

\n\u00a0\u00a0\u00a0\u00a0<\/td>\n<\/tr>\n
\n
Modal tooltips<\/strong><\/h5>\n

The modal tooltip kind lets you create tooltips which ‘dim’ the remainder of the web page when proven, drawing customers consideration.\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
Video tooltips<\/strong><\/h5>\n

Add movies from YouTube or Vimeo to indicate inside your tooltip window. You possibly can even allow auto-play.\n<\/td>\n<\/tr>\n

\n\u00a0\u00a0\u00a0\u00a0<\/td>\n<\/tr>\n
\n
Google map tooltips<\/strong><\/h5>\n

Add google maps to indicate inside your tooltip window. You possibly can set your individual picture for the pin, set the zoom stage and even use snazzy maps code to make your tooltip map distinctive!\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
HTML tooltips<\/strong><\/h5>\n

Accommodates a WYSIWYG editor in which you’ll add formatted textual content (with hyperlinks, em tags, and so on.) or in some instances, even shortcodes.\n<\/td>\n<\/tr>\n

\n\u00a0\u00a0\u00a0\u00a0<\/td>\n<\/tr>\n
\n
Distinctive types<\/strong><\/h5>\n

3 distinctive types, comedian 1, comedian 2 & sharp.\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
Spotlight tooltips<\/strong><\/h5>\n

Wish to see what tooltips a web page has? You possibly can spotlight the energetic tooltips of the present web page simply by clicking a button.\n<\/td>\n<\/tr>\n

\n\u00a0\u00a0\u00a0\u00a0<\/td>\n<\/tr>\n
\n
Frontend publish content material tooltips<\/strong><\/h5>\n

Add tooltips to your publish content material simply throught the WordPress TinyMCE editor.\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
Frontend out-of-post tooltips<\/strong><\/h5>\n

By utilizing our Reside Tooltip characteristic, you’ll be able to add tooltips all over the place: menu, widgets, footer, icons, you identify it!\n<\/td>\n<\/tr>\n

\n\u00a0\u00a0\u00a0\u00a0<\/td>\n<\/tr>\n
\n
Backend tooltips<\/strong><\/h5>\n

You too can add tooltips to the WordPress backend.\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
Web page builder appropriate<\/strong><\/h5>\n

Works flawlessly with WPBakery Web page Builder and Website Origin.\n<\/td>\n<\/tr>\n

\n\u00a0\u00a0\u00a0\u00a0<\/td>\n<\/tr>\n
\n
Reside preview<\/strong><\/h5>\n

Attempt all of the customization choices on the backend by utilizing our reside preview and publish the tooltip if you end up prepared.\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
Muddle free<\/strong><\/h5>\n

Uninterested in seeing lengthy shortcodes in your editor? Our plugin replaces ugly shortcodes in your editor with a cool tooltip icon!\n<\/td>\n<\/tr>\n

\n\u00a0\u00a0\u00a0\u00a0<\/td>\n<\/tr>\n
\n
Responsive Design<\/strong><\/h5>\n

Tooltips will look nice on each desktop and cellular websites.\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
Object Oriented Code<\/strong><\/h5>\n

WordPress Tooltips Final makes use of essentially the most superior and simplest programming patterns, to get the perfect outcomes to your website.\n<\/td>\n<\/tr>\n

\n\u00a0\u00a0\u00a0\u00a0<\/td>\n<\/tr>\n
\n
Good positioning<\/strong><\/h5>\n

Viewport good positioning to maintain tooltips throughout the viewport\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
RTL Assist<\/strong><\/h5>\n

Use tooltips with RTL (Proper-to-left) assist with a single choice!\n<\/td>\n<\/tr>\n

\n\u00a0\u00a0\u00a0\u00a0<\/td>\n<\/tr>\n<\/table>\n

Picture hotspot full characteristic listing<\/h2>\n

You possibly can see among the thrilling options here<\/a>.<\/p>\n\n\n\n\n\n\n\n
\n
Customized picture<\/strong><\/h5>\n

You possibly can simply set your customized picture for the hotspots.\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
Font superior icons<\/strong><\/h5>\n

You possibly can choose between 503 accessible font superior icons to your hotspots.\n<\/td>\n<\/tr>\n

\n\u00a0\u00a0\u00a0\u00a0<\/td>\n<\/tr>\n
\n
Customized measurement<\/strong><\/h5>\n

You possibly can simply resize your hotspots.\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
Customized responsive measurement<\/strong><\/h5>\n

If you’d like, you’ll be able to moreover set your individual measurement for the additional 3 responsive resolutions (smartphones, tablets portrait, tablets panorama) to make your hotspots trully responsive.\n<\/td>\n<\/tr>\n

\n
Customized coloration<\/strong><\/h5>\n

Set your required coloration for the font superior hotspots on-the-fly.\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
2 cool animations<\/strong><\/h5>\n

Select between 2 cool animations to your hotspots: pulse and fade.\n<\/td>\n<\/tr>\n

\n\u00a0\u00a0\u00a0\u00a0<\/td>\n<\/tr>\n
\n
Drag & Drop reposition<\/strong><\/h5>\n

Simply place your hotspots on the backend on-the-fly utilizing our drag & drop characteristic.\n<\/td>\n

\u00a0\u00a0\u00a0\u00a0<\/td>\n\n
\n<\/h5>\n<\/td>\n<\/tr>\n<\/table>\n

Demo reside preview<\/h2>\n

Go to our demo live preview<\/a> to see over 100 examples of WordPress Tooltips Final in motion!<\/p>\n

\"WordPress<\/a><\/p>\n

Demo backend reside preview<\/h2>\n

Attempt it before you purchase it! Simply go to our demo backend live preview<\/a> and see all of the superb options in motion.<\/p>\n<\/p>\n

You possibly can login on the WordPress backend utilizing:<\/p>\n

username: demo<\/strong>
password: Np&%zqXi&8KNM!Bgnpz7QLhv<\/strong><\/p>\n

\"WordPress<\/a><\/p>\n

Documentation<\/h2>\n

Check out our in depth online documentation<\/a>.<\/p>\n

\"WordPress<\/a><\/p>\n

Assist & improvement<\/h2>\n

We offer quick and dependable assist to our clients. You possibly can depend on us for after sale assist and continued improvement of the plugin.<\/p>\n

We even have an in depth FAQ page<\/a> for frequent questions and aswers. Just be sure you have a look there. You might haver an issued which is perhaps already solved!<\/p>\n

What clients say about WordPress Tooltips Final & Picture Hotspot<\/h2>\n

\"WordPress
\n\"WordPress
\n\"WordPress<\/p>\n

Changelog<\/h2>\n
\n25.10.2023 model 3.5\n* Repair- PHP 8.2 compatibility\n\n25.10.2023 model 3.4\n* Add - Filter for hotspot hyperlinks\n\n05.05.2023 model 3.3\n* Repair - CMB2 bug repair\n\n21.02.2023 model 3.2\n* Repair - Bug repair\n\n21.02.2023 model 3.1\n* Repair - Compatibility with PHP 8.1\n\n28.09.2022 model 3.0\n* Add - Common settings web page with efficiency choices\n* Add - Means so as to add exterior URL to a hotspot\n* Add - Means to take away the tooltip from a hotspot\n\n01.09.2022 model 2.34\n* Add - Inlude hotspot IDs in admin seek for hotspots\n\n01.05.2022 model 2.33\n* Repair - Hotspot pixel excellent repair\n\n18.03.2022 model 2.32\n* Repair - jQuery 3.0 repair for hotspot\n\n24.08.2021 model 2.31\n* Repair - Bug repeating sure dates\n\n29.04.2021 model 2.30\n* Repair - Repair modal clickable hyperlinks\n\n03.01.2021 model 2.29\n* Repair - WordPress 5.6 hotspot draggable repair\n\n09.06.2020 model 2.28\n* Repair - Replace vimeo code \/ take away froogaloop \/ add participant.js\n\n20.11.2019 model 2.27\n* Add - Choice for RTL (Proper-to-left) mode\n\n08.11.2019 model 2.26\n* Add - wpcmtt_initial_content_inlinecss filter\n\n26.09.2019 model 2.25\n* Repair - PHP warnings in backend\n\n23.09.2019 model 2.24\n* Repair - Viewport good positioning to maintain tooltips throughout the viewport\n\n31.07.2019 model 2.23\n* Repair - Tweenmax optimization for a number of tooltips on the identical web page\n* Repair - Set Tooltip cover delay to 90ms for all themes\n\n27.06.2019 model 2.22\n* Add - Tooltip shut button measurement\n* Add - Tooltip shut button padding\n\n12.03.2019 model 2.21\n* Repair - Take away combined content material error\n\n11.02.2019 model 2.20\n* Add - Make hotspot icons appropriate with Font Superior 4.7.0\n\n07.02.2019 model 2.19\n* Repair - Give the flexibility so as to add url hyperlinks inside textual content\/picture tooltip kind\n\n14.12.2018 model 2.18\n* Add - Responsive max width choice for smartphones\/tablets portrait\/tablets panorama\n* Add - Customized CSS code choice\n\n24.10.2018 model 2.17\n* Repair - Gutenberg compatibility\n\n26.09.2018 model 2.16\n* Repair - PHP model 7.2 error\n\n06.09.2018 model 2.15\n* Add - Choose publish IDs choice for reside tooltips to be rendered\n* Add - check_if_render_live_tooltip filter for reside tooltips to be rendered\n\n28.08.2018 model 2.14\n* Repair- Compatibility with different plugins that use CMB2 plugin\n\n11.05.2018 model 2.13\n* Add - Notification message if person has no types created\n\n07.05.2018 model 2.12\n* Add - Tooltip max top choice\n\n29.04.2018 model 2.11\n* Add - Present on web page load interplay\n\n20.02.2018 model 2.10\n* Add - New filter wpcmtt_render_posts_select2_field for efficiency optimization\n\n20.02.2018 model 2.9\n* Add - New filter for isotope incompatibility\n\n20.02.2018 model 2.8\n* Add - New filter with which you'll power hotspot kind default for all hotspots\n* Add - New filter with which you'll power textual content kind for all hotspots\n* Add - Modal kind appropriate with shortcodes\n* Repair - Hotspot modal bug\n* Add - Present on focus interplay\n* Add - Present on click on or focus interplay\n* Add - Conceal on focus out interplay\n\n21.12.2017 model 2.7\n* Repair - Polylang repair\n* Repair - HTML tooltip kind new line breaks repair\n* Repair - WP Bakery Builder tinymce repair\n\n10.12.2017 model 2.6\n* Repair - Frontend efficiency optimizations\n\n05.12.2017 model 2.5\n* Language - Plugin localization\n* Add - Patch with which you'll import all themes without delay\n* Repair - Warning errors on debug true\n* Repair - Embody vimeo's froogaloop API js in plugin\n\n30.11.2017 model 2.4\n* Repair - Reside tooltip optimization\n\n= 17.11.2017 model 2.3 =\n* Repair - Tweenmax replace\n\n= 14.11.2017 model 2.2 =  \n* Add - Left Column Measurement (in proportion) for text-and-image kind \n* Add - Picture horizontal place for text-and-image kind \n* Add - Picture vertical place for text-and-image kind \n* Add - Picture padding for text-and-image kind \n* Add - Backend preview mode for every type: picture, textual content and picture (4 layouts), modal, video & map\n* Repair - Backend errors with tooltip icon on editor\n* Repair - Search customized fields repair\n\n= 20.10.2017 model 2.1 =  \n* Repair - Backend errors with debug true\n* Repair - Add line breaks on tooltip for textual content and html kind when person leaves line breaks\n\n= 18.10.2017 model 2.0 =  \n* Add - Picture hotspot characteristic\n\n= 02.10.2017 model 1.2 =  \n* Add - Tooltip background opacity\n* Add - Tooltip content material hyperlink font\n* Add - Tooltip content material hyperlink hover coloration\n\n= 21.09.2017 model 1.1 =  \n* Repair - WPBakery Web page Builder Compatibility problem\n\n= 04.09.2017 model 1.0 =  \n* Preliminary launch\n<\/pre>\n
\n