Dear WordPress tooltip users, today I will tell you how to add custom WooCommerce tooltip effects to WooCommerce variations in WooCommerce variable products. 🙂 Yesterday we received a help request submitted by a woocommerce tooltip user:
Subject:
Attribute name Tooltip
Message:
Before I purchase I need to know if a tooltip can be created for an Attribute Name and pop up when hovering over the Attribute name on the product page. In the screenshot “Horsepower” is the Attribute, can the tooltip appear when hovering over “Horsepower”?
Thanks
Our wordpress tooltip plugin support replied the user::
Hi,
Thanks for the message 🙂
We are very happy to help you 🙂
Our wordpress tooltips pro plugin do support add woocoommerce tooltip effects on woocommerce attributes, we wrote a few detailed step by step document with screenshot to help woocommerce tooltip users display tooltip on woocommerce attribute labels, would you please do a check at:
How to Add Tooltip Effect on WooCommerce Product Attribute Label?
or
How to Add Tooltip Effect on WooCommerce Product Attribute Label?
Also you can find our woocommerce attribute tooltip demo at:
WooCommerce Tooltip Demo
Hope this have a little help 🙂
Thanks, have a happy day with your family 🙂
Best Regards,
WordPress Support Support Team
But the user said he want more:
Hello,
Thank you for getting back to me. I see in your demo that the attribute and the tooltip is in the tab section of the product.
I need the tooltip on the attribute label next to the variation dropdown so the user doesn’t have to scroll down.
See this screenshot for where I want the tooltip to display:
Thank you,
We checked his screenshot, this is the first time we heard this kind of feature request, in general, woocommerce variation product is using woocommerce attributes too, so we think it should works well, but as we all known, there are many users using a few kinds of 3rd woocomemrce plugins to build their woocommerce products, so we replied the user:
Hi,
Thanks for the great screenshot 🙂
Our developer checked it, we understand, if you check our woocommerce tooltip demo at:
WooCommerce Tooltip Demo
You will find no matter tooltip terms in tooltip description section or tooltip terms in tooltip simple description section, tooltips effect can be added in the tooltip terms and it works well, the problem is we do not know how you create these variation dropdown in your site? Is it generated by a 3rd plugin?
Thanks, have a happy day with your family 🙂
Best Regards,
Woocommerce tooltip plugin support team
The users said:
Hi,
The Attributes are created using WooCommerce. The variation dropdowns are created using WooCommerce by Configuring Terms for the attribute. The attributes and the variations are then added to a product with WooCommerce. Third party plugin is not used.
Thanks,
Then our woocommerce tooltip developer build a development platform to installed woocommerce plugin, and create a few WooCommerce variable products, WooCommerce is a great ecommerce-shop plugin for wordpress, woocommerce allow to create variable products. what is variable products? Woocommerce variable products allow shop owner create woocommerce products with variations, in general, when you sell a t-shirt or a car, then the t-shirt have multiple colors, many sizes… and so on, with different prices,customer can select colors or sizes from dropdown boxes, that’s woocommerce variable product. Basically, when you create a woocommerce variable product, you need create attributes and variations in woocommerce product editor.
We try to add custom WooCommerce tooltip effects to WooCommerce variations in WooCommerce variable products, after the test, we find wordpress tooltips can support add custom WooCommerce tooltip effects to WooCommerce variations in WooCommerce variable products automatically 🙂
Then our woocommerce tooltip support replied the user:
Hi,
Thanks for the reply 🙂
Our developer did a check for you, yes, tooltips pro plus support the feature, you can do it by this way:
How to Add Custom WooCommerce Tooltip Effects to WooCommerce Variations in WooCommerce Variable Products?
1: Purchase wordpress tooltips pro plus plugin via wordpress tooltips pro plus with woocommerce tooltip
2: After finished payment, please download wordpress tooltip multi-site license version with advanced woocomemrce addon
3: Login wordpress site as admin
4: Upload the wordpress tooltips pro plus zip file, install and activate wordpress tooltip plugin.
5: After activated wordpress tooltips plugin, please click “Tooltips” menu item
6: Then you will find the “Addons” sub menu item, just click it, and you will be redirected to “Tooltips Addon Settings” panel, the panel looks like this:

7: As you can see, there are an option: “Enable / Disable Tooltips for WooCommerce Products”, just select “Enable Tooltips for WooCommerce” and please click the blue “Update Now” button to enable woocommerce tooltip addon.
8: Then please click tooltips menu again
9: Now you will find the new “woo tooltips” sub menu item, it looks like this, the 4th sub menu item is “woo tooltips”

10: Please click “woo tooltips” sub menu item, and you will be redirected to “Advanced WooCommerce Tooltips Addon Settings” panel, it looks like this:

11: In “Advanced WooCommerce Tooltips Addon Settings” panel, please enable “Tooltips for WooCommerce Product Attribute” option
12: In front end, when user view your woocommerce product, users will find the underline under woocommerce variations labels, you can custom color, style and you can add video / audio to help users understand difference of these variations, when user mouse hover the attribute label of variation dropdown box, wordpress tooltips window will popup automatically, you can add description for these variation options to help your user understand variation options better 🙂
Hope this have a little help 🙂
Thanks, have a happy day with your family 🙂
Best Regards,
Woocommerce Tooltip Plugin Support Team
Conclusions:
Woocommerce support variable products, for example, if you sell a t-shirt or a car or a keyboard, may be t-shirts have multiple colors, multiple sizes… and so on, with different prices,customer can select colors or sizes from dropdown boxes,sometimes, users will confuse about terms of product variations, but in woocommerce product description or product simple description area, there are no space to write a lot of text / video / audio description to help customer understand difference of these product variations, if you write a lot of terms / description… and so on, customer have no time to read too many content, they will juse leave away directly, the solution is woocommerce tooltip, WooCommerce Tooltip support WooCommerce Variable Products automatically, with woocommerce tooltip, you can add video / audio / images / text / payment QR… and so onin tooltips window, and save your rare space on the woocommerce product simple description area, woocommerce tooltip support custom pretty style for your woocommerce variations, check this screenshot:

tooltip style panel — change color of links for tooltip content in the tooltip box option
Just a few clicks, you will own the powerful and colorful woocomerce tooltip for your woocommerce products, it will help you increase sale! 🙂