How to add tooltip text to product selection options in an online store
Learn how to add helpful tooltip text to product selections in your online store.
Table of Contents
A tooltip, or hover tip, is a handy way to provide customers with additional information about selection options without making the product page too heavy or confusing. This way, you can easily add a tooltip from your dashboard.
Step-by-step guide to editing
- Go to your site's dashboard.
- From the left side menu, select: Products → Options → Product Options
- Select or create a new option
- You will see a list of all available product option fields.
- Click Edit on an existing field or Create a new option by selecting “Add New Option” (if available)
- Add tooltip text: In the Description field, enter the content of the tooltip.
- This text is displayed on the product page of the online store in the hover mode of a small info button (e.g. a question mark icon).
Example:
Field name: Reflectivity class
Tooltip: R1 is commonly used, R2 is required for public roads.

What are the benefits of adding a tooltip?
Tooltips significantly improve the user experience and reduce the need for customer service. Below are the main benefits:
- Clarifies choices: The customer immediately understands what the different selection options mean without having to look elsewhere for additional information.
- Reduces wrong choices: When a customer receives additional information before making a choice, they are more likely to make the right decision.
- Improves conversion: A clear and informative user interface reduces purchase interruptions and increases trust in the product.
- Reduces support requests: When customers are given answers directly on the product page, they don't have to contact customer service.
- Gives a professional impression: Tooltips communicate that the store has been carefully built and the customer has been considered when designing the user interface.