# Customize tooltip
***
### 1. Tooltip
Tooltips display a small **pop-up message** when customers **hover over the ❓ icon** next to an option. This is ideal for **brief, contextual explanations**.
#### How to Add a Tooltip
On the **Options** tab, when creating or editing an option, click on **Advanced Setting** to view and edit the tooltip.
### **2. Help Text**
Help Text appears **beneath the option input** and is **always visible**. It’s ideal for **detailed instructions or explanations** to assist customers during selection.
On the **Options** tab, when creating or editing an option, click on **Advanced Setting** to view and edit the Help text.
### 3. Adding a Link to Help Text or Tooltip
You can insert HTML anchor (``) tags to make a portion of the text clickable. This is the code to add a link to Tooltip or help text, you can enter this code to either box for the display
#### Open link in the same tab
```html
Visit Shopify
```
#### Open link in a new tab
```html
Visit Shopify
```
> **Note:**
>
> * `target="_blank"` ensures the link opens in a new tab.
> * Always test links to ensure they are functional and accurate.
### 4. Adding an image to Help Text or Tooltip
You can embed an image in the Help Text or Tooltip using the `` tag.
#### Format:
```html
```
#### Example:
```html
```
**Instructions:**
* Replace `IMAGE_URL` with your actual image URL.
* Replace `"DESCRIPTION"` with a meaningful description (used for accessibility).
* Use `style="width: 100%; height: auto;"` to ensure the image scales properly.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://options-docs-v2.avisplus.io/storefront-display/edit-tooltip.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
```
**Instructions:**
* Replace `IMAGE_URL` with your actual image URL.
* Replace `"DESCRIPTION"` with a meaningful description (used for accessibility).
* Use `style="width: 100%; height: auto;"` to ensure the image scales properly.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://options-docs-v2.avisplus.io/storefront-display/edit-tooltip.md?ask=