# HTML

The **HTML** option type allows you to insert custom HTML content directly into your product page. This is useful for adding rich text, multimedia elements, or advanced formatting that goes beyond standard text options.

👉You can check out our [Demo prouduct](https://avis-demo.avisplus.io/products/html) to see how it works 

***

## **Basic Option Settings:**

<figure><img src="/files/9YV9C85s8gBrNdFwzovm" alt=""><figcaption></figcaption></figure>

#### **1. Option Name**

The internal name used within your app to identify the HTML option. This helps with organizing and managing the content during setup.

#### **2. Content**

This setting lets you enter HTML code that will be rendered on the product page. You can use this to include various elements such as text, images, videos, links, and custom formatting.

#### **3. Conditional Logic**

Allows the HTML content to be displayed or hidden based on customer selections or other conditions. This ensures the HTML content appears only when relevant to the customer's choices or context.

{% hint style="info" %}
[How to set up Conditional logic for your options](https://options-docs-v2.avisplus.io/app-features/conditional-logic-option-b-shows-if-option-a-is-selected)
{% endhint %}

***

## **Advanced Option Settings:**

<figure><img src="/files/X4w1ZYvNjajvkK6SUGKu" alt=""><figcaption></figcaption></figure>

#### **1. Class Name**

Assigns a custom CSS class to the HTML option, enabling you to apply specific styling or behavior through CSS. This helps in maintaining a consistent design and functionality across your product pages.


---

# 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/option-types/all-option-types/html.md?ask=<question>
```

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.