# Email

The **Email** option type allows customers to enter an email address as part of their product selection or configuration. This is useful for products or services that require customer contact details, like personalized products, digital downloads, or appointment bookings.

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

***

## Basic **option settings:**

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

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

This is the internal name for the Email option within the app’s settings. It helps you manage and organize the option but does not appear on the storefront product page.

#### **2. Label on Product**

This is the text that appears above the Email input field on the product page. It provides context or instructions for the customer, such as "Enter your email address for digital delivery" or "Provide your contact email."

#### **3. Label on Cart**

This is the text that appears on the Cart summary screen, Checkout, and Order detail page, next to the email address entered by the customer. It ensures the customer’s email is clearly displayed with their order details, such as "Email: <customer@example.com>."

#### **4. Required Field**

This setting ensures that the customer must enter an email address before proceeding with their purchase. If enabled, the Email field becomes mandatory.

#### **5. Hide "Label on Product"**

This option allows you to hide the label that typically appears above the Email input field on the product page. This can be useful if the field’s purpose is self-explanatory and the label is not needed.

#### **6. Add-On Product**

This feature allows you to apply an additional charge based on the email address provided. For instance, if the email is required for a premium service or personalized communication, an extra fee could be added. However, this is less common for email inputs.

#### **7. Conditional Logic**

This feature allows you to set rules that determine when the Email field should be shown or hidden based on other customer selections. For example, the Email option might only appear if the customer selects a specific product customization or service.

#### **8.** One time charge

This setting allows you to modify how additional charges are applied to a specific option value. Normally, the extra charge for an option is multiplied by the quantity of the product purchased (e.g., an additional charge of $10 would become $50 if the quantity is 5). However, by enabling the "One time charge" feature, the extra charge will only be added once, regardless of the product quantity. This is useful when you want to apply a flat fee for certain options without scaling the charge with the number of items purchased.

{% 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/NTzQUKZklzCBbDXrwj18" alt=""><figcaption></figcaption></figure>

**1. Tooltip**

This setting allows you to provide additional information in a pop-up message when the customer hovers over the information icon. It provides brief, contextual information without cluttering the interface.

#### **2. Help Text**

This setting displays directly beneath the Text option, offering more detailed explanations or instructions. It remains visible as users interact with the form, providing ongoing support and clarity.

#### **3. Placeholder**

This is the text displayed inside the Email input field before the customer enters their email address. It acts as a prompt or example, such as "<yourname@example.com>" or "Enter your email address here."

#### **4. Class Name**

This setting allows you to assign a custom CSS class to the Email field. This enables you to apply specific styling or behavior to the field based on your design needs.

**5. Price display type**

Decide whether to **show or hide** the additional price on the slider interface.


---

# 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/email.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.
