HOME >> My Plugin >>

wordpress plugin: Tooltips

Posted on date Aug-21-2011 · by author  · comments 110 Comments 

Dear All

The newest free version is 3.0.0, According to users opinion, I had developed a WP Tooltip Pro version, this pro version have many amazing features, please check the tooltips pro at http://tooltips.org, thanks.

=== WordPress Tooltips Free version ===

Contributors: Tomas.zhu
Author URI: http://tomas.zhu.bz
Tags:tooltip,hover,link,bubble,image,nextgen,next-gen,photo,picture,image,popup,phrase,glossary,video,radio,shortcode
Requires at least: 2.0
Tested up to: 3.5.1

you can use it for word,phrases,link,shortcode.You can add text,image,link,video,radio in tooltips,nextgen description will shown as tooltips

== Description ==
Plugin Name: WordPress Tooltips
Plugin Support URI: http://tomas.zhu.bz/wordpress-plugin-tooltips.html/

Upgrade to Pro Version

WordPress Tooltips is a simple & quick & light & powerful jQuery tooltips solution that allow you use tooltips for word,phrases,image,links,even shortcode, or next-gen description, wordpress menu…, and so on.
You can add text, image, link, video, radio in tooltips, it can be used as a glossary too.

You can manage all keyword/content centrally in one admin panel easily and quickly. Just input keyword in keyword field and video/rideo/text/image/link in content field, everything will be o.k, for next-gen users,
you do not need to do anything, tooltips plugin will detected next-gen description and show it as a tooltips when hovering your next-gen images.

More amazing features? Do you want to customize a beautiful style for your tooltips? Get WordPress Tooltips Pro now.

How To Use:

Everything is super easy, we are focus on a user friendly system and we are focus on user experience, If you want to add/edit/delete tooltips, please log in admin panel, Under “Tooltips” Menu, You can editor/delete all existed tooltips in “All Tooltips” Sub Menu, also you can add new tooltip in “Add New” sub menu.
You can use wordpress standard TinyMCE editor to add text, image, song, video and so on.
We will use the title of the post as the keyword of your tooltips, and use the content of the post as the content of your tooltips, for example: If you use “wordpress” as post title, and use “we love wordpress” as the
post content, when users view your post, if your post have the word “wordpress”, our plugin will detect the word and add a tooltip on the word “wordpress”, user will find the word “wordpress” with a dotted line under it, and when user mouse over the word “wordpress”, the tooltip box will popup and show the tooltip content “we love wordpress”.

Features of WordPress Tooltips Pro:

  • Multi language/UTF8 supported: supports any alphabets/language.
  • 7 preset stylesheet and beautiful color schemes: White, Blue, Light, Dark, Red, Cream, Green.
  • Customize tooltip box: You can customization whole stylesheet in customization panel or css file easily, you can set any color, opacity, width, show method, hidden method… for tooltip box.
  • Multi trigger method: You can select show/hidden your tooltips when: Mouse Over, Double Click, Click, Mouse Leave, Mouse Enter, Mouse Out, Mouse Move, Mouse Up, Mouse Down.
  • Multi positioning options: bottomRight, bottomLeft, topRight, topLeft, topMiddle, bottomMiddle, rightMiddle, leftMiddle
    Automatic positioning: tooltip position is calculated automatically.
  • Unlimited number of tooltips.
  • Multi browsers supported: Internet Explorer 7+, Firefox 3+, Google Chrome 4+, Opera 9+, Safari 4+.
  • Easy to install: this is a Dim-witted system,no complex settings on back end,you do not need add any php code in your wp, you do not need to remember or insert any short code in posts, you do not need to change any css code, what you need to do is just active it and it will works well automatically, if you hope more customization features please just click your mouse and everything will be okay.
  • Detailed documentation.
  • Assign tooltip to keywords: tooltip will be displayed for these keywords.
  • User-friendly: pretty dotted keywords will catch your readers eye and keep the style of your site and not harass your readers.
  • Mobile devices supported: our tooltip works well on Android, iOS,Tablet and other mobile devices.
  • Easy to use: you don’t need to edit older posts because tooltips works automatically, just input the content in tooltip management page one time and it will works on all articles automatically, this is really cool if you have an older blog with lots of articles.
  • Quick load speed:everything is CSS, no image are used.
  • Easy to use: Dim-witted system, all things just need 5 seconds, you don’t need to edit older posts because tooltips works automatically, just input the content in tooltip management page one time and it will works on all articles automatically, this is really cool if you have an older blog with lots of articles.
  • Show any content in tooltip box: video, audio/song, image/photo, advertising, links/text, show tooltips for nextgen gallery,Show tooltips on image,Show tooltips on button…
  • Any post types and pages supported.
  • WordPress standard TinyMCE editor: you can use wordpress standard TinyMCE editor to add/edit/delete text, image, song, video and so on
  • Detect and fix your error automatically: Our plugin will detect what you filled in the customize style panel, for example, if you forget input “px” for the width or “#” in your color, our plugin will still works well.
  • Live Demo of WordPress Tooltips Pro:

  • WordPress Image Tooltips Demo
  • WordPress Video Tooltips Demo
  • WordPress Audio Tooltips Demo
  • More amazing features are being developed and you can upgrade unlimited.

    —————————————————————

    F.A.Q for wordpress tooltips free version:
    1: what does this plugin do?
    Okay, please read my description above, you can find some words have a dotted line beneath, move your mouse on it, you will know, it is a tooltips plugin.

    2: How to use tooltip on a image?
    when you upload a image, input your tooltip in alt field, this alt will be show as a tooltip.

    3: Can you help me……?
    Please give me a URL and details, so I can understand it.

    4: If you have any suggestion, I will do it in next version once I have a chance, it is free of charge, or if you hope find a nice solution, you can check our wordpress tooltips pro version.

    5: If you are urgent for some specify functionality and some customization work, check side bar — “contact us”, if it is complex, please tell me your budget first.

    Any question is welcome, have fun! :)

    110 Responses to “wordpress plugin: Tooltips”

    1. Hello Tomas,

      thanks for the nice plugin. It worked will until last update. On my Blog-Page, i only get last entry (last blog) if activated. If i deactivate the plugin, all is working fine. Also I get, if activated, on my blogpage with colorways theme below the last blog entry the Title and Content of the blog template page itself… I think there is a compatibility Problem with colorways theme. Is there a way to fix it?

      Thanx
      Thomas

      • Tomas Zhu says:

        newest Update 2013-05-14 : I downloaded colorway theme and I do a test, this free wordpress tooltips plugin and the pro version works well with the colorway theme, so it should not caused by my plugin.
        ————————————-
        Thomas Hartung » Hi, thanks for the message, the new version of the plugin do not changed style codes, so not sure why it conflict with the colorways theme, and you have no a URL, so I can not know what’s the problem, the most quick way it download the old version at http://downloads.wordpress.org/plugin/wordpress-tooltips.1.0.7.zip, another way is hire a skilled guy to check are there any conflict existed or not, thanks.

    2. Penny says:

      About “yep, “…., and so on, miss, thanks for use this plugin, please write your review in one comments, I found my site full of your comments, it is “blot out the sky and cover up the earth”, I know finally you understand how to use it, that’s great! I will continue improve the plugin in next version, there are more amazing features coming soon, thanks.

    3. Firefly says:

      The new version of the plugin messes up with the human_time_diff function (that shows the time of the posts in the form of ” published 10 minutes ago”). When updated, the plugin makes every post in the site to show the same time – as if the same posts are published 10 minutes ago.

      Is there a way to fix it? If not, where I can download the previous version of the plugin? Thank you.

    4. Li-An says:

      Hello, can you change the order of presentation in changelog file so the newest change shows at the top ? Thank you :-)

    5. Vladyslav says:

      Hi
      I want to make tooltip for menu. Is it possible?
      Example in menu I have: Home, Contact us, Blog
      and I need tooltip for all this.
      Thanks

      • Tomas Zhu says:

        Vladyslav » Hi, Bro, thanks for the reply, I know you had developed your own tooltips pro version and selling it on the internet, also you selling your menu version on codexxxyon too, so you should have enough capability to develop it by yourself, you do not need ask this question to me, just use a little more time, you will know how to add tooltips on your menu, right? Good Luck and Good Sale :)

        Best Regards,
        Tomas

    6. rostin says:

      Hi
      Is it possible to change the width of Tooltips box from a fixed amount to “auto”.

      Thank you

    7. Is there a way to get the tooltip window to take a certain size and fixed position in the centre of the screen? At present, most of mine appear half off the screen in oddly sized boxes.

      Thanks
      Graham

    8. Tomas Zhu says:

      Hi, Just finish a new version and testing, will release soon. :)

    9. raj says:

      Excellent plugin.Excellent work.

    10. moallemi says:

      Very great plugin! Works perfect for me, thank you very much.

    11. ross says:

      When I add a url to the tooltip content is shows up fine but once the user’s mouse leaves the keyword to click on the link, the tooltip disappears so they can not click on the link… any help would be great… love the plugin :)

    12. Stephan says:

      Very great plugin! Works perfect for me. before this plugin I’ve tried a couple and this is the best.

      The color of the box is perfect but I would like to changes the style of the text in the box. Is this possible?
      Can I use html in tooltips or is there another way?

    13. Bob says:

      Hello and thank you for this great tool tips. Is there a way to skip h1, h2, h3 and not have the tool tip show in them? My problem is the tool tip word is set at 14px and the h1 content is set at 16px. Thank you in advance!

    14. bas says:

      Hi there.
      Stupid question probably, but how do I add a particular tooltip to a page or post? Is there a shortcode to insert tooltips?
      Thanks!

    15. Ben says:

      Hello! I wanted to take the extra time to thank you for this plugin. I had looked everywhere and found your plugin fit perfectly with my client’s site.

      Ben

    16. kumudha says:

      I added the tooltip and it worked fine.Encouraged I added more keywords ans posted my new post containing the key words.Alas the post only shows title and not my content with keywords?
      Help me out in fixing the bug

    17. Tez says:

      Love what you’ve done, thanks.
      How can I change the font?

    18. Warren says:

      Where exactly is the CSS file needed to edit the tooltip style?

      I’ve looked under:

      wp-content > plugins > wordpress-tooltips

      …but to no avail.

      Great mod by the way. Exactly what I was looking for.

    19. This is the penalise wordpress plugin: Tooltips tomas journal for anyone who wants to assay out out roughly this matter. You mark so such its nearly tiring to discourse with you (not that I rattling would want…HaHa). You definitely put a new stunting on a matter thats been scrivened almost for eld. City nonsense, but majuscule!

    20. Olli says:

      Found it myself:
      adding: fontSize:”12px”, in tooltips.php – row 37

    21. Olli says:

      Where can I change font size for tooltext?? I haven’t any css! I changed the backgroung in tooltips.php, but theres no option for fontsize. any suggestion??

    22. Li-An says:

      Hello,
      thank you for your plugin. I will suggest a “multiple words = same definition” option for plural mode by example. For the moment, I need to add the same definition for “widget” and “widgets”.

    23. Sachia Kron says:

      Hello. Tooltips is a great feature for my website. I am currently experiencing a problem with the Tooltips CSS conflicting with the CSS of my Social Widget. The style for the qtip.content is overriding the style for the hover caption on my social media icons. Have you experienced this before and do you have any suggestions?

    24. [...] will be okay, check http://tomas.zhu.bz/wordpress-plugin-tooltips.html/ and move mouse to the tooltips “Fixed the bug”, you will find a image tooltip shown, [...]

    25. david says:

      Hi. nice plugin, small problem.
      The tooltips work fine in FireFox but in IE8 I need to refresh the page before the tooltips will appear.
      Any ideas?
      Thanks

      David

    26. untue says:

      wordpress plugin: Tooltips tomas Pretty nice post. I just stumbled upon your weblog and wanted to say that I’ve truly enjoyed surfing around your blog posts. After all I’ll be subscribing to your feed and I hope you write again soon!

    27. Ozz Blayney says:

      Is there anyway to specify the tool tip on some images and not all images that contain an alt title. At the minute the tooltip is appearing on all my images. I only want it to appear on some. Can you help?

      • Tomas.Zhu says:

        Hi, thanks for the message, yes, the old version will not show all alt as tooltips, there are some guy requested and said this is more easier to use, I guess this is a wrong way, I will try to find a way to allow users to choose, but if so this will make the plugin too “complex”, I hate “complex” solution, I believe it need be a very simple and very easy to use, once get a idea will write a new version, thanks for the suggestion again.

    28. Antonio says:

      Hi,

      I can’t seem to get rid of the hover over my blog logo.

      http://www.yogaentucasa.cl

      I’m having the same issue on every single image on my homepage, except for the slideshow.

      … any ideas? Please advice

    29. wordpress plugin: Tooltips tomas Pretty nice post. I just stumbled upon your blog and wanted to say that I’ve truly enjoyed browsing your blog posts. In any case I will be subscribing to your rss feed and I hope you write again soon!

    30. Doug says:

      Hi Khan and Tomas,

      Did you figure out a way to add the image INTO the tooltip? That’s what I’m trying to do as well.

      Thanks!

    31. david says:

      Hi nice plugin. I’m using it for nextgen gallery images.
      Is it possible to position and style the tooltip (width, background-color, font-size ect.)?
      Thanks for any help
      David

    32. Kim says:

      Hi – Thank you for a fantastic plugin…It was exactly what I was looking for!

      I don’t know anything about coding, but is there a way to remove the tooltip when it hovers over images (I am just using the hover over words tool)? As currently it displays the image title when you hover over an image (when there isn’t something in the ALT) and for my site that isn’t needed.

      Any help would be great! Thank you again.

    33. adam l says:

      I try to embed a video from Vimeo.com as iframe code in autoplay mode… Everything works ok until I switch to a different Tab in my Safari. My video starts to continue playing. When I switch back to the Tab with my wordpress and I mouseover my tag, than I can see the Vimeo player continues playing. Althought the Tooltip disapeard, but the vimeo player plays the video in the bacground (as hidden object). Is there a chance to “repair” it?

      • Tomas.Zhu says:

        Hi, I understand when you move mouse to the video tooltips, the video will begin play, this is not the problem of tooltips plugin, you should copy the vimeo video code which not play automatically, so everything will be okay.

    34. karim says:

      Hi, thanks for this great plugin ;-)

      I’ve tested several tool tip plugins, and this one is really near to what I’m looking for.

      Compared to Glossy,
      1. I don’t need to edit older posts because tooltips works automagically ;-) This is really cool if you have an older blog with lots of articles.

      2. On the other hand, my posts will be filled up with tool tips… (i.e. every occurance of the word). With Glossy I can decide where to put the tooltip.

      3. I also don’t have to edit my posts at all.

      4. Theres no [gs tooltip_this], so my article remains clean (good for export etc).

      5. I’m not quite sure what Google says about [bla keyword].

      6. Unfortunately, Tooltip only shows the tip. With Glossy, I can put my cursor into the box and click on a link or mark/copy text

      questions/suggestions:

      1. How do I create a glossary (list of tooltip entries)in the frontend (Would be great, if sorted alphabetically, and if it would have a clickable alphabetical index, entries should also be found by search engine and internal search function)

      2. It would also be great if you could make it use of Tippy (like Glossy does). This produces nice, customizable boxes with a link title and a close button.

      thanks again, keep up your good work ;-)

    35. Adam says:

      Ooh, and is there a way to style the triggering word? I’d like to lose the dotted line beneath.

    36. Adam says:

      First, thanks for sharing this great plugin.

      Now, one problem I’m having is the tooltip extends past the right end of the page when the rollover item is close to the right border. Is there a workaround for that?

    37. Jeffrey says:

      Problem:

      If I enter a phrase/multiple words (example: chocolate chip cookie), no tooltip is displayed.

      Can you help me?

      Regards,
      Jeffrey

      • Tomas.Zhu says:

        sorry for hear the problem, but if you check my sites you can find it works will, if you entered the both of the words and tooltips, it should works well.

    38. Kursti says:

      What do you do after you create a keyword and a content entry for a tooltip?

    39. Floorisowrite says:

      One piece of outfits that is certainly more often than not in vogue is an effective purse. Significant bands like Gucci and also Chanel and all the other Chinese designers have got manufactured extremely stunning purses and handbags that are practical and efficient regarding putting the possessions. For people who don’t prefer to commit the maximum amount of regarding clutches, the web provides less expensive ones which are equally fashionable. The online world helps it be easy regarding people; by simply hitting an item and spending money for it on-line, that can be sent almost in an immediate in order to all over the world.For the best style totes, someone can take a look at Low cost Fundamental initially. This amazing site details various back links which lead to web pages which sell off the perfect fashion accessories for the shopper. Purses are generally involved, not surprisingly, as well as the wide array of beautiful purses and handbags will lure a lady.Bag sepcialist can also be a excellent web page while you’re trying to find typical or perhaps designer purses. Selling prices can vary out of 20 dollars for regular handbags, up to 100′s of dollars with regard to designer versions. You will discover a new clutch system bag best for your tastes and everyday activities, and the most breathtaking Italian language purse made with dark-colored synthetic leather to get more detailed elegant capabilities.Although the world-wide-web is a good source of information for locating excellent purses, it can be complicated. A result of the huge volume of product available for ones search, it may be rather complicated to settle on engineered to be right up your alley, and you might find yourself shelling out far more since you also aren’t able to choose the perfect one for you. Numerous web pages can also give second hand carriers for the cheaper amount. Be mindful in choosing these kind of, nevertheless, you would want to get top quality purses and handbags although they have already also been utilized.
      [url=http://www.vmworld.com/blogs/BuyReplicaWatches/2010/11/22/bell-and-ross-replica-watches-fake-bell-and-ross-high-quality]high grade replica alarm watches[/url]
      [url=http://www.vmworld.com/blogs/buyreplicawatches1/2011/02/01/replica-bentley-breitling-high-quality]lange & sohne breitling[/url]
      [url=http://www.vmworld.com/blogs/BuyReplicaWatches/2010/11/22/audemars-piguet-replica-watches-audemars-piguet-offshore-replica-high-quality]cheap audemars piguet[/url]
      [url=http://www.vmworld.com/blogs/buyreplicawatches1/2011/01/11/breguet-replica-watches-fake-breguet-high-quality]breguet discount[/url]
      [url=http://www.vmworld.com/blogs/BuyReplicaWatches/2010/11/16/alain-silberstein-replica-watches-alain-silberstein-cheap-watches-high-quality]replica tag heur watches[/url]
      [url=http://www.vmworld.com/blogs/BuyReplicaWatches/2010/11/22/blancpain-replica-watches-fake-blancpain-high-quality]tag huer blancpain[/url]
      [url=http://www.vmworld.com/blogs/BuyReplicaWatches/2010/11/16/a-lange-and-sohne-replica-watches-a-lange-and-sohne-cheap-watches-high-quality]designer replica handbags, sunglasses watches, jewlery[/url]

    40. I got what you impart, thanks for swing up. Woh I am willing to experience this website through google. Thanks For Share wordpress plugin: Tooltips tomas.

    41. It work very good.thanks regards

    42. Thanks you for your plugin

    43. Michael says:

      Hi Thomas,

      great plugin. Is there a way we could import a large CSV-list of words (a glossary) instead of entering them manually?
      I’ve looked at the SQL, but you’re using just one field for all entries, so reformatting our CSV is not really an option.

      Any help or pointers would be much appreciated.

      Cheers

      Michael

    44. Isabelle says:

      Hey Tomas,
      What code do I add and where to have my tooltip show up? I want to add a tooltip with extra info on every species image here:
      http://belizesharks.org/species-test/#
      Thank you.

    45. Reebs says:

      Hey, I’m using the tooltip with NextGen but it works on some images and doesn’t on other. If I reload and refresh, it might work, but most times it doesn’t. Any ideas?

    46. Sarah says:

      Does this plugin work with WordPress 3.3.1. The Tooltip plugin doesn’t appear to be working for me :-(

    47. Mark says:

      I have created the tool tip in the tooltip module,but there are no instructions on how to apply it. This tooltip is simply text that I need on an “I agree” text form. How can I put my tool tip on “I Agree”?

    48. KDAS says:

      Hey Thomas,

      great plugin, I love it! I’m just wondering, if there will ever be a function to sort the tooltips in the administration menu by name? It doesn’t need to be automatically, a button to click it which sorts them on-demand might be an easier solution. Is there a chance to make it happen?

      Thanks for your great work!
      K

    49. makarand says:

      can anybody tell me how to use his plugins… what is keyword and content mean by…. i want to use it for menu

    50. Eric says:

      Hi,
      Thanks a lot for this plugin. It is really a good one!
      Even group of word can be used! :)
      I would suggest three improvements:
      - order the Tooltips alphabetically (by keywords)
      - make the simple quote character allowed in keywords (eg. Let’s try)
      - be able to turn the plugin off for a list of posts (ideally having “Include in” and “Exclude ni” fields.
      Cheers

    51. Khan says:

      Hi,
      I am using the tool tip which is very nice i want to use the image in the tool tip instead of text but problem is that where to place these image, as i try many place but its not taking the image.

      Hop to get some help.

    52. viagra says:

      I will right away grab your rss feed as I can’t find your email subscription hyperlink or newsletter service. Do you’ve any? Kindly permit me realize in order that I may just subscribe. Thanks.

    53. Hi!. I would like to have an online store using blogger and paypal. Any ideas how to do it? Could you please give me step by step instructions? I appreciate it. Thanks!.

    54. Fantastic goods from you, man. wordpress plugin: Tooltips tomas I have understand your stuff previous to and you’re just too wonderful. I really like what you’ve acquired here, really like what you’re saying and the way in which you say it. You make it enjoyable and you still take care of to keep it wise. I cant wait to read much more from you. This is really a wonderful wordpress plugin: Tooltips tomas informations.

    55. Tamara says:

      I suggest adding a facebook like button for the blog!

    56. Karess says:

      Heckuva good job. I sure apprecaite it.

    57. Gwendal says:

      Hye,
      Thanks for your very nice plugin.
      Theres’ two things i’d like to modify :
      – I’d like that the tooltipp appears when i click on a word.
      – I’d like to link some tooltips whith other web pages
      Could you help me ?
      Thanks

    58. Michael Zed says:

      This works and looks great.

      But on very short pages, the additional links added to the bottom of the page seem redundant. Can you add an option to omit these?

      Thanks.

    59. Great! thanks for the share!

    60. Ralph says:

      NICE!
      … and thx a lot!

    61. Mike says:

      Hmm.. the code is missing. I will try to insert it now with backslash, so please accept my appologies for the content of the first comment:

      `
      ID; ?>

      array( ‘Thumbnail’ ), ‘size’ => ‘excerpthumb’ ) ) .’
      [/tooltip]‘); ?>

      `

    62. Mike says:

      Dear Sirs,

      I would love to use your plugin to add some additional functionality to our web present theme. What I am trying to achieve is to insert a tooltip on every post thumbnail image in which to show the excerpt field with larger post thumb. Right now I would like to switch to a framework that is called ThemeHybrid and I am absolutely happy with it, however the best advice I have received from the framework developers as well as from the hybrid-community was to contact you directly and ask for your advice.

      Here is how I am trying to accomplish the showing of images and the tooltip, however so far I have only managed to show the images but no tooltip:

      ID; ?>

      array( ‘Thumbnail’ ), ‘size’ => ‘excerpthumb’ ) ) .’
      [/tooltip]‘); ?>

      In this example the .get_the_image() function is the one that pulls out the post thumbs from the database, however I do not know where did I go wrong so the tooltip is not showing. For your information I am trying to insert the tooltip directly in the theme rather than in a post, so this is why I have used the function echo do_shortcode() .

      So can you please give me an idea how can I properly insert the tooltip on mouseover the thumbs as according to the framework developer Justin Tadlock the problem is that the shorcodes expect html code but not the php one and this somehow messess the things. As you can see I have tried to escape from the php and to use the tooltip shortcode in html format, however the result is proofing that I have a lack of php skills or understanding how this particular plugin works.

      Thanks in advance and I shall admit that using your plugin in my posts would do a really nice job. It is just if I can use it directly in my theme – that would be PERFECT!

      • Tomas.Zhu says:

        Hi, It do works well on many themes, but I never use that theme, I still not sure what caused the problem, thanks for the advice I will improve it once I have a chance, thanks.

    63. elliptical says:

      This is the exact info i’m looking for, thanks! Arron

    64. Mike says:

      you NEED to add – class=”classtoolTips0″ – to your element or it will NOT work.

    65. Tomas.Zhu says:

      hello,Since version 1.0.7, you can just input alt for image and it will show as a tooltip

    Leave Your Comments