Category: Wordpress Tooltip Plugin Document

How to to avoid showing wordpress tooltips in the content list on top of the page?

Hi, dear users of WordPress Tooltip plugin, I hope you are doing well and having happy days with your family 🙂 We have received a support ticket from a wordpress tooltip user in wordpress tooltip support forum: ”Is it possible to avoid showing tooltips in the content list on top of the page? To be precise; the block called “Table of contents” 🙂

The developer of wordpress tooltip plugin tried to install a few table of contents plugins. We are happy to inform you that, yes, we can avoid showing tooltips in the content list on top of the page 🙂

How to to avoid showing wordpress tooltips in the content list on top of the page?

We have a few methods to avoid show tooltips in the content list in a wordpress page via wordpress tooltips pro plus version  🙂

Method 1: WordPress Tooltips Plugin Admin can Disable Tooltips for Selected CSS Classes and IDS, You can Disable Tooltips for Any Element in Your WordPress Post

 

In May 29 2021, we have resolved this issue for another similar wordpress tooltip user at here:

How to Disable Tooltips for Selected CSS Classes and IDS? You can Disable Tooltips for Any Element in Your WordPress Post

The WordPress tooltip user asked:

When Tooltip shows up in the Table of Contents it breaks the navigational link to the point of reference in the post. How do I disable tooltips showing up in the Table of contents, and only to show up in the post.

In the WordPress Tooltips optional settings panel, we offer a feature that allows you to “Disable tooltips for selected classes and IDs.”

Here’s how it works:

Within the Tooltips Optional Settings panel, you’ll find the option to disable tooltips based on specific CSS classes, IDs, or HTML tags. It looks like this:

disable wordpress tooltip for selected css classed and ids and html tags

Simply enter the classes and IDs you wish to exclude, separated by commas. Once set, the tooltip effects will be removed from the specified classes or IDs on the front end!

For example, if you want to disable the tooltip for the 15th term in your WordPress post while keeping the tooltips for the other terms intact, you can easily do this by making a small edit. Surround the 15th tooltip term with a < span > tag, like this: < span class=’wanttoremovetooltipeffect’ >your keyword< /span >.

Then, in the “Disable tooltips for selected classes and IDs” field, enter the class name .wanttoremovetooltipeffect. As a result, any wordpress tooltip term wrapped in that class will not display a tooltip effect. You can also apply this to various HTML tags such as <div>, <p>, <h1>, <h5>, and more—it works just as well!

If your tooltip terms are contained within a section created by a third-party WordPress plugin, the content will typically be wrapped in a <div>. To find the relevant class or ID, open your browser and navigate to your WordPress page. Press F12 to launch the browser inspector, then hover over the section generated by the plugin to identify the corresponding <div> ID or class.

Simply copy this identifier and add it to the “Disable tooltips for selected classes and IDs” option. This will ensure that all tooltip terms within this section no longer display tooltip effects on the front end!

Method 2: WordPress Tooltips Plugin Admin can Disable Tooltips for Any WordPress Post via “Disable Tooltip for This Page” Meta Box in WordPress Post Editor

When you create or modify a post or page in WordPress using the standard editor, you’ll notice a “Disable Tooltip for This Page” meta box located on the right side of the editor.

By selecting the “Disable Tooltips for This Page” option in this meta box, you can prevent tooltips from appearing in that particular post. It will look something like this:

Disable specific tooltips

To clarify this feature, let’s consider an example. Suppose you have a tooltip term labeled “WordPress,” with its associated content being “We all love WordPress.” Typically, if your post includes the word “WordPress,” our tooltips plugin will automatically recognize it and apply tooltip effects, such as dotted or double underlines.

When users hover over the word “WordPress,” a tooltip pop-up will appear. However, if you choose to disable tooltips for that page, even if the word “WordPress” is present in your post, no tooltip effects will be shown. As a result, hovering over “WordPress” will not trigger the tooltip content.

It’s important to keep in mind that while tooltips will not display automatically on this particular page, you still have the option to manually insert tooltips by using the tooltip shortcode “tooltips.”

Method 3: WordPress Tooltips Plugin Admin can Bulk Disable Tooltips Using Post IDs in WordPress Tooltips Optional Settings Panel

  • Start by accessing your WordPress admin dashboard.
  • Find the “Tooltips” section in the menu.
  • Select the “Optional Settings” option located under the Tooltips plugin. It should appear similar to the following: WordPress Tooltips Menu Item.
  • tooltips menu in wordpress tooltips pro plus 27.5.8

    tooltips menu in wordpress tooltips pro plus 27.5.8

  • You will then be taken to the “Optional Settings” page, where you will notice the “Bulk Disable Tooltips by Post ID” input field. This is how it looks:
  • Bulk disable tooltips in post by post id
  • Bulk Disable Tooltips by Post ID. Here, you can enter the post IDs for which you want to turn off tooltips. If you have multiple IDs, simply separate them with commas. For example, you can type: 3,22,58,126,583. After saving these changes, the WordPress Tooltip Plugin will no longer add tooltip effects to the specified posts when viewed on the front end. Please be aware that this feature does not affect tooltips created using the “tooltips” shortcode.
  • Using this method, you can disable tooltips across several WordPress pages simultaneously without the need to manually disable them one by one!

Hope this have a little help 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,

WordPress Tooltips Support

Tagged with: , ,

In the WordPress Tooltip Directory Settings Panel, Load Bootstrap.js and Bootstrap.css Only When Necessary, WordPress Tooltips Plus 31.9.8 Released

Hi, dear wordpress tooltips plugin users, I hope this message finds you well and that you’re having wonderful days with your family.:)  Recently, a teacher reached out with a feature request regarding our WordPress Tooltip plugin. They mentioned that in the directory global settings, the user directory options are hard to find among other settings, making scrolling difficult. In response, our developer created WordPress Tooltips Pro Plus 31.8.8 to address this issue. We implemented a Bootstrap tab panel in the directory control panel, allowing different directory types to be displayed in separate tabs.

Today, the teacher told us that the solution resolved the issue perfectly. However, when he opened the wordpress tooltip directory global settings panel, he noticed that  two bootstrap.min.js were loaded in the wordpress admin area. He request us find the reason.

Our wordpress tooltip plugin developer checked his page and found that another wordpress plugin is also using bootstrap in the wordpress admin panel, we developed WordPress Tooltips tooltips pro plus 31.9.8  to resolve the problem 🙂

In the new version WordPress Tooltips tooltips pro plus 31.9.8, we only load Bootstrap.js and Bootstrap.css in the wordpress tooltip directory global settings panel, in other URLs within wordpress admin area, we will not load Bootstrap.js and Bootstrap.css  🙂

What is bootstrap?

Bootstrap is an open-source front-end framework used for developing responsive and mobile-first websites. Created by Twitter, it provides developers with a collection of tools to build modern web applications quickly and efficiently. Here are some key features and components of Bootstrap:

Key Features of Bootstrap:

  1. Responsive Design: Bootstrap’s grid system allows for fluid layouts that adapt to various screen sizes, ensuring consistent experiences across devices such as smartphones, tablets, and desktops.
  2. Pre-designed Components: It includes a variety of reusable UI components like buttons, forms, navigation bars, alerts, modals, and more, which help speed up the design process.
  3. Customizable: Bootstrap can be easily customized using its built-in Sass variables and mixins, enabling developers to tweak styles and themes to fit their needs.
  4. JavaScript Plugins: It comes with several jQuery plugins that add interactivity to web pages, such as carousels, tooltips, modals, and dropdowns.
  5. Cross-browser Compatibility: Bootstrap is designed to work seamlessly across all modern browsers, ensuring a consistent experience for users.
  6. Extensive Documentation: Bootstrap offers comprehensive documentation that helps developers understand how to implement its features effectively.

Usage:

Bootstrap can be included in a project via:

  • CDN (Content Delivery Network): Linking directly to Bootstrap’s CSS and JavaScript files hosted online.
  • Local Files: Downloading Bootstrap files and hosting them within your project’s directory.

Why Use Bootstrap?

  • Speed of Development: Rapidly create layouts and components without starting from scratch.
  • Consistency: Maintain a consistent design across different pages of a website.
  • Community Support: Being widely adopted, Bootstrap has a large community, numerous resources, and tutorials available online. Bootstrap has become a popular choice among web developers for its ease of use and efficiency in creating responsive and attractive web applications.

By using bootstrap In the wordpress tooltip directory control panel, where different types of directories will be displayed in separate tabs.

It looks like this:

Woocommerce product directory tab:

woocommerce product directory tab

We also updated change log of wordpress tooltips plugin, the change log of wordpress tooltips pro plus plugin, and we updated feature of wordpress tooltips plugin too 🙂

We are enhance the function of wordpress tooltip directory function, you will see the new version very soon 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,

WordPress tooltips plugin suppport

Tagged with: , , , ,

In the wordpress tooltip directory control panel, a tab panel has been added to display different types of directories in separate tabs, supported by wordpress tooltips pro plus 31.8.8

Hi, dear users of wordpress tooltips plugin, I hope this message finds you well and that you’re having wonderful days with your family.:)  We received a wordpress tooltip directory user’s feedback, the teacher has given us many amazing feature request in the past few months, based on his suggestion, we have developed many versions of the wordpress tooltip user directory module:

Enhanced Functionality to Enable/Disable Specific User Roles Display in User Member Directory

A new option has been added to enable/disable the member directory in the WordPress Tooltips Pro Plus plugin

Support reset wordpress tooltips directory settings 

How to list specific type of users using fuzzy search in member directory of wordpress tooltip plugin

How do I display only users with specific user roles from a specified list of user IDs in the Member Directory?

How to only display users with a specific role in the member directory and hide users from the specified user ID list? WordPress tooltips pro plus 29.1.8 released

How to disable a specified user from appearing in the member directory? wordpress tooltip tooltips pro plus 29.0.8 released

How to display only the users in a specified user ID list in the member directory? wordpress tooltip tooltips pro plus 28.9.8 released

How to display only specified wordpress users in the members directory according to their user roles? wordpress tooltip tooltips pro plus 28.8.8 released

… and more

The great wordpress tooltip user helped us improve the functions of directory module rapidly 🙂

A few days ago, the teacher contacted us again with another amazing feature request:

Hello, long time no see. I hope you are all doing well. I really love your WordPress Tooltip plugin. Now there’s one issue: every time I want to set up the user directory, in the directory global settings panel, I see the settings for the WooCommerce directory first, followed by the job board directory, then the WordPress post directory, then the WordPress page directory, and only finally the settings for the user directory. My mouse wheel struggles to scroll through all of this every time. Is there a more mouse-wheel-friendly solution?

Our wordpress tooltip plugin developer checked this ticket, and we developed wordpress tooltips pro plus 31.8.8 to resolve the problem for the amazing user 🙂

Our solution is to create a tab panel using bootstrap In the wordpress tooltip directory control panel, where different types of directories will be displayed in separate tabs.

It looks like this:

Woocommerce product directory tab:

woocommerce product directory tab

WordPress Job Board directory tab

job directory tab

job directory tab

WordPress post directory

wordpress post directory tab

wordpress page directory tab:

wordpress page directory tab

wordpress user directory tab

user directory tab

user directory tab

As you can see, using tab panels to manage different groups of options in the settings panel of the tooltip directory settings panel, instead of listing all the functionality settings together in one panel, offers several benefits:

  1. Improved Readability: Tabs group related settings together, making the interface cleaner and clearer. Users can more easily find the settings they need to adjust without being overwhelmed by a lot of information.
  2. Simplified Navigation: With tabs, users can quickly switch to different functional areas. This structured navigation is more efficient than scrolling through a long page of settings.
  3. Reduced Visual Clutter: Displaying different functionalities separately minimizes the visual complexity of the interface, allowing users to focus more on the options they are currently dealing with.
  4. Ease of Updates and Expansion: If the plugin needs to add more features in the future, using tabs makes it easy to categorize new options without redesigning the entire settings interface.
  5. Enhanced User Experience: Users can quickly locate the required functions within the interface, reducing the time spent on operations and greatly enhancing the overall user experience.
  6. Better Organization: Tabs help to categorize related settings, providing a logical connection between different settings and enhancing the overall structure.
  7. Avoiding Setting Conflicts: Separating options for different functionalities can reduce the likelihood of users accidentally mixing settings, improving configuration accuracy. In summary, using tab panels to manage different functional settings not only enhances user experience but also provides convenience for the maintenance and expansion of the plugin.

So when the teacher opens the directory global settings panel, all they need to do is simply click “User Directory” tab. Then, they can complete all settings in the “User Directory” tab. This design is user-friendly and more visually appealing for wordpress tooltip admins 🙂

Thanks for the great feature request to wordpress tooltip plugin, if you have any more suggestion, please don’t hesitate to contact us 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,

WordPress Tooltips Plugin Support

Tagged with: , , , , ,

How to Disable WordPress Tooltips in URL-Links?

Hi, dear users of  WordPress Tooltip plugin, I hope this message find that you are doing well and having happy days with your family.   We received a wordpress tooltip user’s question about how to disable WordPress Tooltips in URL-Links?:

Disable Tooltips in URL-Links

WordPress Tooltips is a good thing, but if support requests aren’t answered, it’s not so nice. The problem is that the tooltips are displayed in links and therefore, clicking on them leads to nirvana.

Can this be stopped?

Thank you for your question! We are very happy to help you solve the problem. We believe there might be more users with similar questions, so we have decided to write a detailed document here for you publicly. 🙂

How to Disable WordPress Tooltips in URL-Links?

1: login wordpress as admin

2: In wordpress dashboard, click “Tooltips” menu item, it looks like this:

tooltips menu in wordpress tooltips pro plus 27.5.8

tooltips menu in wordpress tooltips pro plus 27.5.8

3: If you are using wordpress tooltips pro plus plugin, please click “Optional settings” sub menu item, if you are using wordpress tootlips free plugin, please click “Global settings” sub menu item.

4: Then, in the control panel, you will find the option “Disable Tooltips in H1, H2….,Link”, it looks like this:

disable wordpress tooltip for selected css classed and ids and html tags

In the option “Disable Tooltips in H1, H2….,Link”, simply enter “a” in the input text filed.

5: Then, in the front-end, wordpress tooltips plugin will remove tooltip effects from tooltip terms that embedded in the URL-links

We also have more features to disable tooltips in wordpress pages, please check more details at:  How to suspend the wordpress tooltip for a wordpress page?

Hope this have a little help 🙂

If you have any more questions about wordpress tooltips plugin, please don’t hesitate to contact us, we are very happy to assist you in solving any problems with the wordpress tooltips plugin 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,

WordPress Tooltips Plugin Support

Tagged with: , ,

How can I handle wordpress tooltips with the same name but different meanings?

Hi, Dear WordPress Tooltip users,  Hope this message find you are doing well and having happy weekend with your family   We received a ticket from a WordPress tooltip user. He said:

Same tooltips name but different meanings

Hello, thank you for your usefull plugin.

I would like to ask you if there is a way to resolve a problem of managing.

I use the plugin also for acronyms, now I have some acronyms that are multiple, same name but very different meaning.Is there a way to handle multiple match? Instead of the tooltip content, could show a list of corrispondences, multiple tooltips with the same name but different meaning?

Thank you

How can I handle wordpress tooltips with the same name but different meanings?

Okay, About “I use the plugin also for acronyms, now I have some acronyms that are multiple, same name but very different meaning. Is there a way to handle multiple match?”

Currently, when you create multiple tooltips with the same name, hovering over the tooltip term will display all of the associated tooltips — automatically. But you can  use tooltips shortcode to resolve the issue, we have many tooltip shortcode, please check our detailed step by step document at wordpress tooltip shortcode .

The easiest shortcode to use is tooltip_by_id, you can insert the tooltip id in  tooltip_by_id shortcode like this:

[ tooltip_by_id tooltip_id=’3107′ ]

The result looks like this:

Tooltip For Forms Demo - Message Field

The tooltip ID can be located in the browser’s address bar. For example, if the URL reads: tooltips.org/wp-admin/post.php?post=3107&action=edit&classic-editor, the tooltip ID is 3107.

This method allows you to create various intricate effects in the standard WYSIWYG editor for WordPress tooltips. You can then utilize the tooltip_by_id shortcode to link the tooltip’s content in any WordPress post or page.

In wordpress tooltips pro plus, we have more functions that might potentially help you? for example:

In wordpress post editor, you can disable specific tooltips in the page, or disable specific tooltip categories in a wordpress post. This method allows you to disable acronyms in a specific tooltip category within a WordPress post, or disable specific acronyms within a wordpress page.

We will seek additional methods to assist users who have these types of requests. 🙂

Use glossary to show the list of “corrispondences”

About “could show a list of corrispondences, multiple tooltips with the same name but different meaning”

Yes, wordpress tooltips plugin support glossary list, it looks like this:

The ideals which have lighted my way, and time after time have given me new courage to face life cheerfully, have been Kindness, Beauty, and Truth. The trite subjects of human efforts, possessions, outward success, luxury have always seemed to me contemptible.
Do something wonderful, people may imitate it.
To follow, without halt, one aim: There is the secret of success.
This is wordpress audio tooltip demo, audio is loading, please wait a moment. Your browser does not support the audio element.
This is wordpress audio tooltip demo, audio is loading, please wait a moment. Your browser does not support the audio element.
This is wordpress audio tooltip demo, audio is loading, please wait a moment. Your browser does not support the audio element.
Robert Louis Stevenson
Since wordpress tooltips pro 5.9.2 (the current version is 17.1.4), we start to support bullet screen effect, what is bullet screen? In some countries, for example Korean, China... and so on, a few site start to allows show text messages fly across the screen like bullets, we call it bullet screen, a example site which Read More
Bullet Screen lets you add scrolling comments, quotes, or tips to any WordPress post, offering users a unique and engaging experience
Strawberry & Cream Torte $9 only! On sale! Limited Time Offer! SHOP NOW

Hope this have a little help 🙂

If you have any more question, please don’t hesitate to tell us 🙂

Best Regards,

WordPress Tootips Plugin Support Team

Tagged with: , , ,

How to generate all items of WordPress Tooltips as a JSON file? Supported by Tooltips Pro Plus 31.7.8

Hi Dear  users of  WordPress Tooltip plugin Hope this message find you are doing well and having happy day 🙂  An amazing user continuously made many great suggestions, such as ‘How to Replace the “Glossary” Link in the Glossary Breadcrumbs in the WordPress Tooltips Plugin.’ In response, we developed two versions for this user. Then, this user raised a new question, asking us if WordPress Tooltips can support GTranslate to implement multilingual tooltips:

Hello,
unfortunately I have another small problem: As you can see in the picture, the ToolTip is unfortunately not translated. The GTranslate support team has found out what the problem is. Can you fix the problem:

Thank you very much

————————-

Hi,

I can see that the content of the tooltips is in JavaScript format.

Unfortunately, GTranslate can not translate hardcoded textual parts written inside JavaScript files, or texts written inside regular objects or arrays.

Our system will be able to translate textual parts if texts are written inside JSON objects:

Example::
{
“buttonText”: “Contact us”,
“buttonSize”: “large”, ”
“buttonIconSize”: 24,
“menuSize”: “large”
}
If you can convert it to JSON, we will be able to translate it. You can check about this with your theme developer or the plugin’s support that provides the Tooltips.


We checked the wordpress GTranslate plugin,we found it is a great plugin, the GTranslate plugin is a translation tool for websites that enables users to translate the content of a site into different languages. It uses Google Translate’s technology to provide instant translation and can support multiple languages, thereby allowing website owners to reach a wider audience by making their content accessible to non-native speakers.

Key Features:

  • Automatic Translation: Translates website content automatically without requiring manual input.
  • Multiple Language Support: Supports a wide range of languages, making it easier for global audiences to access the content.
  • User-Friendly Interface: Typically easy to install and integrate into various website platforms like WordPress, Joomla, and others.
  • Customizable Options: Allows users to customize the translation settings and choose which languages to offer.

Use Cases:

  • E-commerce Sites: Enable customers from different regions to understand product descriptions and policies.
  • Blogs and News Websites: Reach a broader readership by providing content in various languages.
  • Educational Websites: Provide learning resources in multiple languages for diverse audiences. GTranslate can significantly improve user experience on multilingual websites by breaking down language barriers.

We really like it, of course we hope we can support it, after checked their FAQ, we found they said:

Is the content output in Javascript also translated?

It is assumed that the translation target is output in HTML. Please note the parts output in Javascript are not supported for translation and cannot be edited for translation.

Then we tried to find an example of GTranslate integrating with other plugins that use JavaScript. However, in the support forum, we often found the support advising users to remove those plugins or templates that use JavaScript, so we couldn’t find similar reference cases. We can only rely on ourselves to work hard to achieve this.

We carefully considered the possibility of converting our JavaScript code into JSON format.

1:Over the past many years, we have received much amazing user feedback, in which they told us that the content of their tooltip items exceeds 5,000 words, and they are using about 200 tooltips on one page, which makes the page load very slowly. They do not want the full text of the tooltip to be displayed in the HTML source code of the WordPress page.

We have done a lot of hard work to remove the full text of the tooltip from the page source. In fact, we generated a JavaScript file that includes all tooltip titles, contents, etc., in a dedicated JavaScript file to speed up the loading time of the WordPress page. So if we use JSON to display the full text of the tooltip, it may cause the page speed to be very slow, which is not good for WordPress tooltip users.

2: Currently, WordPress tooltips have become a very complex system. For example, users can input shortcodes within the content of tooltips. If GTranslate translates the shortcodes and their input parameters into other languages, it will completely break the functionality of the users’ tooltips. Not only that, but WordPress tooltips now support many features, such as videos, audio, images, maps, PDFs, wikis, and many more. Any change to any part could potentially disrupt the functionality of the users’ tooltips.

3: “JSON” is a great technology, and JavaScript is currently a mainstream core technology in browsers and many codebases. Our WordPress tooltips are also developed based on many mainstream core technologies, and we cannot abandon these modern core technologies. Furthermore, WordPress tooltips have now become an ecosystem. Some of our heavy users have informed us that they have added several modules based on our WordPress tooltips API, and some of these modules are built on JavaScript. We cannot abandon the entire ecosystem, as it would require many users to reinvest and expend considerable manpower to redevelop subsystems based on JSON, which would lead to significant waste and conflict.

After much research and exploration, we finally came up with a solution: to generate a separate JSON file based on the JSON format of the user’s response. I believe this might provide a lead for great plugins like GTranslate to explore how to support the vast number of plugins that currently utilize JavaScript technology, instead of asking users to remove plugins and templates that use mainstream internet technologies. We are willing to make every effort to work together with GTranslate. 🙂

How to generate all items of WordPress Tooltips as a JSON file?

1: Login to wordpress tooltip plugin site and click “download”  menu item to download wordpress tooltip pro plus plugin which version >= 31.7.8

2: Login your wordpress site as admin , in WP dashboard, please click “Plugins” menu.

3: If you installed wordpress tooltips free plugin or old wordpress pro plugin, please deactivate it and delete the old wordpress tooltip plugin , then in the wordpress “Plugins” panel, please click “add new” link at the top of the plugins panel to install the wordpress tooltips pro plus plugin which downloaded from tooltips.org, please upload the wordpress tooltips plugin zip file which you downloaded from wordpress tooltip pro plus plugin  , then activate the new wordpress tooltip plugin version which you installed via plugins menu

4: In wordpress dashboard, click the “Tooltips” menu item

tooltips menu in wordpress tooltips pro plus 27.5.8

tooltips menu in wordpress tooltips pro plus 27.5.8

5 Then click “Reset Tooltips” sub menu-item, In “Reset Tooltips” panel, you will find a new option “Generate Tooltips Json File”:

Generate Tooltips Json File

Generate Tooltips Json File

Simply click the “Re-generate JSON” button. Then,  in the root folder of wordpress tooltips plugin, you will find the JSON file — tooltips.json, in which we export all tooltip’s title / content as you requested 🙂

If you need more things, please tell us, we are very happy to help you, and we are willing to make every effort to work together with GTranslate. 🙂

We also offer other multilingual tooltip solution, such us Polylang tooltips, you can find our detailed step by step document at: How to create multilingual tooltips using the Polylang plugin with wordpress tooltips

We are developing new version to support more multilingual plugin 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,

WordPress tooltips plugin support

Tagged with: , , , ,

How to create multilingual tooltips using the Polylang plugin with wordpress tooltips? Supported by wordpress tooltips pro plus 31.6.8

Hello, dear WordPress Tooltips plugin users, I trust this message finds you in good spirits and enjoying joyful moments with your family. 🙂  Yesterday, we announced the release of WordPress Tooltips Pro+ 31.5.8, inspired by an amazing feature request from a WooCommerce tooltip user regarding multilingual tooltips.The tooltip user’s request consists of two main parts:

  1. Feedback on the WordPress Tooltips Pro Plus Plugin: The tooltips user provides positive feedback about the plugin, highlighting its effectiveness in simplifying their e-commerce store’s design, reducing information overload, addressing common user questions, and ultimately increasing product conversion rates.
  2. Request for Assistance with Multilingual Tooltips: The tooltips user is expanding their business and wants to implement multilingual functionality to serve international customers better. They are using the Polylang plugin but encounter an issue where they cannot add German and French tooltip terms for their users. The user is asking for assistance in resolving this issue and specifically in changing the tooltip language. In summary, the user is both providing feedback on your plugin and seeking help with a multilingual feature related to tooltips.

Our wordpress tooltips plugin developer released the feature for the wordpress tooltip user, and then the multilingual tooltips user told us, she can add German and French tooltip terms for  German and French users, She hopes that the WordPress Tooltips plugin will support the automatic entry and display of multilingual tooltips with Polylang, along with tons of feedback! 🙂

We lost our sleep to realized all feature request for the Multilingual Tooltips user, and she said: “That’s amazing, you have completely realized my dream.” 🙂

what is wordpress polylang plugin?

The Polylang plugin for WordPress is a popular solution for creating multilingual websites. It allows users to easily translate their content into multiple languages and manage those translations from the WordPress dashboard. Here are some key features of the Polylang plugin:

Key Features

  1. Language Management: Users can add as many languages as needed, assign languages to posts, pages, and categories.
  2. Translation Interface: It provides a user-friendly interface to create translations for posts and pages seamlessly.
  3. Language Switcher: Polylang enables you to add a language switcher widget or menu to allow visitors to switch between languages easily.
  4. SEO Friendly: The plugin is designed with SEO in mind, including features to help with URL structure and meta tags for multilingual content.
  5. Compatibility: Polylang works well with most themes and plugins, and it has compatibility with WooCommerce for e-commerce sites.
  6. Customizable: Users can customize the language switcher’s appearance and behavior to fit the design of their site.

Perfect for businesses or organizations looking to reach a global audience by offering their content in multiple languages. 🙂

Installation

To install Polylang, you can:

  1. Go to the  WordPress  admin dashboard.
  2. Navigate to Plugins > Add New.
  3. Search for “Polylang” and click Install Now.
  4. Activate the plugin and follow the setup wizard to configure your languages. Polylang is a powerful option for anyone looking to create a multilingual WordPress site without requiring extensive coding knowledge.
  5. Or simply  go to the Polylang settings to set up the languages you want to use.
  6. Start creating content and assign the appropriate languages to your posts, pages, and other taxonomies.
  7. Add the language switcher to your site’s menu or widget area.

Overall, Polylang is an effective and powerful tool for anyone looking to create a multilingual website using WordPress. It is geared towards both beginners and advanced users, making it versatile for various types of websites. 🙂

What is tooltips?

Tooltips are user interface elements that provide additional information or context when a user hovers over, clicks on, or focuses on an element on a webpage or application. They are typically small pop-up boxes or messages that appear near the element being referenced, offering explanations or hints without cluttering the interface, Tooltips help users understand the function of buttons, icons, or other elements without requiring them to click or navigate away. Tooltips generally appear only when needed, minimizing distraction and maintaining a clean user interface. 🙂

The concept of tooltips has evolved over time alongside the development of graphical user interfaces (GUIs). Here’s a brief overview of the history of tooltips:

Early Development (1980s)

  • Origins in GUIs: Tooltips can trace their roots back to the early days of graphical user interfaces in the 1980s. As computer systems moved from text-based interfaces to GUIs, developers sought ways to make interactions more intuitive.
  • Apple Lisa and Macintosh: The introduction of the Apple Lisa in 1983 and later the Macintosh in 1984 featured the first implementations of help text and contextual information, which served as precursors to modern tooltips.

1990s: Standardization

  • Windows 95: Microsoft Windows 95 was instrumental in popularizing the tooltip concept. Tooltips became a standard feature in many applications, providing users with instant feedback about various UI elements.
  • Web Development: As the internet began to grow, early web development practices started incorporating tooltip-like elements using HTML and JavaScript, although they were often implemented in a more rudimentary manner (e.g., using the title attribute).

2000s: Evolution and Enhancement

  • Rich Web Applications: With the rise of AJAX and more sophisticated web applications in the early 2000s, developers began to create more dynamic and customizable tooltips.
  • CSS and JavaScript Frameworks: The advancement of CSS and the emergence of libraries like jQuery allowed developers to design more visually appealing tooltips that could be styled and animated.

2010s: Widespread Adoption

  • Responsive Design: As mobile devices gained popularity, tooltips were adapted for touch interfaces. Developers had to think about how tooltips would function on devices without a hover state.
  • Frameworks and Libraries: Numerous front-end frameworks (e.g., Bootstrap, Foundation) included built-in tooltip functionality, making it easier for developers to implement them consistently.
  • In 2010, Tooltips.org started developing the WordPress tooltips plugin to help users create beautiful tooltips with just a few clicks in under three minutes. 🙂

Present Day

  • Accessibility Focus: Modern web development places greater emphasis on accessibility. Developers now pay more attention to how tooltips are presented to users with disabilities, ensuring that they are usable with keyboard navigation and screen readers.
  • Contextual Information: Tooltips are still widely used across websites and applications, often enhanced with rich media, such as images or videos, to provide deeper context.

Tooltips have come a long way from their early iterations, evolving into a key component of user interface design. They remain a crucial tool for enhancing user experience by providing contextual information without overwhelming the interface. As technology continues to advance, tooltips are likely to become even more sophisticated and integrated into various interactive designs 🙂

What is WordPress Tooltip Plugin:

A WordPress tooltip plugin is a tool that allows website owners to add tooltip functionality to their WordPress site easily. WordPress Tooltips plugin provide additional information or context when users hover over or click on specific elements, helping to enhance user experience without cluttering the interface. Tooltips are small popup box with more information like video /  audio / image / google maps / QR code / wiki / text… and so, tooltips box will pop up when users hover over an element in your pages, the element can be a word in your post, a search form input box, an image in your page, a widget on your sidebar.. and so on, wordpress tooltip plugin supports add tooltip effect on any element on the wordpress posts, or display on wordperss menu, comment, contact form, woocmmerce product, bbpress forum, buddypress activity…etc, with pretty effects and many more little amazing components and addons, for example, Bullets Screen

Key Features of WordPress Tooltip Plugins:

  1. Easy Integration: Most tooltip plugins allow for straightforward installation and configuration within the WordPress dashboard, requiring no coding skills.
  2. Customizable Tooltips: Users can often customize the appearance of tooltips, including colors, fonts, and animations, to match their site’s design.
  3. Content Options: Many plugins allow you to include various content types within tooltips, such as text, images, videos, or HTML.
  4. Trigger Options: Tooltips can be triggered in different ways, such as on hover, click, or focus, giving developers flexibility in how they want them to appear.
  5. Responsive Design: Good tooltip plugins ensure that tooltips are responsive and look good on mobile and desktop devices.
  6. Shortcodes and Widgets: Some plugins offer shortcodes or widgets, making it easy to add tooltips to specific posts, pages, or widget areas.
  1. WordPress Tooltips: This plugin allows you to create and manage tooltips without any coding. It offers a simple interface for adding tooltips to different elements.
  2. Tooltips Pro: A more advanced plugin that provides options for customized styling and a variety of content types within tooltips.
  3. Easy Tooltips: This plugin offers a lightweight solution for adding tooltips with minimal configuration. It can work well with any WordPress theme.
  4. WPHelp: Alongside basic tooltip functionality, this plugin includes features for creating a help desk or FAQ sections.

Use Cases:

Conclusion:

WordPress tooltip pro is a tooltips plugin for wordpress, which be designed to help you create colorful, varied and graceful tooltip styles to present the content to your users, with lively and elegant animation effects, and save your valuable screen space.

When the users hover over an item, the colorful tooltip popup box will display with the animation effect. You can add video, audio, image, and even other content which generated by 3rd wordpress plugins like QR code, Amazon AD, Google Map in tooltip popup box via wordpress standard editor, it is very easy to use.

 

 

How to create multilingual tooltips using the Polylang plugin with wordpress tooltips?

1: Login to wordpress tooltip plugin site

2: Click “download”  menu item to download wordpress tooltip plugin, it will be a wordpress plugin zip file.

3: Login your wordpress site as wordpress administrator

4: In your wordpress dashboard, please click “Plugins” menu please

5: If you installed wordpress tooltips free plugin or old wordpress pro plugin, please deactivate it and delete the old wordpress tooltip plugin

6: Then in the wordpress “Plugins” panel, please click “add new” link at the top of the plugins panel to install the wordpress gif tooltip plugin which downloaded from tooltips.org

7: Upload the wordpress tooltips plugin zip file which you downloaded from wordpress tooltip pro plus plugin site

8: Activate the new wordpress tooltip plugin version which you installed via plugins menu

9: Access Addon Settings: On the left sidebar, find the “Tooltips” menu item and click on it.

  • tooltip sub menu items

    tooltip sub menu items

10 Then, select the “Addons” submenu to access the “Tooltips Addon Settings” panel.

WordPress tooltips pro plus 20 Addons

11: Enable Tooltips for polylang addon: In the “Tooltips Addon Settings” panel, you’ll see a selection of 20 different WordPress tooltip addons. Find the “Enable Tooltips for polylang plugin” addon, enable it, and click the “Update Now” button.

12: Add new tooltips:  return to the Tooltips Menu, Click on the “Add New” menu again.  Create new tooltip terms, for example, create a tooltips in wordpress tooltips editor: “long live peace”

create multilingual tooltips in wordpress tooltips editor — long live peace

As you can see in the screenshot, there are “Language” metabox at the right hand of tooltips editor, in here you can select the desired language for the tooltips you are about to create (e.g., German, Spanish). Simply write your wordpress tooltip text content (title, body, etc.) in the selected language, then publish it.

13: Add multilingual tooltips,  after saving the post, look for a section labeled “Languages” again “Language” metabox. You should see a list of the languages you’ve configured. There will be options to add translations for your post. Then click on the “+” sign next to the language you want to translate the tooltip into , e.g., to add a German translation: Deutsch Beispiele

create multilingual tooltips in wordpress tooltips editor -- long live peace in German

create multilingual tooltips in wordpress tooltips editor — long live peace in German

And then add a French version: Viva la paix

create multilingual tooltips in wordpress tooltips editor -- long live peace in French

create multilingual tooltips in wordpress tooltips editor — long live peace in French

14: Then create a German/French WordPress post, and on the frontend, you’ll see that the wordpress tooltips plugin will display a translated version of your tooltips content, for example English version: long live peace in front-end

multilingual tooltips examples in English

multilingual tooltips examples in English

Tooltip German: Deutsch Beispiele in front-end

Tooltip French translation: Viva la paix in front-end

Exemples en francais – mydev

Exemples en francais – mydev

Also wordpress tooltips pro plus support Gutenberg WordPress editor:

wordpress tooltips pro plus support Gutenberg

Conclusion:

wordpress tooltip glossary plugin are powerful tool for improving user experience by providing contextual information in a seamless manner. By utilizing these plugins, website owners can simplify complex information, diminish confusion, and enhance overall site usability.
With the release of WordPress Tooltips Pro version 31.6.8, the plugin now offers full support for the Polylang multilingual plugin. This integration allows users to create multilingual tooltips for terms in the backend and display content in various languages on the frontend, tailored to the selected language.

 

Tagged with: , , ,

What is the process for creating multilingual content in a new tooltip using the Polylang plugin with wordpress tooltips? WordPress tooltips pro+ 31.5.8 released

Hello, dear users  WordPress Tooltip plugin , I hope this message finds you are doing well and having  happy days with your family   We got a wordpress tooltip users’ feedback, she said: “I am an e-commerce store owner, and I use your WordPress Tooltips Pro Plus plugin to provide detailed information about my products in my WooCommerce store. Your WordPress Tooltips plugin is excellently designed; it helps me hide information within tooltips, greatly simplifying the page design and avoiding information overload. At the same time, it addresses common user questions, reducing confusion and promoting shopping decisions. As a result, I have seen a significant increase in my product conversion rates. You have created a fantastic plugin!” And “I am currently expanding my business, and I need to provide multilingual functionality for my international customers to enhance user experience and boost sales. I have decided to use the Polylang plugin because I found that Polylang is a popular plugin for WordPress that allows users to create bilingual or multilingual websites with ease. However, when I wanted to edit the tooltips entries, I discovered that I couldn’t add German and French tooltip terms for my German and French users, how can I change tooltip language? Could you kindly help me resolve this issue?”

It is the first time we got this kind of feature request, our wordpress tooltips plugin developer installed wordpress polylang plugin, we found the plugin saying:

With Polylang fully integrated to WordPress and using only its built-in core features (taxonomies), keep steady performances on your site and create a multilingual site featuring from just one extra language to 10 or more depending on your needs. There is no limit in the number of languages added and WordPress’ language packs are automatically downloaded when ready.

After a few minutes, we realized we loved this wordpress multilingual plugin. Our WordPress tooltip plugin developer decided to support the Polylang plugin for woocommerce tooltip  users. We spent a few days reading the code of the Polylang plugin and discovered some technical issues with integrating Polylang into the WordPress tooltips plugin, primarily because WordPress tooltips are based on the WordPress custom post type standard. After several days of hard work, we finally found a method to support Polylang in the WordPress tooltip editor. It looks like this:

create multilingual tooltips in wordpress tooltips editor — long live peace

As you can see in the screenshot, you’ll see a “Language” section, in here you can select tooltip language on the right side of the wordpress tooltip editor, select the desired language for the post you are about to create (e.g., English, Spanish). Simply write your tooltip content (title, body, etc.) in the selected language. After saving the post, look for a section labeled “Languages” again on the right side. You should see a list of the languages you’ve configured. There will be options to add translations for your post. Then click on the “+” sign next to the language you want to translate the tooltip into (e.g., to add a Spanish translation). This will create a new tooltip editor for the selected language. Enter the translated title and content in the new editor. It’s important to make sure that the content accurately reflects the translation. Once you’re done entering the content for the translation, you can publish or update the post as needed. Make sure to do this for each language version you create.

After publishing, you can check the front end of your site to see the language switcher. This allows users to switch between the different language versions of your tooltips. 🙂

Tagged with: , , ,

Announcement: fully supports the Polylang multilingual plugin, allowing users to create multilingual tooltips for tooltip terms in the backend. Additionally, it enables the display of content in different languages for tooltip terms on the frontend, depending on the selected language

Announcement: In response to user requests for new features, we have completed the releases of WordPress Tooltips Pro Plus 31.5.8 and 31.6.8. In version 31.5.8, we introduced support for displaying Polylang multilingual input links in the tooltip editor/list panel and enabled the creation of multilingual tooltips via Polylang. With version 31.6.8, we have fully integrated support for the Polylang multilingual plugin, allowing users to create multilingual tooltips for tooltip terms in the backend, as well as display content in different languages for those terms on the frontend based on the selected language. After extensive testing, we have just uploaded version 31.6.8, which includes multilingual support. Due to numerous suggestions from users, we have worked tirelessly to improve our Tooltips for Polylang add-on, which has led to many sleepless nights. We need to rest for a while, and afterward, we will provide a detailed documentation to help users quickly create and display multilingual tooltips via Polylang.

create multilingual tooltips in wordpress tooltips editor -- long live peace

create multilingual tooltips in wordpress tooltips editor — long live peace

The Polylang plugin for WordPress is a popular tool that allows you to create a multilingual website. Here are some key features and functionalities of the Polylang plugin:

Key Features

  1. Multilingual Content: Polylang enables you to write posts, pages, and custom post types in multiple languages. You can manage translations easily from the WordPress admin interface.
  2. Language Switcher: It provides a customizable language switcher that can be displayed in menus, widgets, or as a shortcode on your site, allowing users to select their preferred language.
  3. SEO-Friendly: Polylang is designed with SEO in mind. It allows you to set different URLs for each language, helping search engines index your multilingual content effectively.
  4. Compatible with Other Plugins: It works well with various other popular WordPress plugins, such as Yoast SEO, which can further enhance your site’s visibility.
  5. Simple User Interface: The interface is designed to be user-friendly, allowing content creators to switch between languages seamlessly when editing or creating content.
  6. Customizable Language Settings: You can configure various language settings, such as choosing different languages for different content types and setting up translations for categories, tags, and other taxonomies.

Use Cases

  • Global Websites: Perfect for businesses or organizations looking to reach a global audience by offering their content in multiple languages.
  • E-commerce: Useful for online stores that cater to customers in different regions and need to provide product descriptions in various languages.

In WordPress Tooltips Pro Plus 31.6.8, we added a tooltips for polylang addon, in which you can create multilingual tooltips for your users 🙂

Thank you!

Tagged with: , ,

How to Add WordPress Tooltips Effect to WooCommerce Product Attribute Names

Hello, dear  WordPress Tooltip plugin users , I hope this message finds you are doing well and having   happy weekend with your loved ones 🙂  A wordpress tooltip plugin user asked a question about how to add tooltips effect on woocommerce product attribute names:

Tooltips on Product Attribute Names

Hello I have created a tooltip “Income”. I would like to associate the tooltip with a Product Attribute in my Store called “Income”. However, on the product page where people can purchase, where I would expect the tooltip to work, there is not tooltip attached to the attribute name.

Our wordpress tooltips plugin support team replied:

Hi,

Hope you are doing well and having happy days with your family 🙂

Thanks for the message 🙂

We are very happy to help you 🙂

Since we have many plugin versions with different functions, could you please tell us with the following information:
1 the plugin version you are using
2 the URL related with the problem , such us the woocommerce store or product URL
3 a little more details on how to find the problem in the URL, or a screenshot showing how you created the Product Attribute, is it generated by woocommerce or a 3rd plugin…etc 🙂

Thanks, have a blessed day with your family 🙂

Best Regards,
Wordpress Tooltips Support Team

Then the great user kindly provided the URL and screenshot to help us understand the problem. We are happy to create a detailed document for this amazing user and for more WordPress tooltip users. 🙂

What is WordPress Tooltips

Tooltips are small popup boxes that provide additional information, such as videos, audio files, images, Google Maps, QR codes, wikis, text, and more. These tooltip boxes appear when users hover over an element on your pages. This element can be a word in your post, an input box in a search form, an image, a widget in your sidebar, and so forth. The WordPress tooltip plugin enables you to add tooltip effects to any element within your WordPress posts, as well as to items in the WordPress menu, comments, contact forms, WooCommerce products, bbPress forums, BuddyPress activities, and more, all with attractive effects and various amazing components and add-ons, such as Bullets Screen.

What is WooCommerce

WooCommerce is a powerful, open-source eCommerce plugin designed for WordPress. It enables users to create and manage their own online stores easily, providing a flexible and customizable platform to sell physical and digital products. Below are some key features and benefits of using WooCommerce:

  • User-Friendly Interface: WooCommerce is designed with simplicity in mind. Its intuitive interface makes it easy for both beginners and experienced users to set up and manage their online stores without extensive technical knowledge.
  • Customizable: With a wide range of themes and extensions available, WooCommerce allows users to customize the look and functionality of their online stores to match their brand’s identity and specific business needs.
  • Product Management: Users can easily add, edit, and organize products, including setting prices, managing inventory, and offering variations of products like sizes and colors.
  • Payment Options: WooCommerce supports various payment gateways, including credit cards, PayPal, and Stripe, allowing businesses to choose the payment methods that best suit their customers.
  • ommunity and Support: Being a popular platform, WooCommerce has a large community of users and developers, providing extensive documentation, forums, and support resources.

Overall, WooCommerce is an ideal solution for anyone looking to start an online store, whether you are running a small business or a larger enterprise. It combines the power of WordPress with eCommerce functionality, making it a top choice for online retailers.

What is WooCommerce Product Attribute?

WooCommerce Product Attributes are essential features that allow store owners to define specific characteristics of their products. Attributes help in enhancing product variations, improving filtering options, and providing detailed information to customers, ultimately leading to a better shopping experience. Here’s a closer look at what product attributes are and how they can be utilized:

Key Features of WooCommerce Product Attributes:

Customizable Attributes: You can create custom attributes that suit your products. For example, common attributes include size, color, material, weight, and dimensions.

Variable Products: Attributes play a vital role in setting up variable products. For instance, if you sell a t-shirt available in different sizes and colors, each combination can be set as a unique variation based on the defined attributes.

Product Filtering: Attributes can be used for product filtering on your store’s front end. Customers can refine their search based on specific characteristics, making it easier to find what they are looking for.

SEO Benefits: Properly configured attributes can enhance SEO by providing additional keywords and details related to products, which can improve search visibility.

Enhanced User Experience: By clearly displaying attributes, customers can make informed purchasing decisions as they can easily compare products based on their characteristics.

How to Add Product Attributes in WooCommerce:

1. Accessing the Attributes Section:

Go to your WordPress dashboard, navigate to Products > Attributes.

2. Creating New Attributes:

Enter the name of the attribute (e.g., Color).

Configure the slug (URL-friendly version) and choose whether to enable it for variations.

Click Add Attribute.

3. Assigning Attributes to Products:

When adding or editing a product, you will find an Attributes tab.

Select the attribute you created and configure its values (e.g., Red, Blue, Green).

Save the changes to apply the attributes to the product.

Overall,WooCommerce Product Attributes are a powerful way to enhance product details and customer experience on your online store. Utilizing attributes effectively can help differentiate your products, streamline the shopping process, and improve overall sales!

How to Add WordPress Tooltips Effect to WooCommerce Product Attribute Names?

Adding tooltips to WooCommerce product attributes is a straightforward process. Here’s how to do it quickly and efficiently:

  1. Download the Plugin: First, visit the WooCommerce Tooltip plugin website to download the WordPress Tooltip Pro Plus plugin.
  2. Upload the Plugin: Log in to your WordPress dashboard. Navigate to the plugins section, upload the WooCommerce Tooltip plugin, and then activate it.
  3. Access Addon Settings: On the left sidebar, find the “Tooltips” menu item and click on it.

    tooltip sub menu items

    tooltip sub menu items

  4. Then, select the “Addons” submenu to access the “Tooltips Addon Settings” panel.tooltip addons in tooltip multisite license version
  5. Enable WooCommerce Product Tooltip: In the “Tooltips Addon Settings” panel, you’ll see a selection of 18 different WordPress tooltip addons. Find the “Tooltips for WooCommerce Product” addon, enable it, and click the “Update Now” button.
  6. Return to the Tooltips Menu: Click on the “Tooltips” menu again.  Or Simply refresh the current page.
  7. Select Woo Tooltips:  Choose the “Woo Tooltips” submenu item, which will bring you to the relevant settings.
  8. Adjust Advanced Settings: You’ll now see the “Advanced WooCommerce Tooltips Addon Settings” panel. Here, make sure to enable the “Tooltips for WooCommerce Product Attribute” option, along with all other seven WooCommerce tooltip settings.advanced woocommerce tooltips addon settings
  9. View Tooltips on Product Attributes: Once set up, you should see tooltips functioning correctly on your WooCommerce product attribute labels.

tooltips for woocommerce product additional information

Important Note: Before tooltips will display correctly, it’s essential to create some tooltip terms. If you’re new to using WooCommerce tooltips, we recommend checking out our video tutorials on how to create and customize tooltip terms easily. You can enhance each tooltip’s appearance to capture customer attention more effectively.

woocommerce attribute tooltip

Additionally, WooCommerce tooltips can also apply to product descriptions and short descriptions. You can utilize tooltip shortcodes to include advanced tooltip content directly within WooCommerce product descriptions. Furthermore, creating a glossary for your products can help customers understand the benefits and features of what you offer. Lastly, it’s worth noting that you can showcase the WooCommerce product title, image, price, and action buttons like “Add to Cart” and “View Cart” within tooltips, making it possible to display this information in any WordPress post through the WooCommerce product cart anywhere functionality.

 

Tagged with: , , , ,
Top