Category: Wordpress Tooltip Plugin Document

How to reset wordpress tooltip glossary system configuration? Supported by wordpress tooltips pro plus 23.8.8

Hi Dear users of WordPress Tooltip Glossary plugin, Hope this message find you are doing well and having happy days with your family We get a wordpress tooltip user’s ticket, in which he said he want to delete all tooltip configuration and reinstall wordpress tooltips plugin again:

Dear support,

I tried to deleting the plugin and starting all over again, but after installing the plugin again all my original configuration were still there.

Is there a way to completely delete the tooltips plugin … configuration?

Could you tell me how to completely remove the tooltip plugin?

Our wordpress tooltip developer checked his ticket carefully, we think WordPress blogger might need a one-click option to reset the configuration of wordpress tooltip glossary system to easily revert the settings back to their default values. This is a good feature request, we understand bloggers often test different configurations and settings to find the most suitable setup for their website. If they want to start over or undo any changes made to the tooltip glossary system, a one-click reset option allows them to quickly revert to the initial configuration. Also in case the tooltip glossary system is experiencing issues or conflicts with other plugins or themes, resetting the configuration can help resolve these problems. By returning to the default settings, bloggers can eliminate any potential customization-related issues. We decide realize this feature request for the amazing wordpress tooltip user 🙂

How to reset wordpress tooltip glossary system configuration?

1: Please check wordpress tooltip download  to download  newest  version of wordpress tooltip pro + plugin

2: Upload the wordpress tooltip plugin (zip file) via plugins panel in your wordpress,  if you are new user of wordpress tooltip, please check our  video of how to install wordpress tooltip at:  WordPress Tooltips Video Tutorial 3: How to upload and activate wordpress tooltips pro plugin

3: Log in your wordpress site as admin, in wordpress dashboard, please click on Tooltips menu item, then click “Reset Tooltips” sub menu item, you will open Reset Tooltips panel, it looks like this:

Reset Tooltips in wordpress tooltips plus 23.8.8

Reset Tooltips in wordpress tooltips plus 23.8.8

4: As you can see, we added a new option “Reset Tooltips System Configuration” panel, what you need to do is just click “Reset Configuration” blue button, then wordpress tooltip plugin will reset Tooltips Configuration, include tooltip global / optional settings, wordpress tooltip style settings, wordpress glossary settings, wordpress directory settings , wordpress bullet screen settings…etc 🙂

Please note:

1: WordPress tooltip plugin, will not change anything of existed tooltip posts.

After careful consideration, we will not reset the settings related to wordpress tooltip post content, because that is the hard work of many wordpresss blogger for Many years, and we have to protect those who do not understand the consequences, we had to protect their hard works, think if you simply press a button and then several years of work is gone forever, that’s really terrible, so we will not touch any existing tooltip posts, if you want to delete wordpress tooltip post, you can manually delete them inside the “ALL TOOLTIPS” panel. So we won’t touch any existing wordpress tooltip posts,  again, if you want to remove wordpress tooltip post, you can remove them manually by this way:

a: login wordpress as admin

b: click tooltips menu in wordpress back-end

c: click “ALL TOOLTIPS” sub menu item, in all tooltips panel, you can delete all tooltips manually

2: Please note, once you click “Reset Configuration”, all wordpress tooltip / glossary / directory…etc system settings will be removed instantly, so that means you need re-do many settings work, not only tooltip style, but also include enable jquery migration, move tooltip js code to footer, select tooltip and glossary …etc, we have hundreds of setting options, after careful consideration, we decide just delete about 200 setting options, but this is a hard work to reset 200 setting options in wordpress tooltip back-end again,   before you click “Reset Configuration”, think more /  try  more is a better choice?

3: In the current time, the reset tooltip configuration will only existed in wordpress tooltip pro plus plugin, because tooltips pro version have many difference with wordpress tooltips pro plus version, after get the amazing wordpress tooltip user’s request, our developer lost weekend and sleep to finish the new version asap we can, it is our 04:29am morning, we did many tests work and write detailed document for this update, lost all sleep and weekend, in the current time, we still have a lot of other feature request need to finish asap we can, so once we have a free time, we will develop this function for wordpress tooltips pro version.

Thanks for the great feature request, our wordpress tooltip developer give the user a license of wordpress faq plugin as a THANKS, because this is really a great requirement,  wordpress  faq is a Powerful WordPress FAQ plugin, easy to use, select pretty FAQ templates from pre-designed template, custom FAQ style in back-end via a few clicks, Support use OpenAI ChatGPT to generate high-quality content for WordPress F.A.Q and wordpress post automatically, support WooCommerce Product FAQ, Responsive FAQ, Multiple FAQ Templates, FAQs grouped by category, specified number of FAQ items for each FAQ… and more and more

If you have any question or feature request, or bug report, please do not hesitate to contact us, we’d like realize requirement for you, and we always give gift for wordpress tooltip users

 

Thanks, have a blessed weekend with your family

Best Regards,

WordPress tooltip plugin support

Tagged with: , ,

How to add a shadow to the wordpress tooltip popup window?

Hi Dear WordPress Tooltip Glossary Users, Hope this message find you are doing well and having happy day with your family 🙂 We found a wordpress tooltip user created a ticket on wordpress tooltip plugin support forum:

Hi,

How to add a shadow to the wordpress tooltip popup window?

Thank you

Yes, wordpress tooltip plugin support add shadow to wordpress tooltip window,

Adding a shadow to the TOOLTIP popup window can provide some visual and functional benefits, including:

  1. Enhanced Readability: Shadows can make the TOOLTIP popup window stand out more on the page, creating a more pronounced contrast with the surrounding content. This helps grab the user’s attention, making it easier for them to notice the popped-up information.
  2. Providing Depth: Shadows can create a sense of visual depth, making the TOOLTIP window appear as if it’s floating on the page rather than blending in with the page’s content. This aids users in understanding that the information is temporary and distinct from the page content.
  3. Highlighting Important Information: If the TOOLTIP contains important information, such as warnings or crucial guidance, adding a shadow can emphasize its significance. Users are more likely to notice and comprehend this information.
  4. Improving User Experience: A visually appealing TOOLTIP popup window can enhance the user experience, making the page more engaging and user-friendly.
  5. Adding Realism: Shadows can add a touch of realism to the TOOLTIP window, making it appear more like a floating element on the page rather than a flat graphic.

So we added tooltip shadow function in many years before, it is very easy to enable tooltip shadow:

1: Please check wordpress tooltip download  to download  newest  version of wordpress tooltip pro + plugin

2: Upload the wordpress tooltip plugin (zip file) via plugins panel in your wordpress,  if you are new user of wordpress tooltip, please check our  video of how to install wordpress tooltip at:  WordPress Tooltips Video Tutorial 3: How to upload and activate wordpress tooltips pro plugin

3: Log in your wordpress site as admin, in wordpress dashboard, please click on Tooltips menu item, then click “Tooltip Style” sub menu item, you will open wordpress tooltips style settings panel, the tooltips style settings panel looks like this:

tooltip style settings panel in tooltips pro plus 18.9.8

tooltip style settings panel in tooltips pro plus 18.9.8

4: As you can see, in tooltip box customize setting panel, there are “tooltips shadow” option box, please select “Display”, and click the blue “Save Changes” button, then in front end, when mouse hover the tooltip term, user will find tooltip window popup with shadow 🙂

Conclusion:

In summary, adding a shadow to the TOOLTIP popup window can enhance its readability, attract the user’s attention, provide depth, highlight important information, improve the user experience, and add a sense of realism. These factors can help convey information more effectively and enhance the overall appearance of the website. By wordpress tooltips plugin, you can enable / disable wordpress tooltip shadow via one click 🙂

Tagged with: , , ,

How to show tooltip window on wordpress tags? (wordpress tag tooltip)

A wordpress blogger said he added a feature to his wordpress posts that allows users to add TAGs to the wordpress posts, now he needs to show some ADs on the TAGs, then he search and find wordpress tooltip plugin,  he asked us if it is possible to show the tooltip popup on wordpress post TAGs?

Yes, wordpress tooltip plugin support show tooltip window on wordpress post tags, we developed this feature “wordpress tag tooltip” about 9 years before, we know display tooltips on tags in WordPress posts offer several benefits for wordpress editor:

  1. Provide More Information: Tooltips can display additional information when a user hovers their mouse over a tag. This helps provide more context and meaning about the tag, allowing readers to better understand the content of the post. This is especially useful for readers who may not be familiar with specific topics or industries.
  2. Enhance User Experience: Tooltips can enhance the interactive experience of users on the website. When users encounter unfamiliar tags, they can easily learn about the meaning of the tag without having to leave the current page to search for related information.
  3. Improve Accessibility: Some users may have difficulty reading tags or understanding certain terms. Tooltips can help improve the accessibility of the website, making it easier for more people to access and understand the content.
  4. Increase Page Interactivity: By providing tooltips, bloggers can encourage users to interact with tags by clicking on them to explore more related content. This can increase the interactivity of the page and help users discover more relevant posts.
  5. Boost SEO Value: Tags are also important for search engine optimization (SEO). By providing tooltips, bloggers can better optimize tags, making them easier to understand for both search engines and readers, thereby improving the page’s ranking in search results.

But this is the first time we heard wordpress blogger want to display AD on wordpress post tags via our wordpress tooltip plugin, we copied his code of AD, and we found it works well in wordpress tooltips pro plus plugin 🙂

How to show tooltip window on wordpress tags?

1: Please check wordpress tooltip download  to download  newest  version of wordpress tooltip pro + plugin

2: Upload the wordpress tooltip plugin (zip file) via plugins panel in your wordpress,  if you are new user of wordpress tooltip, please check our  video of how to install wordpress tooltip at:  WordPress Tooltips Video Tutorial 3: How to upload and activate wordpress tooltips pro plugin

3: Log in your wordpress site as admin, in wordpress dashboard, please click on Tooltips menu item, then click “Optional Settings” sub menu item, you will open Optional Settings panel, it looks like this:

Enable Disable access tooltip with tab key in wordpress tooltis pro plus 23.1.8

Enable Disable access tooltip with tab key in wordpress tooltis pro plus 23.1.8

4: As you can see, at the top of  wordpress tooltip optional panel, there are option “Enable / Disable Tooltips for Post Tag”, please select enable tooltips for post tag, then click the blue “update now” button, in front end, when mouse hover wordpress tooltip keyword in wordpress tags, you will find wordpress tooltip popup window 🙂

Conclusion:

In summary, wordpress tooltips on tags can provide more information, enhance user experience, improve accessibility, increase page interactivity, and contribute to the SEO value of a blog. These benefits can help bloggers attract more readers and provide a richer content experience. WordPress tooltip plugin support wordpress tag tooltip at 9 years before, you can enable / disable tag tooltip via one click 🙂

Please check tags of this post, you will find the tag tooltip support display audio tooltip, video tooltip on tags 🙂

Tagged with: , , , , ,

How to create wordpress podcast tooltip?

A WordPress blogger create a ticket in which he said he is a Podcaster, he want to display his audio podcast in the tooltip window, when users hover over a tooltip term in a wordpress post, he hope his podcast will be played in the tooltip popup box. We checked his request carefully,  our answer is , Sir, yes, wordpress tooltip plugin support wordpress podcast tooltip 🙂

What is Podcast?

A podcast is a digital media format, typically consisting of audio or video files, that can be streamed online or downloaded. The term “podcast” is a combination of two words: “iPod” and “broadcast.” Despite the inclusion of “iPod” in the name, podcasts are not limited to use on iPods or Apple devices and can be played on various computers, smartphones, tablets, and other digital devices.

Podcasts are usually created and published by individuals, organizations, or teams and cover a wide range of topics and content types, including news, education, entertainment, technology, health, culture, and more. Users can subscribe to podcasts to regularly receive updates of new content. Podcast subscriptions are typically managed through podcast applications, which allow users to browse, search, and subscribe to podcasts of interest, automatically downloading new content.

Advantages of podcasts include:

  1. Freedom: Creators have the freedom to choose their content and style without the constraints of traditional radio broadcasting.
  2. Subscribability: Users can subscribe to podcasts based on their interests and schedules, making it convenient to receive new content regularly.
  3. Diversity: Podcast content spans nearly every field, allowing users to find content that suits their interests.
  4. Interactivity: Some podcasts enable audience feedback, comments, and interaction, fostering a connection with creators.

In summary, podcasts are a widely used digital media format that offers creators and listeners more freedom and diversity to cater to various interests and needs.

What it WordPress Tooltip Plugin?

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

What’s benefit of display a podcast in a tooltip window when users hover over a tooltip term in a wordpress blog post?

A WordPress blogger might want to display a podcast in a tooltip window when users hover over a tooltip term in a blog post for several reasons:

  1. Enhanced User Experience: Displaying a podcast in a tooltip can provide an interactive and engaging experience for readers. When users hover over a term, they can quickly access additional multimedia content related to the topic without leaving the blog post.
  2. Visual Aid: Some concepts or topics might be better explained with audio or video content. By including a podcast in a tooltip, the blogger can offer a visual and auditory explanation, making it easier for readers to understand complex ideas or concepts.
  3. Convenience: Tooltip-based podcasts offer a convenient way to provide supplementary information. Users can choose to engage with the podcast if they are interested, but they are not forced to do so. It’s a non-intrusive way to offer additional content.
  4. Promotion: Bloggers often use tooltips as a way to promote their own podcast or other relevant content. By strategically placing podcast tooltips throughout the blog post, they can encourage readers to explore their multimedia content.
  5. SEO Benefits: Including multimedia elements like podcasts can improve the overall quality and engagement of a blog post. This can positively impact SEO (Search Engine Optimization) by keeping visitors on the page longer and reducing bounce rates.
  6. Differentiation: Adding multimedia tooltips can make a blog post stand out from others. It can set the blogger apart by offering a unique and interactive reading experience.

To implement this feature, the blogger can use WordPress tooltip plugin (without any custom code) to create tooltips that trigger the display of podcasts when users hover over specific terms or phrases within the wordpress blog post. WordPress tooltips pro plugin available for WordPress that can facilitate this functionality.

How to create wordpress podcast tooltip?

Please look at the audio tooltip -> This is an wordpress podcast audio demo,  as you can see, when users mouse over the tooltip tooltip term, an podcast tooltip will show instantly in the wordpress post, yes you can play any audio / podcast in the tooltip window. 🙂

It is very easy to create an audio podcast tooltip, please create a new tooltip term and just copy embed audio code, that’s all:

1: Please check wordpress tooltip download  to download  newest  version of wordpress tooltip pro + plugin

2: Upload the wordpress tooltip plugin (zip file) via plugins panel in your wordpress,  if you are new user of wordpress tooltip, please check our  video of how to install wordpress tooltip at:  WordPress Tooltips Video Tutorial 3: How to upload and activate wordpress tooltips pro plugin

3: Log in your wordpress site as admin, in wordpress dashboard, please click on Tooltips menu item, then click “Add New” sub menu item

4: In wordpress tooltip editor, enter tooltip title, the tooltip editor looks like this:

5: Paste  embed podcast / audio code in tooltip content area, then click publish button to post your podcast tooltip. In tooltip editor, Podcasters can upload the podcast / audio file into your wordpress media lib, then use HTML code to embed the audio / podcast in tooltip editor, the code looks like this:

<audio controls><source src="https://localhost/wp-content/uploads/2018/08/001.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

6: In front end, just insert the tooltip keyword in wordpress post, when mouse hover the tooltip keyword, you will find the podcast is playing in the wordpress tooltip pop-up window  🙂

Tagged with: , , ,

How to display WordPress tooltip effect on tooltip keywords in wordpress term pages?

Hi Dear WordPress Tooltip Glossary Users, Hope this message find you are doing well and having happy weekend with your family! We found a comment in one of our wordpress tooltip document page, the user asked:

I wanted to make a tooltip with an image and a link to another page, but even a simple one – as in your video material – does not work. Maybe something is wrong in the settings? Please help.

We wrote to the user and asked the tooltip version and URL that have the issue, after checked the URL, we did not found any image or tooltip term, it is a little strange, then we report to the user and help get a little more description, then the user give us another URL, we in which it seems the user want to add the tooltip effect on the tooltip keywords “kolejny” in another wordpress tooltip term page “awer”, we were confused by the question, but we guess may be more users have similar question about enable tooltip effects in wordpress tooltip / glossary term pages, so we write this detailed document to help users who have similar questions 🙂

How to display WordPress tooltip effect on tooltip keywords in wordpress term pages?

1: Login your wordpress site as wordpress admin

2: in wordpress dashboard, please click “Tooltips” menu item

3: then please click “Glossary Settings” sub menu item, you will open WordPress tooltip “Glossary Settings” panel

4: In “Glossary Settings” panel, You will find the option: “Disable Tooltips in Glossary Page”, it looks like this:

Disable Tooltips in Glossary Page

5: please  set up “Disable Tooltips in Glossary Page” option to enable or disable wordpress Tooltips effect in wordpress glossary page, for this user, what you need to do is select “Enable tooltips  in glossary pages”

6: please click “Save Changes” blue button at the bottom of the wordpress “Glossary Settings” panel

7: In front end, if you open glossary pages, for example if you open wordpress tooltip term page “awer”,you will find we have add the tooltip underline on the tooltip keywords “kolejny”, if you mouse hover the tooltip term “kolejny”, you will find tooltip window popup

8: please note, you need create a tooltip term for the keyword “kolejny”, if you did not created a tooltip term “kolejny”, then nothing will happen, when you create the tooltip term “kolejny”, you can insert image / text for the tooltip term “kolejny”, and these content will displayed in the tooltip popup window 🙂

Hope this have a little help? If you have any question or suggestion of wordpress tooltip plugin, please don’t hesitate to tell us

Thanks, have a blessed day with your family
Best Regards,
WordPress Tooltip Support

Tagged with: ,

How to add tooltip effect on dashicons / icons in wordpress post?

Hi, Dear users of WordPress tooltip plugin, hope this message find you are doing well and having happy day with your family We got an amazing wordpress tooltip user’s ticket in which he said “I want that when I hovering over a text icon(whose image is the result of the following html code: ”, the chosen custom tooltip is launched and with the effect …” ….etc 🙂

WordPress tooltips pro plugin have supported this feature with a few methods, because we got many suggestion from wordpress tooltip users, they hope tooltips provide additional information or context when users hover their mouse over an icon. This can help users understand the purpose or function of the icon without the need for explicit instructions, enhancing the overall user experience.

We believe many users have similar question, we’d like write a detailed document for wordpress tooltip users to display a wordpress tooltip windown when users mouse hover a icon.

Method 1 of add tooltip effect on icons: via wordpress tooltip fontawesome shortcode

wordpress tooltip support use more than 1500 pretty font awesome  icon logo to via font awesome tooltip shortcode, the font awesome tooltip shortcode looks like this:

[ttfa tooltip_id=”3195″ set=”fas” icon=”fa-question-circle” size=”2x” color=”#9ee2c6″]

the result of font awesome icons tooltip look like this:

As you can see, when mouse hover the icon question, you will find our purchase QRcode image pop-up in wordpress tooltip window.

Method 2 of add tooltip effect on icons: via icon tooltip shortcode

WordPress tooltips pro plugin and wordpress tooltips pro plus plugin support another icon tooltip shortcode, the wordpress icon tooltip shortcode looks like this:

[icon_tooltip_by_id tooltip_id=‘3195’][/icon_tooltip_by_id]

the result of wordpress icon tooltip shortcode looks like this:

🙂

As you can see, we added tooltip effect on a smile icon, you can find more details about wordpress icon tooltip in here 🙂

Method 3 of add tooltip effect on icons: via SVG icon tooltip shortcode

WordPress tooltips pro plus plugin support wordpress SVG icon tooltip shortcode to support add wordpress tooltip effect on SVG icons. Now more and more wordpress blogger start using a lot of complex SVG icons in their wordpress sites, by wordpress SVG tooltip, tooltips can be used to clarify the meaning of icons, especially if the icons are not immediately recognizable or if their purpose is not self-evident. This can reduce user confusion and improve navigation. Adding tooltips with smooth transition effects can also enhance the visual appeal of a website. These effects can make the website feel more interactive and modern.

What is SVG?

SVG stands for Scalable Vector Graphics, SVG is an XML-based vector graphics format used to display a variety of graphics on the Web and in other environments.

The wordpress SVG tooltip looks like this:
[tooltips keyword=’good’ content = ‘this is wordpress SVG tooltip for the SVG icon up!’][/tooltips]

In your wordpress posts, you can use tooltips short code to insert WordPress SVG Icons and add tooltip effect on these wordpress svg images, please check sample at below, we added SVG tooltip for each svg tooltip arrow:




You can find more detailed document of wordpress SVG tooltip shortcode in here.

Method 4 of add tooltip effect on icons: via tooltips for any thing

Because there are many users said they inserted many elements by 3rd plugins in wordpress posts, they hope our wordpress tooltip developer custom tooltips to support their 3rd plugins, but many plugins have no any API at all, in this case, we cannot hook a API to add tooltips effect on elements which generated by these 3rd plugins, so we developed a function named tooltips for any thing.

If your element have a CSS ID or CSS class, then you can add tooltips on these CSS ID or CSS CLASS by tooltips for any thing. 🙂

How to use tooltips for any thing?

10: Click “Tooltips” menu item, it looks like this:

tooltips menu items

tooltips menu items

11: Click “Add new” sub menu item, you will open Tooltips Creator, it looks like this:

tooltips editor

tooltips editor

12: In the above diagram, you can see that we have a metabox “Tooltips for Forms”, actually the title should be Tooltips for Classes, but we found, the most common application scenarios are add tooltips on form’s elements / form’s fields by css class or css ID, for help users understand the metabox, we changed the tootlips for class as tooltips for forms 🙂

13: Please just enter your css class or css id, which you hope adding a tooltip effects in the ” Tooltip For Forms ” input box, if you do not know how to find CSS Class or CSS Id for component in wordpress, please read How to find a css Class or css ID of component in wordpress page?

for example, tooltips for class:

.input_box_1

or tooltips for id

#text_box_2

14: Please ensure you have typed tooltips title and tooltips content in tooltips editor, then click “Publish” button

15: In front end, if you open the page which have the css class or css ID, when you mouse hover the class element,  you will find the tooltip content pop-up in tooltip window

16: In here, you can find a tooltips for class DEMO. In the form, when you mouse hover any field, you will find a dedicated tooltip window pop-up, by this way, you can add tooltips for any css or id in the front end, for example: tooltip for contact form, tooltip for image, tooltip for video, tooltip for buttons, menu items, maps, text…. and so on

You can find more detailed document about tooltips for any thing at here

Also there are more image tooltip shortcodes and icon tooltip shortcodes in wordpress tooltip plugin, we have detailed document of how to use wordpress tooltip shortcode, in here you can find more detailed document of wordpress tooltip shortcodes.

Conclusion

Overall, adding tooltip effects to icons is a common practice in web design to improve usability, accessibility, and the overall aesthetics of a website. It’s a way to provide users with helpful information and guidance while interacting with the site’s interface.

WordPress Tooltips can be used to provide brief tips, warnings, or explanations for all kinds of icons on a wordpress website, helping users make informed choices.

Tagged with: , , , , ,

How to enable access tooltip with tab key? Supported by wordpress tooltip free 8.9.5, tooltips pro plus 23.7.8, tooltips pro 16.7.6

Hi, Dear users of WordPress tooltip plugin, hope this message find you are doing well and having happy day with your family 🙂  3 weeks ago, we released WordPress tooltips pro plus 23.1.8 to support  make wordpress tooltip focussable(WCAG2.0) . Based on an amazing wordpress tooltip user’s feature request:

“Hello! I am working on a website which needs to accessible (WCAG2.0). For example I want to access the tooltips with tab key. (esaenitaly :focus instead of :hover) Is this possible for me to change with free version? ”

What is WCAG2.0?  WCAG 2.0 stands for “Web Content Accessibility Guidelines 2.0.” It is a set of guidelines and standards developed by the Web Accessibility Initiative (WAI) to make web content more accessible to everyone, including people with disabilities such as visual impairments and hearing impairments. These guidelines provide guidance to ensure websites and web applications are accessible, ensuring equal access for users across various devices and conditions. 🙂

Then we reported to the amazing user, because in HTML, tab index only support a few HTML tags, for example,  a link, input text, select box…etc, so if we want to access the tooltips with tab key, we need an option to link tooltip terms to tooltip page automatically, that’s why we had to release wordpress tooltips free 8.9.1 to support link tooltip keyword to tooltip / glossary term page first, and then we can support tab index for all tooltip keywords in wordpress posts 🙂

Today we added the function of “accessible (WCAG2.0). … access the tooltips with tab key…”  in wordpress tooltips free version 8.9.5. At the same time, we improved our old design based on a few users’ feedback, they told us, they need enable the option of “link tooltip terms to tooltips page”, then they can enable the option “Enable / Disable access tooltip with tab key”, they hope just enable the option “Enable / Disable access tooltip with tab key” in one time, do not need to do it in two steps, so in wordpress tooltips pro plus 23.7.8 / wordpress tooltips pro 17.6.6 and wordpress tooltips free 8.9.5, we improved the WCAG2.0 function to support access tooltips with tab key — in one option 🙂

How to make wordpress tooltip focussable(WCAG2.0)?

This is our document for wordpress tooltips pro plus, but it works well in wordpress tooltip free and tooltips pro version with the same options:

1:  Download and install wordpress tooltips pro plus plugin , or upgrade wordpress tooltips free to the version 8.9.5

2: login wordpress as admin and click tooltips menu item,

3: After activate wordpress tooltips pro plus plugin, please click tooltips menu item in wordpress dashboard, the menu of wordpress tooltips pro plus looks like this:

wordpress tooltip menus 14.3.6

wordpress tooltip menus 14.3.6

4:  wordpress tooltip free user please click global settings sub menu item, and wordpress tooltips pro user please click optional settings sub menu item, you will open wordpress tooltips settings panel, it looks like this:

Enable Disable access tooltip with tab key in wordpress tooltis pro plus 23.1.8

Enable Disable access tooltip with tab key in wordpress tooltis pro plus 23.1.8

5: At the bottom of the wordpress tooltips plugin optional settings panel, there are new option: “enable / disable access tooltips with tab key”, if you enable access tooltips with tab key, then in the front-end,if the user keeps pressing the TAB KEY on the page, when the Tooltip term receives focus, the tooltip window will automatically pop up.

6: when the Tooltip term loses focus, the tooltip window will automatically hide.

Thanks for the great feature request from the amazing user, and sorry for the delay of the new version, we were working hard for a few very hard works, we’d like give the amazing user two wordpress pro plugin license as a THANKS and Sorry 🙂

 

If you have any more requirement, please don’t hesitate to contact us, we are happy to realize if for you,

have a blessed weekend with your family

Best Regards,

WordPress tooltips plugin support

Tagged with: , ,

Enhanced support for keywords that have special characters, wordpress tooltips pro plus 23.6.8 and wordpress tooltips pro 17.5.6 released

Hi, Dear users of  WordPress tooltip , hope this message find you are doing well and having happy days  with your family 🙂 An amazing wordpress tooltip user created a topic in wordpress tooltip support forum, — Keywords with special characters . In which he said:

Is there a way to make this work with keywords that include special characters? For example, we are trying to create a tooltip for the keyword, “A/B testing”, however it appears to not work because of the “/” in the keyword. We’ve tried various different things including URL-encoding the keyword, etc, but nothing seems to work.
Any way to fix this?

Our support replied:

Hi,

Thanks for the message

We are very happy to help you

Would you please contact us via https://tooltips.org/contact-us/, so we can get more details about the problem and solve it for you?

Thanks, have a blessed weekend with your family

Best Regards,
Wordpress tooltip plugin support

And a few minutes later, we believe we can fix the problem for the wordpress tooltip users, we replied:

Hi,

Update: our wordpress tooltip developer got this report and he said he have found the reason and we will released a new version to solve it asap we can, you will see the new version soon

Also please contact us, we’d like give you a gift because the great report

Thanks, have a blessed day with your family

Best Regards,
Wordpress tooltip plugin support

And 2 hours later, our wordpress tooltip developer checked this topic carefully and fixed it, that’s why we released wordpress tooltips pro 17.5.6:

Hi,

Update: our wordpress tooltip developer have developed a new version of wordpress tooltips pro plugin to solve this problem, would you please download latest version of wordpress tooltips plugin to check again?

Also please contact us, we’d like give you a gift because the great report

Thanks, have a blessed day with your family

Best Regards,
Wordpress tooltip plugin support

please upgrade to latest version of wordpress tooltip plugin asap you can 🙂

Best Regards,

WordPress tooltip support

 

Tagged with: ,

How to let lists shown in wordpress glossary and wordpress tooltip popups?

Hi, Dear  WordPress tooltip  plugin users, hope this message find you are doing well and having happy weekend with your family   An amazing wordpress tooltip user submitted a ticket, in which he asked:

I have a problem that lists are shown in the glossary, but are not shown in the tooltips popups.

We understand the user want to display an unordered list (ul) with list items (li) in a tooltip popup, we understand displaying a lot of information directly on a page can clutter the layout and overwhelm users. By using a tooltip to show a list, the user can present information in a more compact form, keeping the main content area clean and organized. 🙂

We did a test on our wordpress tooltip site, and we found it works well, we can display unordered list (ul) with list items (li) intooltip popups, we tested all options, then we found this is due to a setup issue, we think more users have similar question, we’d like write a detailed document for wordpress tooltip plugin users 🙂

How to display lists in wordpress tooltip popups?

1: login your wordpress site as admin

2: in wordpress dashboard, click tooltips menu item, then click optional settings sub-menu item

3: you will open wordpress tooltip optional settings panel, it looks like this:

 

Enable Disable access tooltip with tab key in wordpress tooltis pro plus 23.1.8

 

4: As you can see, in wordpress tooltip optional settings panel, there are option ” Tooltip Excerpt or Full Content”, if you select option “Use Full Content in Pop Up Box”, then wordpress tooltip plugin will display an unordered list (ul) with list items (li) in tooltip popups, if you select “Use Tooltip Excerpt in Pop Up Box”, then wordpress tooltip plugin will call wordpress excerpt to display excerpt in wordpress tooltip popup, in this case, unordered list (ul) with list items (li)  will be ignored by wordpress excerpt function 🙂

How to display lists in wordpress glossary?

A glossary is typically a section of a document, website, or application that provides definitions, explanations, or descriptions of terms, concepts, or terms, you can  check it in our wordpress glossary demo.

WordPress glossary support use an unordered list format in glossary page,  using an unordered list format can help organize and present information in a clear and structured manner. Each list item can represent a specific term, concept, or definition, making it easy for users to navigate and understand the content. Also incorporating a bulleted list within a glossary can highlight key points or characteristics of each term. This can provide users with a quick overview of essential information associated with each term without overwhelming them with lengthy paragraphs. And list items in a glossary can provide concise explanations or definitions for terms. Users may prefer this format for quick reference, especially when they’re looking for brief explanations without diving into lengthy text. Bulleted lists can visually differentiate each term and its explanation, making it easier for users to quickly scan and locate the information they’re interested in.  Utilizing lists can improve the readability of a glossary. Breaking down content into smaller, easily digestible chunks (list items) can make the glossary more user-friendly and engaging. 🙂

It is very easy to display lists in wordpress glossary:

1: login your wordpress site as admin

2: in wordpress dashboard, click tooltips menu item, then click glossary settings sub-menu item

3: you will open wordpress glossary settings panel, it looks like this:

4: As you can see, in wordpress glossary settings panel, there are an option ” Glossary Excerpt or Full Content”, if you select option ” Use Full Glossary Content in Glossary Pages”, then wordpress glossary plugin will display unordered list (ul) with list items (li) in wordpress glossary page, if you select the option “Use Glossary Excerpt in Glossary Pages”, then wordpress glossary plugin will remove unordered list (ul) with list items (li) in wordpress glossary page 🙂

Thanks for the great question, because we are busy to developing new versions, sorry for the delay of the document, our wordpress tooltip developer give the user a license of wordpress faq plugin as a THANKS and Sorry, wordpress faq plugin is a Powerful WordPress FAQ plugin, easy to use, select pretty FAQ templates from pre-designed template, custom FAQ style in back-end via a few clicks, Support use OpenAI ChatGPT to generate high-quality content for WordPress F.A.Q and wordpress post automatically, support WooCommerce Product FAQ, Responsive FAQ, Multiple FAQ Templates, FAQs grouped by category, specified number of FAQ items for each FAQ… and more and more

If you have any question or feature request, or bug report, please do not hesitate to contact us, we’d like realize requirement for you, and we always give gift for wordpress tooltip users

 

Thanks, have a blessed weekend with your family

Best Regards,

WordPress tooltip plugin support

Tagged with: , , ,

How to let wordpress tooltip support special characters for example “&”?

Hi, Dear users of  WordPress tooltip  plugin, hope this message find you are doing well and having happy weekend with your family 🙂  A wordpress tooltip wrote to us:

Tooltip with title have an ‘&’

How to I overcome the issue that if I have a phrase (automated load posting & negoliations), but it will not show up, unless I use the words prior to the “&”

We tried to re-play the problem in our wordpress site, we we found, when we enter “automated load posting & negoliations” in a wordpress post, in the table “wp_posts” in wordpress database, wordpress security function will replace it with “automated load posting &amp; negoliations” automatically,to prevent SQL injection.  🙂

So solve this kind of problem is very easy, just use “automated load posting &amp; negoliations” as tooltip title, then in wordpress posts, when you mouse hover the tooltip term “automated load posting & negoliations”, you will find tooltip window popup and works well 🙂

For help wordpress tooltip plugin users find ASCII code easier, we make the ASCII table as a wordpress webmaster tool in here:

DECOCTHEXBINSymbolHTML NumberHTML NameDescription
00000000000000NUL&#000;Null char
10010100000001SOH&#001;Start of Heading
20020200000010STX&#002;Start of Text
30030300000011ETX&#003;End of Text
40040400000100EOT&#004;End of Transmission
50050500000101ENQ&#005;Enquiry
60060600000110ACK&#006;Acknowledgment
70070700000111BEL&#007;Bell
80100800001000BS&#008;Back Space
90110900001001HT&#009;Horizontal Tab
100120A00001010LF&#010;Line Feed
110130B00001011VT&#011;Vertical Tab
120140C00001100FF&#012;Form Feed
130150D00001101CR&#013;Carriage Return
140160E00001110SO&#014;Shift Out / X-On
150170F00001111SI&#015;Shift In / X-Off
160201000010000DLE&#016;Data Line Escape
170211100010001DC1&#017;Device Control 1 (oft. XON)
180221200010010DC2&#018;Device Control 2
190231300010011DC3&#019;Device Control 3 (oft. XOFF)
200241400010100DC4&#020;Device Control 4
210251500010101NAK&#021;Negative Acknowledgement
220261600010110SYN&#022;Synchronous Idle
230271700010111ETB&#023;End of Transmit Block
240301800011000CAN&#024;Cancel
250311900011001EM&#025;End of Medium
260321A00011010SUB&#026;Substitute
270331B00011011ESC&#027;Escape
280341C00011100FS&#028;File Separator
290351D00011101GS&#029;Group Separator
300361E00011110RS&#030;Record Separator
310371F00011111US&#031;Unit Separator
DECOCTHEXBINSymbolHTML NumberHTML NameDescription
320402000100000&#32;Space
330412100100001!&#33;Exclamation mark
340422200100010&#34;&quot;Double quotes (or speech marks)
350432300100011#&#35;Number
360442400100100$&#36;Dollar
370452500100101%&#37;Procenttecken
380462600100110&&#38;&amp;Ampersand
390472700100111&#39;Single quote
400502800101000(&#40;Open parenthesis (or open bracket)
410512900101001)&#41;Close parenthesis (or close bracket)
420522A00101010*&#42;Asterisk
430532B00101011+&#43;Plus
440542C00101100,&#44;Comma
450552D00101101&#45;Hyphen
460562E00101110.&#46;Period, dot or full stop
470572F00101111/&#47;Slash or divide
4806030001100000&#48;Zero
4906131001100011&#49;One
5006232001100102&#50;Two
5106333001100113&#51;Three
5206434001101004&#52;Four
5306535001101015&#53;Five
5406636001101106&#54;Six
5506737001101117&#55;Seven
5607038001110008&#56;Eight
5707139001110019&#57;Nine
580723A00111010:&#58;Colon
590733B00111011;&#59;Semicolon
600743C00111100<&#60;&lt;Less than (or open angled bracket)
610753D00111101=&#61;Equals
620763E00111110>&#62;&gt;Greater than (or close angled bracket)
630773F00111111?&#63;Question mark
641004001000000@&#64;At symbol
651014101000001A&#65;Uppercase A
661024201000010B&#66;Uppercase B
671034301000011C&#67;Uppercase C
681044401000100D&#68;Uppercase D
691054501000101E&#69;Uppercase E
701064601000110F&#70;Uppercase F
711074701000111G&#71;Uppercase G
721104801001000H&#72;Uppercase H
731114901001001I&#73;Uppercase I
741124A01001010J&#74;Uppercase J
751134B01001011K&#75;Uppercase K
761144C01001100L&#76;Uppercase L
771154D01001101M&#77;Uppercase M
781164E01001110N&#78;Uppercase N
791174F01001111O&#79;Uppercase O
801205001010000P&#80;Uppercase P
811215101010001Q&#81;Uppercase Q
821225201010010R&#82;Uppercase R
831235301010011S&#83;Uppercase S
841245401010100T&#84;Uppercase T
851255501010101U&#85;Uppercase U
861265601010110V&#86;Uppercase V
871275701010111W&#87;Uppercase W
881305801011000X&#88;Uppercase X
891315901011001Y&#89;Uppercase Y
901325A01011010Z&#90;Uppercase Z
911335B01011011[&#91;Opening bracket
921345C01011100\&#92;Backslash
931355D01011101]&#93;Closing bracket
941365E01011110^&#94;Caret – circumflex
951375F01011111_&#95;Underscore
961406001100000`&#96;Grave accent
971416101100001a&#97;Lowercase a
981426201100010b&#98;Lowercase b
991436301100011c&#99;Lowercase c
1001446401100100d&#100;Lowercase d
1011456501100101e&#101;Lowercase e
1021466601100110f&#102;Lowercase f
1031476701100111g&#103;Lowercase g
1041506801101000h&#104;Lowercase h
1051516901101001i&#105;Lowercase i
1061526A01101010j&#106;Lowercase j
1071536B01101011k&#107;Lowercase k
1081546C01101100l&#108;Lowercase l
1091556D01101101m&#109;Lowercase m
1101566E01101110n&#110;Lowercase n
1111576F01101111o&#111;Lowercase o
1121607001110000p&#112;Lowercase p
1131617101110001q&#113;Lowercase q
1141627201110010r&#114;Lowercase r
1151637301110011s&#115;Lowercase s
1161647401110100t&#116;Lowercase t
1171657501110101u&#117;Lowercase u
1181667601110110v&#118;Lowercase v
1191677701110111w&#119;Lowercase w
1201707801111000x&#120;Lowercase x
1211717901111001y&#121;Lowercase y
1221727A01111010z&#122;Lowercase z
1231737B01111011{&#123;Opening brace
1241747C01111100|&#124;Vertical bar
1251757D01111101}&#125;Closing brace
1261767E01111110~&#126;Equivalency sign – tilde
1271777F01111111&#127;Delete
DECOCTHEXBINSymbolHTML NumberHTML NameDescription
1282008010000000&#128;&euro;Euro sign
1292018110000001
1302028210000010&#130;&sbquo;Single low-9 quotation mark
1312038310000011ƒ&#131;&fnof;Latin small letter f with hook
1322048410000100&#132;&bdquo;Double low-9 quotation mark
1332058510000101&#133;&hellip;Horizontal ellipsis
1342068610000110&#134;&dagger;Dagger
1352078710000111&#135;&Dagger;Double dagger
1362108810001000ˆ&#136;&circ;Modifier letter circumflex accent
1372118910001001&#137;&permil;Per mille sign
1382128A10001010Š&#138;&Scaron;Latin capital letter S with caron
1392138B10001011&#139;&lsaquo;Single left-pointing angle quotation
1402148C10001100Œ&#140;&OElig;Latin capital ligature OE
1412158D10001101
1422168E10001110Ž&#142;Latin captial letter Z with caron
1432178F10001111
1442209010010000
1452219110010001&#145;&lsquo;Left single quotation mark
1462229210010010&#146;&rsquo;Right single quotation mark
1472239310010011&#147;&ldquo;Left double quotation mark
1482249410010100&#148;&rdquo;Right double quotation mark
1492259510010101&#149;&bull;Bullet
1502269610010110&#150;&ndash;En dash
1512279710010111&#151;&mdash;Em dash
1522309810011000˜&#152;&tilde;Small tilde
1532319910011001&#153;&trade;Trade mark sign
1542329A10011010š&#154;&scaron;Latin small letter S with caron
1552339B10011011&#155;&rsaquo;Single right-pointing angle quotation mark
1562349C10011100œ&#156;&oelig;Latin small ligature oe
1572359D10011101
1582369E10011110ž&#158;Latin small letter z with caron
1592379F10011111Ÿ&#159;&yuml;Latin capital letter Y with diaeresis
160240A010100000&#160;&nbsp;Non-breaking space
161241A110100001¡&#161;&iexcl;Inverted exclamation mark
162242A210100010¢&#162;&cent;Cent sign
163243A310100011£&#163;&pound;Pound sign
164244A410100100¤&#164;&curren;Currency sign
165245A510100101¥&#165;&yen;Yen sign
166246A610100110¦&#166;&brvbar;Pipe, Broken vertical bar
167247A710100111§&#167;&sect;Section sign
168250A810101000¨&#168;&uml;Spacing diaeresis – umlaut
169251A910101001©&#169;&copy;Copyright sign
170252AA10101010ª&#170;&ordf;Feminine ordinal indicator
171253AB10101011«&#171;&laquo;Left double angle quotes
172254AC10101100¬&#172;&not;Not sign
173255AD10101101­&#173;&shy;Soft hyphen
174256AE10101110®&#174;&reg;Registered trade mark sign
175257AF10101111¯&#175;&macr;Spacing macron – overline
176260B010110000°&#176;&deg;Degree sign
177261B110110001±&#177;&plusmn;Plus-or-minus sign
178262B210110010²&#178;&sup2;Superscript two – squared
179263B310110011³&#179;&sup3;Superscript three – cubed
180264B410110100´&#180;&acute;Acute accent – spacing acute
181265B510110101µ&#181;&micro;Micro sign
182266B610110110&#182;&para;Pilcrow sign – paragraph sign
183267B710110111·&#183;&middot;Middle dot – Georgian comma
184270B810111000¸&#184;&cedil;Spacing cedilla
185271B910111001¹&#185;&sup1;Superscript one
186272BA10111010º&#186;&ordm;Masculine ordinal indicator
187273BB10111011»&#187;&raquo;Right double angle quotes
188274BC10111100¼&#188;&frac14;Fraction one quarter
189275BD10111101½&#189;&frac12;Fraction one half
190276BE10111110¾&#190;&frac34;Fraction three quarters
191277BF10111111¿&#191;&iquest;Inverted question mark
192300C011000000À&#192;&Agrave;Latin capital letter A with grave
193301C111000001Á&#193;&Aacute;Latin capital letter A with acute
194302C211000010Â&#194;&Acirc;Latin capital letter A with circumflex
195303C311000011Ã&#195;&Atilde;Latin capital letter A with tilde
196304C411000100Ä&#196;&Auml;Latin capital letter A with diaeresis
197305C511000101Å&#197;&Aring;Latin capital letter A with ring above
198306C611000110Æ&#198;&AElig;Latin capital letter AE
199307C711000111Ç&#199;&Ccedil;Latin capital letter C with cedilla
200310C811001000È&#200;&Egrave;Latin capital letter E with grave
201311C911001001É&#201;&Eacute;Latin capital letter E with acute
202312CA11001010Ê&#202;&Ecirc;Latin capital letter E with circumflex
203313CB11001011Ë&#203;&Euml;Latin capital letter E with diaeresis
204314CC11001100Ì&#204;&Igrave;Latin capital letter I with grave
205315CD11001101Í&#205;&Iacute;Latin capital letter I with acute
206316CE11001110Î&#206;&Icirc;Latin capital letter I with circumflex
207317CF11001111Ï&#207;&Iuml;Latin capital letter I with diaeresis
208320D011010000Ð&#208;&ETH;Latin capital letter ETH
209321D111010001Ñ&#209;&Ntilde;Latin capital letter N with tilde
210322D211010010Ò&#210;&Ograve;Latin capital letter O with grave
211323D311010011Ó&#211;&Oacute;Latin capital letter O with acute
212324D411010100Ô&#212;&Ocirc;Latin capital letter O with circumflex
213325D511010101Õ&#213;&Otilde;Latin capital letter O with tilde
214326D611010110Ö&#214;&Ouml;Latin capital letter O with diaeresis
215327D711010111×&#215;&times;Multiplication sign
216330D811011000Ø&#216;&Oslash;Latin capital letter O with slash
217331D911011001Ù&#217;&Ugrave;Latin capital letter U with grave
218332DA11011010Ú&#218;&Uacute;Latin capital letter U with acute
219333DB11011011Û&#219;&Ucirc;Latin capital letter U with circumflex
220334DC11011100Ü&#220;&Uuml;Latin capital letter U with diaeresis
221335DD11011101Ý&#221;&Yacute;Latin capital letter Y with acute
222336DE11011110Þ&#222;&THORN;Latin capital letter THORN
223337DF11011111ß&#223;&szlig;Latin small letter sharp s – ess-zed
224340E011100000à&#224;&agrave;Latin small letter a with grave
225341E111100001á&#225;&aacute;Latin small letter a with acute
226342E211100010â&#226;&acirc;Latin small letter a with circumflex
227343E311100011ã&#227;&atilde;Latin small letter a with tilde
228344E411100100ä&#228;&auml;Latin small letter a with diaeresis
229345E511100101å&#229;&aring;Latin small letter a with ring above
230346E611100110æ&#230;&aelig;Latin small letter ae
231347E711100111ç&#231;&ccedil;Latin small letter c with cedilla
232350E811101000è&#232;&egrave;Latin small letter e with grave
233351E911101001é&#233;&eacute;Latin small letter e with acute
234352EA11101010ê&#234;&ecirc;Latin small letter e with circumflex
235353EB11101011ë&#235;&euml;Latin small letter e with diaeresis
236354EC11101100ì&#236;&igrave;Latin small letter i with grave
237355ED11101101í&#237;&iacute;Latin small letter i with acute
238356EE11101110î&#238;&icirc;Latin small letter i with circumflex
239357EF11101111ï&#239;&iuml;Latin small letter i with diaeresis
240360F011110000ð&#240;&eth;Latin small letter eth
241361F111110001ñ&#241;&ntilde;Latin small letter n with tilde
242362F211110010ò&#242;&ograve;Latin small letter o with grave
243363F311110011ó&#243;&oacute;Latin small letter o with acute
244364F411110100ô&#244;&ocirc;Latin small letter o with circumflex
245365F511110101õ&#245;&otilde;Latin small letter o with tilde
246366F611110110ö&#246;&ouml;Latin small letter o with diaeresis
247367F711110111÷&#247;&divide;Division sign
248370F811111000ø&#248;&oslash;Latin small letter o with slash
249371F911111001ù&#249;&ugrave;Latin small letter u with grave
250372FA11111010ú&#250;&uacute;Latin small letter u with acute
251373FB11111011û&#251;&ucirc;Latin small letter u with circumflex
252374FC11111100ü&#252;&uuml;Latin small letter u with diaeresis
253375FD11111101ý&#253;&yacute;Latin small letter y with acute
254376FE11111110þ&#254;&thorn;Latin small letter thorn
255377FF11111111ÿ&#255;&yuml;Latin small letter y with diaeresis

 

Thanks for the great report, we give the user a license of wordpress faq pro plugin as a THANKS, wordpress faq plugin is a Powerful WordPress FAQ plugin, easy to use, select pretty FAQ templates from pre-designed template, custom FAQ style in back-end via a few clicks, Support use OpenAI ChatGPT to generate high-quality content for WordPress F.A.Q and wordpress post automatically, support WooCommerce Product FAQ, Responsive FAQ, Multiple FAQ Templates, FAQs grouped by category, specified number of FAQ items for each FAQ… and more and more 🙂

If you have any question or feature request, or bug report, please do not hesitate to contact us, we’d like realize requirement for you, and we always give gift for wordpress tooltip users 🙂

Thanks, have a blessed weekend with your family 🙂

Best Regards,

WordPress tooltip plugin support

Tagged with: , , ,
Top