Upgrade Your WordPress Tooltips: Show Random Images from Unsplash Based on Keywords
Hi, Dear WordPress Tooltip plugin users, I hope this message finds that you are doing well and enjoying wonderful weekend with your family. We received a request for new features from the webmaster of an online dictionary website:
Hi there!
I run an online dictionary site, and I’m looking to enhance the user experience by displaying a random image from Unsplash that relates to the keywords. I think it would be great to give a little extra context or clarification. For instance, if someone searches for “ocean,” it would be awesome to show them a stunning ocean image to help bring the word to life. What do you think?
Thanks so much!
Our WordPress tooltips plugin developer reviewed the feature request, and we understand that including a random image from Unsplash related to the keyword can make the tooltip pop-up more visually appealing. Visual content often captures attention better than text alone, which can enhance user engagement. We believe this feature will be beneficial for many WordPress tooltip webmasters, especially those running online dictionaries or online schools. 🙂
What is Unsplash?
Unsplash is a popular online platform that provides a vast library of high-quality, royalty-free images and photographs. It allows photographers to share their work and offers users the ability to download and use these images for free, even for commercial purposes, without needing to give credit (though crediting the photographer is appreciated). Unsplash is widely used by designers, bloggers, marketers, and anyone in need of visual content for their projects, websites, or social media. The platform features a wide range of categories and tags, making it easy for users to find images that suit their specific needs.
What are WordPress Tooltips?
Tooltips are small pop-up boxes that provide additional information, which can include videos, audio files, images, Google Maps, QR codes, Wikipedia links, text, and more. In WordPress, tooltip boxes appear when users hover over specific elements on your pages. These elements can be words in your posts, input fields in search forms, images on your site, or widgets in your sidebar, among others.
Our WordPress tooltip plugin allows you to add tooltip effects to any element within your posts. It can also display tooltips on the WordPress menu, comments, contact forms, WooCommerce products, bbPress forums, BuddyPress activities, and more. With a variety of attractive effects and numerous amazing components and addons—such as Bullets Screen—this plugin enhances user engagement in a fun and interactive way.
Step-by-Step Guide: Displaying Random Unsplash Images in WordPress Tooltips
1: Please download the WordPress Tooltip Pro Plus plugin, version 34.9.4 or higher, from the WordPress Tooltips page at: download wordpress tooltip
2: Simply log in to your WordPress dashboard and head over to the Plugins section. Look for the WordPress Tooltips Pro Plus plugin.
3: Remove the old version and upload the latest version of the WordPress Tooltips plugin. Once uploaded, activate it from the Plugins panel, and you’ll be ready to enjoy all the new features and improvements!
4: In the wordpress dashboard, click on the Tooltips menu item, it looks like this:
5: Next, click on the Addons sub-menu item, this will open the “Tooltips Addons Settings” panel, which looks like this:
6: Then, scroll to the bottom of the “Tooltips Addons Settings” page and enable unsplash tooltips in the “enable/disable unsplash tooltips” option. After that, please refresh the page
7: Now, in the wordpress dashboard, you will see a new sub menu item called “unsplash tooltips” in the wordpress tooltips menu, it looks like this:
8: Please click on the “unsplash tooltips” sub menu item, This will open “Unsplash Tooltips Addon Settings” panel, enter your Unsplash API Key in the “Unsplash API Key” input box, the “Unsplash Tooltips ” panel looks like this:
9: Now, simply click the tooltips menu item to create a new tooltip term, in the right hand of the tooltips editor, you will find a new metabox “Unsplash Title”, just enter the keyword in here, for example “pretty sea”, it looks like this:
10: After publishing the tooltip term, on the front-end, when you hover your mouse over the tooltip term in a WordPress post, a random Unsplash image will automatically be displayed at the top of the tooltip pop-up window. 🙂
Conclusion:
Thank you for the fantastic idea of incorporating visuals with Unsplash images in the WordPress tooltips plugin. We understand that by integrating random images based on keywords, WordPress tooltips can create a more engaging and informative experience for visitors on WordPress sites:
Visual Engagement: Including a random image from Unsplash related to the keyword can make the tooltip pop-up more visually appealing. Visual content often captures attention better than text alone, which can enhance user engagement.
Contextual Relevance: Displaying an image that is relevant to the keyword can provide additional context or clarification. For example, if the keyword is “ocean,” showing a beautiful ocean image can help users better understand the term and its significance.
Enhanced Learning: For educational or informative content, images can aid in comprehension and retention. Users may find it easier to remember terms when they are associated with relevant visuals.
Dynamic Content: Random images can make the tooltips feel more dynamic and less static. This can encourage users to interact more with the content, as they may be curious about what image will appear next.
Aesthetic Appeal: A well-designed tooltip that includes images can improve the overall aesthetic of the wordpress website, making it look more professional and polished.