> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.optis.me/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Email Field 1. [OPTIS Product Options, Variant](/product-options) 2. [20 Option Types](/product-options/20-option-types) 3. [Text Input](/product-options/20-option-types/text-input) # Email Field An **Email Field** is a single-line field that only accepts a valid email address (it checks for an "@" and a domain). **Plan:** **Email** is available on the **Advanced** plan and above. On the Free plan you can still try it on one live product with a Premium option set. See [Plans and feature availability](/product-options/getting-started/plans-and-features). ![](https://storage.crisp.chat/users/helpdesk/website/-/9/9/4/d/994d8271048a8000/d7b51634-aed8-4d6e-babb-4522c0_g4p9tp.png) If a customer types something that isn't a valid email, OPTIS shows a message under the field: ![](https://storage.crisp.chat/users/helpdesk/website/-/2/5/3/d/253d3dc3e1943e00/90e1ef9f-ba3a-4345-a06c-93d6a6_1x2xgla.png) ## When to use an Email Field * **Account or newsletter signup** - collect an email to send updates or promotions. * **Event registration** - send tickets, reminders, or access links. * **Contact for a custom order** - so you can follow up about a personalized item. ## How to add an Email Field option ### Step 1: Add the option Open **1. Add options**, click **Add option**, tick **Email** under **Text input** on the **New options** tab, then click **Add options**. ![](https://storage.crisp.chat/users/helpdesk/website/-/5/7/f/6/57f690691cb6300/fa37254c-400e-4448-ac44-561a1c_17q96gs.png) ![](https://storage.crisp.chat/users/helpdesk/website/-/b/2/a/b/b2ab5b153817d800/ce398567-19cb-4d69-a777-3097bd_mue4pr.png) ### Step 2: Name it Enter the **Label on product** (e.g., "Enter your email address:"). Use **Label on cart** if the cart and order should show a different name. Tick any options below based on your needs: * **Required field** if customers must fill it in * **Hide option label** to hide the label ![](https://storage.crisp.chat/users/helpdesk/website/-/2/8/b/0/28b0f158f31c3a00/70840cd4-dbc6-4bae-af31-d94f24_yquntv.png) ### Step 3: Save and test Click **Save**, then open the product page on your store to check that the Email Field works correctly. ![](https://storage.crisp.chat/users/helpdesk/website/-/5/a/6/8/5a6802eefa33d400/6e2d8c08-d1b4-4b9c-8596-191724_z8zrvc.png) ## Option settings Set only what you need - all of the settings below are optional. ![](https://storage.crisp.chat/users/helpdesk/website/-/3/0/5/a/305aee67591a3000/caf4e0b4-d756-4224-ae7b-c3a98c_1ji302m.png) * **SKU** - a SKU for this field. Advanced plan and above. See [How does Product Option SKU works?](/product-options/customize-design/how-does-product-option-sku-works). ### Default value and placeholder * **Placeholder text** - a faded hint shown inside the field. It disappears once the customer starts typing. Available on every plan. ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FGJ6QiiMObJHe7vVk4mAI%252Fimage.png%3Falt%3Dmedia%26token%3D0117aa0b-facf-41c4-84ce-590c97b209b0&width=768&dpr=3&quality=100&sign=f20dd38251160c3681e9eaa93a36e04d&sv=3) How the placeholder looks on your storefront: ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FgHWhriSA9aw4KbAjjO47%252FScreenshot%2520-%25202026-01-12T151444.081.png%3Falt%3Dmedia%26token%3D19a2eae2-8e18-4f32-8d12-2530f87a6fbf&width=768&dpr=3&quality=100&sign=1a070031bef2d381de15bb292fde9c18&sv=3) * **Default value** - an email that is already filled in when the customer opens the product page. Available on the **Advanced** plan and above. ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FCECTDOawPxq0sC0C4LP6%252Fimage.png%3Falt%3Dmedia%26token%3Df24b9780-7b12-4609-864a-942706bac90c&width=768&dpr=3&quality=100&sign=cd98ccf2a49303689c69a979522b7b80&sv=3) How it looks on your storefront: ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FQ659RDljtkry1NAW95OJ%252FScreenshot%2520-%25202026-01-12T151302.465.png%3Falt%3Dmedia%26token%3D2b71276d-48bd-4dfc-a1d9-a2e941a8fd5f&width=768&dpr=3&quality=100&sign=d4f0959683d7901593c246483f142fea&sv=3) ### Help text Add a short note explaining what to enter. Choose how it's shown: **Tooltip**, **Below the option title**, **Beside the option title**, or **Below the option**. ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FuZoETiaRK2wqRlA2I367%252Fimage.png%3Falt%3Dmedia%26token%3D5e6c5bf1-a9cd-4ef1-8835-e42b4ce3eb74&width=768&dpr=3&quality=100&sign=bb530103f627fa50536df48b213aa4aa&sv=3) ### Limit the number of characters Set **Min character** and **Max character** to control how much customers can type. Available on the **Advanced** plan and above. ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FkVCXlIHQiUHVgKJFLeBb%252Fimage.png%3Falt%3Dmedia%26token%3D2fcc6576-814c-4d93-909b-59ef26253cfa&width=768&dpr=3&quality=100&sign=c76e66b5372954290841fbeac3982557&sv=3) * **Min character** - if the customer's email is shorter than this, OPTIS shows a message under the field, e.g. **Min character: 5**. ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252F0G3mhoanrVDJxjuEaEek%252Fimage.png%3Falt%3Dmedia%26token%3D0e725ba7-02b9-42c3-99b3-f1240f1a2f90&width=768&dpr=3&quality=100&sign=c3591e25f09402b613c1b42e0183381b&sv=3) * **Max character** - once the customer reaches this limit, OPTIS stops accepting more input and shows a message under the field, e.g. **Max character: 20**. ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FP2DM4APUtpBtBObnEPLt%252Fimage.png%3Falt%3Dmedia%26token%3Dbbe4c683-0272-4d03-953b-b3a1fdfa17a2&width=768&dpr=3&quality=100&sign=fa40a380a9db292f1d51a2b70d4a1b6a&sv=3) * **Character counter (optional)** - turn on **Character count for text box** in **Settings > General Settings > Option type setting > Text input** to also show a running count (e.g. **12/50 characters**) under the field. See [Limit Characters for Text Input](/product-options/faq/limit-characters-for-text-input). ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FYzrPF2Mwb8N3G4II7jMw%252Fimage.png%3Falt%3Dmedia%26token%3D4a92407c-3d40-47b2-b804-fdf4923c4bac&width=768&dpr=3&quality=100&sign=070ebef1d334e967f40c7ea90b4e389e&sv=3) * **Not a valid email?** Regardless of length, OPTIS shows **Email format is invalid.** You can change this text in **Settings > Translation Texts > Default text customization > Product page**. ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FVL53oh9ccKIV970hyXRL%252Fimage.png%3Falt%3Dmedia%26token%3D88ff808b-c39b-41e9-a492-55e1b54f67aa&width=768&dpr=3&quality=100&sign=d088b6c46e933341712fd896970078cf&sv=3) ### Charge an extra fee (price add-on) Charge more when a customer fills in this field. Available on the **Advanced** plan and above; **Upsell product** needs **Platinum**. * **Extra fee** - adds a fixed amount to the price. See [Manage add-on (additional fee for option)](/product-options/advanced-setup/manage-add-on-additional-fee-for-option). ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FBsdyjPgNba7b53JAzSMp%252Fimage.png%3Falt%3Dmedia%26token%3Daf84983e-d193-4d2a-90ca-d8d093b7eadd&width=768&dpr=3&quality=100&sign=ecc46fb783785b23cc19605b53f2d758&sv=3) How the price add-on looks on the storefront: ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FBT2OKs83cbmj5DJXLUGt%252Fimage.png%3Falt%3Dmedia%26token%3D6e26479c-86e4-45c5-b8eb-c8ad816f360c&width=768&dpr=3&quality=100&sign=87ae456396aa4fbda8a9ca946df9b199&sv=3) * **Upsell product** - links the fee to a Shopify variant's price and stock. See [How to Use "Upsell product"?](/product-options/advanced-setup/how-to-use-upsell-product-link-stock-and-price-of-shopify-variant-to-option-value). ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252Fwm8ZKerppVW4MvfD2Fe6%252Fimage.png%3Falt%3Dmedia%26token%3Dbb87a5aa-1d1e-42a7-8fcd-fcfb9dcd9eed&width=768&dpr=3&quality=100&sign=abe4a7ffb7c8ec5524aa44cced12c1e3&sv=3) ### Show or hide with Visibility (conditional logic) Show or hide the Email Field based on another option - for example, only show it when the customer answers "Yes" to "Would you like to receive exclusive emails with discounts and product updates?". Available on the **Advanced** plan and above. See [How to set up Conditional logics?](/product-options/advanced-setup/how-to-set-up-conditional-logics). ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FKnLv1gyCueUnT7Hx43bc%252Fimage.png%3Falt%3Dmedia%26token%3D2c21538e-58f2-4142-a833-0227d304e93c&width=768&dpr=3&quality=100&sign=51010502fa70ee000609ddf39aa0efb1&sv=3) ### Option width In the **Display** tab, set **Option width** (**25%**, **33%**, **50%**, **67%**, **75%** or **100%**) to control how much horizontal space the Email field takes. ![](https://docs.optis.me/~gitbook/image?url=https%3A%2F%2F1821185975-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FRFiuDpHWm2HwzxPH4lfM%252Fuploads%252FWug2fevocSR8UeI5dp2u%252Fimage.png%3Falt%3Dmedia%26token%3Da01bb229-a165-4b62-98e3-12ae18dca62c&width=768&dpr=3&quality=100&sign=5f3f880399213eff82c2b2fdbe303e89&sv=3) ## Related guides * [Text box](/product-options/20-option-types/text-input/text-box) * [Manage add-on (additional fee for option)](/product-options/advanced-setup/manage-add-on-additional-fee-for-option) * [How to Use "Upsell product"?](/product-options/advanced-setup/how-to-use-upsell-product-link-stock-and-price-of-shopify-variant-to-option-value) * [How to set up Conditional logics?](/product-options/advanced-setup/how-to-set-up-conditional-logics)