Hey, Dear WordPress Tooltip users, hope this message find you are doing well and having happy days with your family We got a ticket from an amazing tooltip user, he said he opened an online store and he is selling all kinds of lights, he using woocommerce to build products and he using our woocommerce tooltip to add more product introductions with video and he love our wordpress tooltips pro plus plugin 🙂 A problem is, when he checked google analyze in backend, he found many users just click on two product pages and then leave. He believe it is because he is selling many kinds of lamps, so he inserted many product in products page on woocommerce shop, users need click the navigation bar in woocommerce shop to find the products they want, he is using our worpdress glossary functions, he suggested us to create a woocommerce product directory via our wordpress glossary function, and he believe many many online store owners need this function — a woocommerce product directory 🙂
In wordpress tooltips pro plus 18.5.8, our wordpress tooltip developer realized this woocommerce product glossary feature for the user. We guess maybe users have more functionality in product directory area, if you have any more feature request in woocommerce tooltip area, please submit a ticket to wordpress tooltip support, we’d like add new product directory functions for wordpress users 🙂
What is woocommerce product directory?
Woocommerce is a great tool to help wordpress users build a online business in a few hours, many woocommerce shop owner earn big money from thousands of product in their great woocommerce shop. 🙂
A woocommerce product directory will list your products in a table via a woocommerce product directory shortcode [productdirectory], to help users quickly browser all woocommerce products in your woocommerce store and quickly search product they really want 🙂
Why you need a woocommerce product directory?
By default, when you build your online e-commerce business via woocommerce, woocommerce will generate a shop page automatically, all product you published will be listed in the woocommerce shop page, a problem is, many users said woocommerce shop page is slow and if you have a lot of product, then users need click next page and then next page again to browser all pages to find the product they want, after view a few pages, many user will go away 🙂
WordPress tooltip pro plus plugin build a woocommerce product directory to solve this kind of problem for woocommerce shop owner, just one minutes, insert the woocommerce product directory shortcode [productdirectory] in your page, we will build a woocommerce product directory for you, users can quickly find corresponding products by clicking the initials on the product navigation bar, for example, click the letter C in the navigation bar, users will find all directory terms about ceiling lights, or click the letter T in the navigation bar, users will find all directory terms about table lights…etc, also you can opt to enable / disable product search box, if users search dinning room lighting, then woocommerce product directory will only show product directory term that included “dinning room lighting” in the search result, and users still can quickly find the product they really want via click the letters in the woocommerce product directory navigation bar 🙂
Woocommerce directory looks like this:
This will help users find correct product term quickly, and this will help woocommerce shop owner retain more users and get more revenue from their online shop, this make the business easier 🙂
How to use woocommerce product directory?
1: WordPress tooltip pro plus plugin user can click download wordpress tooltip to download the new version of wordpress tooltip pro plus that version >=18.5.8, if you are not a wordpress tooltip plugin user yet, you need purchase the license of wordpress tooltip pro plus
2: After downloaded the new version of wordpress tooltip plugin, please upload the plugin zip file to wordpress site via plugins panel
3: deactivate the old plugin version and delete the old version, then activate wordpress tooltip plugin in wordpress plugins panel
You can find our detailed video tutorail at WordPress Tooltips Video Tutorial 3: How to upload and activate wordpress tooltips pro plugin
4: In wordpres post or wordpress page panel, create a new wordpress post, and insert the woocommerce product directory shortcode [productdirectory] in the wordpress post, and publish it
5: In front end, you will find the woocommerce product directory in the post
6: In backend, you can setup the woocommerce product via glossary settings panel, it looks like this:
You can custom the font size in the woocommerce product directory, enable / disable woocommerce product search form, select woocommerce product directory color template, enable / disable tooltip effect on product terms in the woocommerce product directory, custom letters in woocommerce product directory navigation bar…etc, just a few click, very easy 🙂
What is the difference between WordPress Tooltips Free Version, Pro Version, Pro Plus Version?
1: Woocommerce Directory Shortcodes
wordpress tooltips pro plus version:
display products by category id: you can use shortcode: “productdirectory catid=’38′” to list all products in the woocommerce product category that id = 38
display products by category name: you can use shortcode: “productdirectory catname=’lesson’” to list all products in the woocommerce product category that name = lesson
limit the number of products that can be displayed: you can use shortcode: “productdirectory catname=’lesson’ limit=10” to limit the number of products that can be displayed
Disable the display of specified products in the WooCommerce Directory: you can use shortcode: “productdirectory exclude_id=’141,136′” to exclude products from directory which product id = 136 or product id = 141
Customize background color of product directory: you can use shortcode: “productdirectory titlebackgroundcolor=’yellow’ contentbackgroundcolor = ‘#E6f412’]” to customize the background of directory title and content
display all products : you can use shortcode: “productdirectory” to display all products in the woocommerce directory
The woocommerce directory settings panel of wordpress tooltips pro plus looks like this:
woocommerce product directory in wordpress tooltips pro plus 25.6.8
wordpress tooltips pro version:
limit the number of products that can be displayed: you can use shortcode: “productdirectory catname=’lesson’ limit=10” to limit the number of products that can be displayed
display all products : you can use shortcode: “productdirectory” to display all products in the woocommerce directory
wordpress tooltips free version:
display all products : you can use shortcode: “productdirectory” to display all products in the woocommerce directory
2: Directory Style and functions:
WordPress tootlips pro plus plugin extends the traditional functionality of glossary / directory, for example:
- 5 preset Glossary stylesheet and beautiful color schemes:: Blue, Blonde, Dark, Red, Green, change your glossary template via one click in glossary setting panel.
- Display price of products: admin can display / hide price of products in back-end
- Easy to custom Directory style:: In Glossary settings panel, you can customize font size of glossary navigation bar item, font size of glossary navigation bar selected item, You can custom “Glossary Term Underline Color”, “Glossary Term Font Color”, “Glossary Term Font Size”, “Glossary Content Font Color”… and so on, users can decide include or exclude numbers in glossary navigation bar, or you can hide the letters in the Glossary Nav Bar that don’t have any tooltips associated with them, i.e., where the number of tooltips is zero… and so on, it looks like this:
- Directory support multi-language: English, Swedish, French, German, Finnish, Spanish,Russian
- Directory index page, SEO friendly: Check Demo, By default, our plugin will generate a powerful glossary index page at http://yourdomain.com/glossary/, you can change it to any your pages, just one click in glossary setting panel, glossary index page support page navigation, it is SEO friendly and help you get better SEO rank
- Directory category filter / selector: In glossary index page, at the top of glossary items, user can select different glossary category from glossary category dropdown box, when user selected a category, glossary index page will only show related glossary in specified glossary category
- Directory term pages, SEO friendly: Each glossary item have their own glossary page, the link structure looks like this: http://yourdomain.com/glossary/terms1/ , http://yourdomain.com/glossary/terms2/ , also in glossary term page, we added tooltip glossary breadcrumbs, it looks like Home / Glossary / glossary term name, you can click to back to glossary page, or click to back to home page, it is SEO-Friendly, please check demo of glossary breadcrumbs
- Option to enable / disable bread crumbs in Directory term pages: In backend, you will find option “Enable Bread Crumbs on Glossary Term Page” in in Glossary Settings panel,, if you select yes, in front end of glossary term pages, we will show bread crumbs on glossary term pages, if you select no, then in front end, we will disable bread crumbs on glossary term pages.
- Easy to manage Directory Pages: In Glossary settings panel, you can enable / disable glossary index page and glossary term links by one click, one click to display / hide images in glossary page… and more
- Glossary Support Responsive : Our glossary works well on mobile devices
- Glossary Page support list style or table style: you can use shortcode “tooltipstable” to generate a glossary page, this shortcode will generate a glossary which have two-column table, left is term, right is content of the term. Also you can use shortcode “tooltipslist” to generate a glossary page which with a tooltips list format
- Glossary / Directory / List support multi-language: followed users requested, our glossary section support English, Swedish, German, Frensh, Finish,Russian in Directory, you can chose your language in optional settings now, if you hope our directory support your language, please contact us
- Options to enable / disable tooltips effect on Directory pages: In Glossary Settings panel, you can enable or disable tooltips effect on glossary pages by one click
- Custom tooltip glossary template with your own code in back end: Some coders hope have a method to custom tooltip & glossary template with their own css codes, so do not need to replace css codes in tooltip & glossary template files again
There are many additional glossary features that include various functionalities. Some of these glossary features can be referenced by taking a screenshot of the glossary settings:
Also this glossary settings can be used on our directory functions, you can find how the woocommerce product directory work in the demo woocommerce directory .
3: Performance, optimized speed
- Quick load speed: everything is CSS, no image are used, in “Tooltips Global Settings” panel, you can speed up the page load speed via chose to “Load Tooltip Javascript In WordPress Header” or “Load Tooltip Javascript In WordPress Footer”, optimized codes let topltips pro works better with many cache plugins to speed up your site. In wordpress post editor, support disable tooltip to speed up page load speed, in optionanl setting panel, support one click to bulk disable tooltips in post by post ids… and so on, wordpress tooltips plugin have moved all in-line js code and js main functions to the wordpress footer, so your browser will not need waiting for the js code, this will speed up wordpress pages loading speed, also we support add defer to wordpress tooltip js files, tooltip admin can enable defer in backend
- Optimized directory: In the core of wordpress tooltips pro plus plugin, we optimized plugin from css to javascripts, use static js and css files to speed up wordpress pages and speed up plugin running speed
- …and more
In the current time, we are think about add more features about woocommerce product glossary, if you have any more feature request, please submit a ticket to wordpress tooltip support and we are very happy to help you realize it 🙂
Conclusion:
WordPress tooltip plugin support many powerful woocommerce tooltip functions, for example, add tooltips in woocommerce shop page, add tooltips in woocommerce product description and woocommerce short product description, add tooltips in woocommerce product attribute, you can insert video / audio / images / maps to woocommerce tooltip to help users understand the product better, you can add woocommerce glossary in woocommerce product tab, add woocommerce product directory to list all products in a table and allow users browser all product directory terms quickly and search products quickly 🙂
