The Text option allows customers to enter their own personalized text when purchasing a product. It is useful for products that require names, messages, initials, custom labels, or other text-based personalization.
You can control how the text field works by setting requirements such as minimum and maximum character limits, making the field required, and adding an additional price or per-character charge. You can also customize the text field's appearance and, if available on your plan, enable Live Preview so customers can see their text directly in the product preview.
To add and configure a Text option in an Option Set, follow the steps below.
You can add the text option to either a completely new option set or an existing one. You can learn to create a new option set in another part. This guide explains how to add it to an existing Option Set.
Go to an existing option set.
Click the Edit option to open it.
Click the “Add options” button.
Select the “Text” option under Inputs.
After adding the Text option, configure the available settings according to how you want customers to enter their personalized text.
Option Title: Enter the name or label of the text input option that customers will see.
Help Text: Add additional instructions or guidance to help customers understand what they should enter in the text field.
Required Field: Enable this option if customers must enter a value before they can add the product to their cart. When enabled, customers cannot proceed without completing this text field.
Placeholder Text: Enter the temporary text that appears inside the input field before the customer enters their own text. The placeholder disappears automatically when the customer starts typing.
Option Description: Add additional information or details about the option. This can be used to explain the purpose of the field or provide extra instructions to customers.
Minimum Characters: Set the minimum number of characters the customer must enter. If the customer enters fewer characters than the specified minimum, they will not be able to "buy/add to cart" the product. Keep the field empty if you do not want to set a minimum character limit.
Maximum Characters: Set the maximum number of characters that customers are allowed to enter. Keep the field empty if you do not want to set a maximum character requirement.
Additional Price: Set an additional fixed price that will be added when the customer enters text in this field. The additional price is charged when the customer enters at least one character.
Price per Character: Set a price that will be charged for each character entered by the customer.
After configuring the main settings, scroll down and expand Additional Settings. These settings allow you to customize the appearance of the Text option to better match your storefront design.
Help Text Style: The Help text style setting lets you choose how the help text for an option is displayed on your storefront. From the Help text style dropdown, you can choose:
Above option element – Displays the help text above the option.
Below option element – Displays the help text below the option.
No help text – Hides the help text from the storefront.
Live Preview is available on the Pro plan. Live Preview allows customers to see the text they enter directly on the product preview. This helps them visualize how their personalized text will appear on the product before adding it to the cart.
To enable Live Preview:
Open the Text option in your Option Set.
Turn on the Enable live preview toggle.
Click Edit preview to customize the Text Preview settings.
Use the preview editor to configure how and where the entered text appears on the product.
After configuring your Text option, you need to assign the Option Set to the products where you want the text field to appear. You can find Products at the bottom of the Option Set.
All Products: Select All Products to apply the Option Set to all products in your store.
Manually Select Products: Select Manually Select Products when you want to choose specific products to which the Option Set should be applied.
Select Products by Conditions: Select Products by Conditions when you want to apply the Option Set based on specific product conditions automatically.
You can use the available conditions to determine which products should receive the Option Set.
|
Important: Each Optionia option includes advanced styling with custom CSS. The text option is no different; you can find the advanced styling option at the bottom.
|
|
Note: When you create or edit the Option Set, it’s saved as a draft and is only visible in your dashboard. Change the status from draft to active to ensure visibility. You can see the status option right next to the Option Set title.
|
Once the Text option is configured, the Option Set is active, and the Option Set has been assigned to the appropriate products and customers, customers can use the text field on your product pages to enter their personalized text.
If you have enabled Live Preview, customers can also see their entered text on the product preview before adding the product to their cart.
Need Help?
Getting Started
Option Sets
Orders
Settings
Configuration
Live Preview
Packages
Help & Support
Price Add-Ons
Conditional Logic
Design Theme Styling
Uninstallation
