How to Add Custom Text Field on Shopify Product Page (2026)

Learning how to add custom text field on Shopify product page is useful when you want customers to enter names, engraving messages, gift messages, or other personalized information before purchasing.

For a simple text field, you do not need to create a separate Shopify variant for every possible customization. The most practical approach is to add a text input to the product form and save the customer’s response as a line item property.

How to add custom text field on Shopify product page

Boost Your Conversion Instantly with Nudgify: Turn your website visitors into customers with real-time Social Proof and FOMO Nudges. Get Started Now →

In This Guide

What Is a Custom Text Field in Shopify?

A custom text field is an input box on a product page where customers can enter information before adding an item to their cart.

For example, a personalized jewelry store might ask customers to enter an engraving message. A clothing store might ask for a name, while a gift shop could collect a personalized message.

Common uses include:

Increase Trust & Sales with Social Proof

Boost trust, engagement, and conversions with Social Proof — tailored for any industry and easy to integrate. Seamlessly manage client access with our team portal.

Get Started Now

Names and initials
Engraving messages
Monograms
Gift messages
Personalized clothing text
Custom labels
Special instructions for a specific product
Personalization details for print-on-demand products

Should You Use a Variant for Custom Text?

Usually, no. Shopify variants are designed for predefined product options such as size, color, material, or style.

A customer-entered name or engraving message is different because the value is unique to that particular order. Creating variants for every possible text combination would quickly make your product catalog difficult to manage.

For customer-specific information, Shopify line item properties are usually the better solution.

What Are Shopify Line Item Properties?

Line item properties allow you to attach additional information to a specific product when a customer adds it to the cart.

For example, suppose you sell a personalized necklace. The customer selects the necklace variant and enters “Sarah” into an engraving field. The word “Sarah” can be stored as a line item property associated with that necklace.

This is different from an order note. An order note applies to the overall order, while a line item property is intended for information associated with a particular product.

When Should You Use Line Item Properties?

Line item properties are a good fit when the information is specific to an individual product, such as:

Engraving text
Personalization names
Custom messages
Product-specific instructions
Monogram information
Custom text for printed products

How to Add Custom Text Field on Shopify Product Page

For a simple custom text field, you can add an HTML input to the Shopify product form and name it using the properties[...] format.

Before editing your live theme, create a duplicate of your current theme so you have a backup if something goes wrong.

Step 1: Open Your Shopify Theme

From your Shopify admin, go to Online Store > Themes and open the theme you want to customize.

Depending on your theme, you may be able to add the field through a Custom Liquid block in the theme editor. If your theme does not provide a suitable location, you may need to edit the relevant product section or product form file.

Step 2: Find the Product Form

The custom input needs to be associated with the product form that handles the Add to cart action.

Shopify themes can use different file structures, so the exact file name depends on your theme. In newer themes, you may find the product form within a product section such as main-product.liquid or another product-related section.

If you are using a JSON-based product template, the actual Liquid and HTML code normally belongs in a section referenced by that template.

Step 3: Add the Custom Text Input

Place the following input inside the product form:

<div class="product-custom-field">
  <label for="custom-text">Personalization</label>
  <input
    type="text"
    id="custom-text"
    name="properties[Personalization]"
    placeholder="Enter your text"
  >
</div>

The important part is the name attribute:

name="properties[Personalization]"

The text inside the brackets becomes the name of the line item property. You can change Personalization to something more specific, such as Engraving, Gift Message, or Custom Name.

Step 4: Save the Theme

Save your changes and preview the product page.

You should now see the custom text field near the other product options and the Add to cart button. Enter some test text before continuing to the next step.

Step 5: Test the Add to Cart Process

Enter a sample value such as “Sarah” and click Add to cart.

Open the cart and check whether the custom information appears alongside the correct product. Testing the entire process is important because a field can appear correctly on the page but fail to submit if it is outside the product form.

How to Make the Shopify Custom Text Field Required

If every customer must provide personalization information, you can make the field required with the HTML required attribute.

<div class="product-custom-field">
  <label for="custom-text">Personalization</label>
  <input
    type="text"
    id="custom-text"
    name="properties[Personalization]"
    placeholder="Enter your name"
    required
  >
</div>

This prevents the browser from submitting the form when the field is empty.

Use a required field only when the information is genuinely necessary. If personalization is optional, leave the field optional and clearly label it as such.

How to Add a Character Limit

A character limit is useful for products such as jewelry engraving, custom mugs, labels, and personalized clothing where the available space is limited.

You can add a maxlength attribute to control how much text customers can enter:

<input
  type="text"
  id="custom-text"
  name="properties[Engraving]"
  placeholder="Enter your engraving"
  maxlength="30"
>

Choose a limit that matches your actual production requirements. If your engraving machine or printing process supports only a certain number of characters, make that limitation clear before the customer submits the order.

How to Add a Multiline Custom Text Field

If customers need to enter longer messages, use a textarea instead of a standard text input.

<div class="product-custom-field">
  <label for="gift-message">Gift Message</label>
  <textarea
    id="gift-message"
    name="properties[Gift Message]"
    placeholder="Enter your message"
    maxlength="250"
  ></textarea>
</div>

A textarea works better for gift messages, longer personalization instructions, and other information that may require multiple lines.

How to Display the Custom Text in the Shopify Cart

Adding the field to the product page is only part of the implementation. You should also verify that the customer’s response is displayed with the correct cart item.

Shopify themes can access line item properties through the cart’s line items. If your theme already supports displaying line item properties, the captured value may appear automatically.

If it does not appear, your cart template may need to be updated to output the line item’s properties.

A typical Liquid approach looks like this:

{% for property in item.properties %}
  {% assign property_first_char = property.first | slice: 0 %}
  {% unless property.last == blank or property_first_char == '_' %}
    <div>
      <strong>{{ property.first }}:</strong>
      {{ property.last }}
    </div>
  {% endunless %}
{% endfor %}

The underscore check is useful because Shopify allows property names beginning with an underscore to be treated as hidden properties in customer-facing displays.

How to Check Custom Text in Shopify Orders

Always place a test order before making the customization available to customers.

Use this simple workflow:

Open the customized product page.
Enter test information into the custom text field.
Add the product to the cart.
Confirm the text appears with the correct product.
Complete a test order.
Open the order in Shopify admin.
Confirm that the personalization information is associated with the correct line item.

This test is especially important when your store sells multiple customized products in the same order.

Custom Text Field vs Metafields vs Order Notes

Shopify has several ways to store or collect custom information, and choosing the right one prevents unnecessary theme or app complexity.

Shopify feature	Best used for
Line item properties	Customer customization for a specific product
Product metafields	Additional information stored about a product or variant
Order notes	Instructions that apply to the overall order
Cart attributes	Additional information collected at the cart level
Product variants	Predefined options such as size, color, or material

If the customer is entering information specifically for one product, line item properties are generally the most appropriate choice.

How to Add a Custom Text Field Without Coding

If you do not want to edit Shopify Liquid, you can use a product options or personalization app.

Apps are particularly useful when your store needs more than a basic text box. Depending on the app, you may be able to create text fields, dropdowns, checkboxes, file uploads, conditional options, character limits, live previews, and additional personalization charges.

When Should You Use a Shopify Product Options App?

A no-code solution can be a better choice when you need:

Multiple customization fields
Conditional fields
File uploads
Image personalization
Dynamic pricing
Live product previews
Different options for different products
Centralized management of personalization options

For a single simple text field, custom Liquid is usually easier to keep lightweight. For a complex product customizer, an established app can save development time and reduce the amount of custom code you need to maintain.

Common Shopify Custom Text Field Problems

The Custom Text Field Appears but the Text Is Not Saved

The first thing to check is whether the input is inside the correct product form.

Also check that the input uses the correct naming format, such as name="properties[Custom Text]". Without the properties[...] structure, Shopify will not treat the value as a line item property.

The Custom Text Does Not Appear in the Cart

Check whether your cart template displays line item properties.

If the property is being submitted but is not visible in the cart, the issue may be with the cart’s display code rather than the product form.

The Custom Field Does Not Appear on the Product Page

Check that you edited the product template or section actually used by the product.

If you have multiple product templates, the field may appear on one product but not another because those products use different templates.

The Required Field Can Still Be Submitted Empty

Check that the required attribute is present on the correct input and that your theme’s JavaScript does not interfere with normal browser validation.

If your theme uses a custom Add to cart implementation, additional JavaScript validation may be required.

The Field Disappeared After a Theme Change

Custom code can be affected when you replace, update, or substantially modify a theme.

Keep a record of customizations and test your product pages after theme updates. If you use an app, a theme app extension can sometimes provide a more maintainable alternative to manually editing theme files.

Advanced Shopify Product Personalization Options

A basic text field is a good starting point, but more complex products may require additional functionality.

Add Multiple Custom Fields

You can collect several pieces of information for the same product.

<input type="text" name="properties[First Name]" placeholder="First name">
<input type="text" name="properties[Last Name]" placeholder="Last name">
<input type="text" name="properties[Engraving]" placeholder="Engraving text">

Each input has its own property name, allowing the information to remain organized.

Add Conditional Fields

Conditional fields are useful when customers should see an additional input only after selecting a particular option.

For example, you could ask:

Add engraving?

If the customer selects “Yes,” your store can reveal the engraving text field.

This usually requires JavaScript or a product options app, especially when you want the interaction to work smoothly across different themes and devices.

Add File Uploads

Personalized products sometimes require customers to provide artwork, logos, photographs, or other files.

File uploads are more complex than a standard text field, so a specialized product personalization solution may be more practical if file handling is an important part of your workflow.

Add a Live Personalization Preview

A live preview lets customers see how their name, message, or design will look on the product before purchasing.

This requires additional front-end functionality beyond a basic line item property and is usually better suited to a dedicated product personalization tool.

Charge Extra for Personalization

If adding custom text increases the product price, consider how the additional charge will be calculated and communicated to the customer.

For simple fixed-price customization, a product option solution may be enough. More complex pricing rules may require an app or custom development.

Best Practices for Shopify Custom Text Fields

A technically correct field can still create a poor customer experience. Keep the customization process simple and make the requirements obvious.

Use a clear label: Tell customers exactly what they should enter.
Show an example: A useful placeholder can reduce mistakes.
Set a sensible character limit: Match the limit to your production process.
Clearly mark required fields: Customers should know when information is mandatory.
Keep fields close to the relevant product options: This makes the relationship between the product and customization obvious.
Test on mobile: Many customers will complete the product form from a phone.
Test the full order flow: Confirm that the information reaches the cart and order correctly.
Avoid unnecessary variants: Use line item properties for customer-specific text instead of creating thousands of combinations.
Make fulfillment easy: Use clear property names that your fulfillment team can understand.

Key Takeaways

The easiest native approach for a simple Shopify custom text field is to use a line item property.
Add the input inside the Shopify product form using the properties[...] naming format.
Use line item properties for information that belongs to a specific product, such as engraving, names, monograms, and personalization.
Use Shopify variants for predefined options such as size and color, not customer-entered text.
Test the entire process from the product page through the cart and order before launching.
For advanced personalization, including conditional logic, file uploads, live previews, or dynamic pricing, consider a dedicated Shopify product options app.