Frontend Tool-Tips: A Complete Guide

Created by Mike B, Modified on Wed, 19 Jun 2024 at 02:52 PM by Génesis Gómez

Introduction

The Frontend Tool-Tips feature is designed to add more clarity, appeal, exclusivity, and credibility to your products and services, thereby enhancing their marketability. 

By allowing you to pack more information into your listings while maintaining a clean and slim UI/UX, Frontend Tool-Tips can significantly boost your sales.



Benefits, Features & Use Cases

Benefits & Features

  • Clarity and Appeal: Provide detailed information without cluttering the page, ensuring a sleek and user-friendly design.
  • Multimedia Rich: Unlike generic tool-tips that are limited to one or two lines, this feature supports images, titles, and body text.
  • Credibility and Exclusivity: Enhance the perceived value of your offerings by providing exclusive insights and detailed descriptions.


Key Features

  • Add titles, descriptions, and images to tool-tips.
  • Multimedia support for a rich user experience.

Use Cases

  • Restaurants: Add allergy alerts or detailed descriptions of ingredients to food items.
  • Retail: Provide additional product details, such as materials or care instructions.
  • Services: Offer deeper insights into service packages or special offers.



What It Looks Like

Front-end


Back-end




How to Activate & Use This Feature

Settings & Options 


Step-by-Step Guide:

  1. Navigate to More Settings: For any item (product/service) under a category, click "More Settings."

  2. Add Tool-Tip Details: Locate the "Tooltip option" and add a title, description, and optionally an image.
  3. Automatic Integration: There are no additional steps or coding required; the tool-tip will automatically function on the front end.


Customization:

  • While the look or style of the tool-tips cannot be customized, adding an image can alter the overall style to match your preferences.

Additional Information

Best Practices:

  • Concise Content: Keep the content brief and focused. Decide whether clarity, credibility, exclusivity, or appeal is the most critical aspect for each product or service and tailor the tool-tip content accordingly.

Compatibility and Tips:

  • Compatibility: Ensure that the tool-tips are tested across different devices to maintain a consistent user experience.
  • Tips: Regularly update the content to keep it relevant and engaging for users.




Additional Information

Frequently Asked Questions (FAQs)


Q: What image formats are supported for upload? 

  • Supported formats are JPG and PNG. 

Q: How can I customize the appearance of the tooltip? 

  • Currently, it is not possible to customize the appearance of the tooltip. 

All Elements & Features

Want to see the plugin in action? Live Preview
Learn more about All the Features

Need Support?


Ask a question or request support

Request a feature or give feedback













Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article