Create a Textbox
The Textbox typically appears as a field where users can input information with any characters.
Please be advised that:
Once you choose this option type, your customers can insert any text but emojis.
Text Box option type does not allow your customers to Enter and write more than one paragraph.
Example of how it appears on a product page:
A Sweater with a Textbox “Your name”:
Click Add Option > Text box to create a new option
Enter the name for the Textbox (e.g., "Input your name", "Note")
Other features:
Price Add-On > Create Fee – What is it & How to Use
Price Add-On > Assign to Variant – What is it & How to Use
SKU – What is it & How to Use
Quantity – What is it & How to Use
Price Add-on feature will help you add extra fee for options customer choose
How the Price add-on will look on the storefront:
If you choose to Create fee, see details of this feature in How to add price to options?.
If you choose to Assign to variant, follow this guide for more information.
Conditional Logic: Enable conditional logic if you want the Textbox to show/hide only when a customer selects a specific option from another field. How to set up Conditional logics?
Example: A “Your name” Textbox appears only if the customer selects “Yes” for “Would you like to personalize this item?”
Help text: Add a short description to explain the purpose of the Textbox option, offering context or clarification when the customer enters the information. Help text can be displayed as Tooltip or Content (Below/Beside the option title, Below the option).
Here is an example of the Help text as Tooltips looks like in your storefront:
Default value: Pre-fill text inside the textbox that appears every time the customer goes to the site. It can save time for customers by providing common or expected input.
Example: A custom message for a gift could have a default value of “Happy Birthday!”, which can be edited by the user.
Placeholder text: Display placeholder text inside the textbox as a faded, lighter color. This text disappears when the customer starts typing and is often used to guide the user on what information is needed.
Here is an example of how it looks like in your storefront:
Limit character: You can set Min/Max characters that customers can input.
Here is an example of how it looks like in your storefront:
If your customers input more than the maximum characters, a message will inform them of max characters. The same with minimum characters.
Click Save to apply the settings.
Visit the product page on your store to check if the Texbox works correctly.
Product Customization: Customers can enter personalized text for items like custom engravings or messages (e.g., personalized gifts).
Forms: Collects customer details like name, shipping address, and payment information (e.g., entering shipping address at checkout).
Order Notes: Allows customers to add comments or special requests to their order,
Textboxes allow users to input information efficiently, reducing errors with placeholder or help text. They're versatile for short or long entries, easy to use on mobile, and essential for customization, forms, and feedback.
Please be advised that:
Once you choose this option type, your customers can insert any text but emojis.
Text Box option type does not allow your customers to Enter and write more than one paragraph.
Example of how it appears on a product page:
A Sweater with a Textbox “Your name”:
How to Create a Textbox option
Step 1: Add a New Option
Click Add Option > Text box to create a new option
Step 2: Add information to the Textbox
Enter the name for the Textbox (e.g., "Input your name", "Note")
Other features:
Price Add-On > Create Fee – What is it & How to Use
Price Add-On > Assign to Variant – What is it & How to Use
SKU – What is it & How to Use
Quantity – What is it & How to Use
Step 3: Set the target of Price add-on in Option values (optional)
Price Add-on feature will help you add extra fee for options customer choose
How the Price add-on will look on the storefront:
If you choose to Create fee, see details of this feature in How to add price to options?.
If you choose to Assign to variant, follow this guide for more information.
Step 4: Advanced Settings (If Needed)
Conditional Logic: Enable conditional logic if you want the Textbox to show/hide only when a customer selects a specific option from another field. How to set up Conditional logics?
Example: A “Your name” Textbox appears only if the customer selects “Yes” for “Would you like to personalize this item?”
Help text: Add a short description to explain the purpose of the Textbox option, offering context or clarification when the customer enters the information. Help text can be displayed as Tooltip or Content (Below/Beside the option title, Below the option).
Here is an example of the Help text as Tooltips looks like in your storefront:
Default value: Pre-fill text inside the textbox that appears every time the customer goes to the site. It can save time for customers by providing common or expected input.
Example: A custom message for a gift could have a default value of “Happy Birthday!”, which can be edited by the user.
Placeholder text: Display placeholder text inside the textbox as a faded, lighter color. This text disappears when the customer starts typing and is often used to guide the user on what information is needed.
Here is an example of how it looks like in your storefront:
Limit character: You can set Min/Max characters that customers can input.
Here is an example of how it looks like in your storefront:
If your customers input more than the maximum characters, a message will inform them of max characters. The same with minimum characters.
Step 4: Save and Test
Click Save to apply the settings.
Visit the product page on your store to check if the Texbox works correctly.
3. Real-World Applications of Texbox
Product Customization: Customers can enter personalized text for items like custom engravings or messages (e.g., personalized gifts).
Forms: Collects customer details like name, shipping address, and payment information (e.g., entering shipping address at checkout).
Order Notes: Allows customers to add comments or special requests to their order,
4. Key Features of Textboxes
Textboxes allow users to input information efficiently, reducing errors with placeholder or help text. They're versatile for short or long entries, easy to use on mobile, and essential for customization, forms, and feedback.
Updated on: 26/04/2025
Thank you!