Tooltips For Button 您所在的位置:网站首页 tooltips Tooltips For Button

Tooltips For Button

#Tooltips For Button| 来源: 网络整理| 查看: 265

Hi Dear WordPress Tootip Plugin Users,

WordPress tooltips plugin support add tooltip effects to buttons on wordpress site, for example, in the right hand of this page, you will find the search form in the widget, please mouse hover the button “Go”, you will find the button tooltip popup box, you can add video / audio / image / text / links to tell users how to use the search form. WordPress tooltip plugin by tooltips.org can add tooltip effect to nearly all buttons on your site, and it is very easy to do. 🙂

How to Add Tooltip Effect on WordPress Buttons

It is very easy to add button tooltips on your wordpress site:

#1 Login wordpress admin area

#2 Click “Tooltips” menu item

#3 Click “Add New” sub menu item

#4 In the wordpress tooltip editor, you can add your tooltip title and content in here, also the right of tooltip editor, you will find “Tooltips For Forms” meta box, just enter your button class or id in this metabox, and publish the tooltip, also the title is “tooltips for forms”, but actually this can be used on all elements on your site, for example, form tooltips, element tooltips, button tooltips, table tooltips….and so on, it looks like this:

#5 How to find class or id of your button? If you use firefox, in front end, you can enter F12, then you will find “Inspector” tab, before “Inspector” tab, there are arrow button, click arrow button and move your mouse in your front end page, move on your button and click it, you will find some codes like … and so on,it looks like this:

firefox f12 to find button id or class

firefox f12 to find button id or class

Just copy id name of the button,  for example in my screenshot, you can see firefox have highlight the search button, the id of search button is “searchsbumit”, so please enter the button id in “Tooltips For Forms” meta box like this: “#searchsbumit”, then in front end, your button will have tooltip effect, just like what I do in my current demo page, if you still not know how to use firefox, search google, firefox F12, inspector, then you will get a lot of guides.

Also wordpress tooltip plugin by tooltips.org support a few 3rd button plugins, the demo at below will show how wordpress tooltips plugin can add a tooltip on the button generated by MaxButtons plugin, When you hover the button text, you will find a tooltips box popup, and we still keep the function of the button, please try to click the button, you can still go to the linked URLs in the button.

WooCommerce Tooltips

The shortcode we are using is [maxbutton id="1"]

Conclusion

With WordPress Tooltip Plugin by tooltips.org, tooltip users can add tooltip on nearly any buttons on their WordPress site, you can add video / audio / image / text / links / google map / QR Code …. nearly any thing in wordpress button tooltip, with many animation effects, also you can custom color, border, width… nearly all things of tooltip box, to make different tooltip effect for each button, to build a lively, good user experience wordpress site for your users.

WordPress tooltip plugin by tooltips.org support button tooltip, image tooltip, video tooltip(video demo), Audio Tooltip(audio demo), WooCommerce Tooltips, Pricing Table Tooltip, table tooltip… and buddypress tooltip, bbpress tooltip, ACF tooltip…, please check features of wordpress tooltip for more features, or click to try demo

Purchase Now

We are happy to add more pretty functions for the wordpress tooltips plugin, any feature request or question is welcome. 🙂

Thanks, have a happy day with your family. 🙂

Best Regards,

WordPress Tooltip Plugin Support Team

Related posts: WordPress Tooltips Glossary 12.5.0 Released, Enhanced Glossary Search Functions WordPress Audio Tooltips Demo We have updated guide of WordPress Tooltips For Button How to use wordpress tooltip shortcode [tooltips] to add tooltips manually?


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有