Text Area

The Text Area option lets customers enter longer text or detailed information, such as special instructions, notes, or personalization details.

General Tab (Basic Settings)

This tab controls the core configuration of the Text Area field, including the label, help text, pricing behavior, placeholder text, input size, and character limits.

Required

Enable this option to make the field mandatory. Customers must enter text before they can add the product to the cart.

Hide Label

Hide the field label from customers. Enable this when the field context is already clear or when you want a minimal layout.

Label

The visible name shown to customers (for example: “Customization Details”, “Engraving Message”, or “Special Instructions”).

Keep the label short and descriptive so customers understand what information is expected.

Help Text

Short instructional text shown to customers to guide their input.

Examples:

• “Enter your engraving message”
• “Maximum 200 characters”
• “Include size and color preferences”

The display position of the help text can be controlled in the Style Tab.

Price Type

Defines how this field affects the product price.

• No Cost: The field does not add any additional cost.
• Fixed: Adds a fixed amount to the product price.
• Percentage: Adds a percentage based on the product price.
• Per Character: Charges based on the number of characters entered.
• Per Character (No Space): Charges per character while ignoring spaces.
• Per Word: Charges based on the number of words entered.

Price

The amount added to the product price based on the selected Price Type.

For example:

• Fixed price for personalization
• Price per engraved character
• Percentage-based customization fee

Placeholder

Example text displayed inside the input box before the customer types. Use placeholders to guide the customer on what to enter.

Example: Enter your message here

Rows

Defines the visible height of the text area. Higher values create a larger text box, allowing customers to see more text while typing.

Example:

• 2–3 rows for short notes
• 4–6 rows for longer instructions

Enable Character Limit

Enable this option to restrict how many characters customers can enter.

• Min Character: Sets the minimum number of characters required before the form can be submitted.
• Max Character: Sets the maximum number of characters allowed in the field.

Style Tab (Layout & Appearance)

This tab controls how the Text Area field appears on the product page, including help text placement, text formatting behavior, field width, and custom styling.

Help Text Position

Controls where the help text appears relative to the field.

• Below Label: Help text appears under the field label.
• Below Field: Help text appears below the text area input box.
• Tooltip: Help text appears inside an information icon, saving space in the layout.

Text Transform

Automatically changes the format of the customer’s text input.

• None: No formatting changes.
• Uppercase: All text becomes uppercase.
• Lowercase: All text becomes lowercase.
• Capitalize: The first letter of each word becomes capitalized.

Field Width

Controls how wide the text area appears within the options layout.

• 33% – narrow column
• 50% – half width
• 66% – wide column
• 100% – full width (recommended for text areas)

Class (Unique)

A unique CSS class assigned to the field (example: wo_textarea_2).

Use this if you want to:

• apply custom CSS styling
• target the field with custom scripts
• customize its appearance using theme code.

Conditions Tab

Use this tab to control the visibility of the Text Area option. You can show or hide it only when specific custom options or Shopify variants are selected. To learn how to configure conditional logic, follow this guide.

Get Support 👇

If you experience any issues while configuring the Text Area option, reach out to the WowApps support team via the in-app chat or email support@wowapps.io. You can also reach the dedicated manager at nayeem@wowapps.io.