Please Help - Add customise text field option to product pages

Technical Q&A
1

Hi!
I am trying to add a custom text box to my product pages to enable customers to add personalisations to their orders.
I have searched and followed videos and suggestions but every time I go to add coding as suggested I am unable to find the code where I need to input it, with nothing alike it either.
Does the shop need to be published/live before I can add this? `

If anyone is able to help I’d be much appreciated.
Thanks so much in advance!!

1 Like
2
  1. Adding a custom text field to product pages is a common customization that many online stores use to allow customers to add personalizations to their orders. Here are the general steps to add a custom text field to product pages in Shopify:
  2. From your Shopify admin, go to “Online Store” > “Themes”.
  3. Click on “Actions” > “Edit code” for the theme you want to customize.
  4. In the left sidebar, navigate to “Sections” and click on the section where you want to add the custom text field. This is usually the “product-template.liquid” section, but it can vary depending on your theme.
  5. Find the section of code where you want to add the custom text field. This will usually be in the area where the product options are displayed.
  6. Add the following code to create a custom text field:

​

Note that you can customize the label and ID attributes to match your preferences.

  • Regarding your question about whether your shop needs to be published/live before adding this customization, the answer is no. You can make changes to your store and customize it as much as you want before publishing it live. However, keep in mind that customers won’t be able to see the changes until your store is published. You can use the “Preview” feature in the theme editor to see how the changes will look before publishing.

    Save your changes and preview your product page to see the custom text field in action.

1 Like
3

Hi @BaileyJ_1

I hope you are doing good and welcome to the Shopify Community!
I am Santanu from MS Web Designer (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore).

You can use this app Customize Text Field Option to Product Pages -
https://apps.shopify.com/product-personalizer

Regards,

Santanu

4

Hi @BaileyJ_1 ,

Adding a text field to your product pages for customers to add personalizations is incredibly simple with the free Easify Product Options app - no coding required :victory_hand: !!!

Take a look at these demos showcasing how the app allows you to effortlessly create text fields and other customizable options:

EasifyAppsZoe_0-1687277186418.png
EasifyAppsZoe_0-1687277186418.png2354×1630 303 KB

EasifyAppsZoe_1-1687277307166.png
EasifyAppsZoe_1-1687277307166.png2354×1504 470 KB

EasifyAppsZoe_2-1687277463292.png
EasifyAppsZoe_2-1687277463292.png2354×1616 325 KB

With the app’s user-friendly interface, there’s no reason not to give it a try. Plus, when you use the app, you’ll receive 24/7 support via Live Chat to assist you in setting up the options on your site :ok_hand: .

Go ahead and explore the possibilities of enhancing your product pages with personalized text fields :grin: .

5

Hey @BaileyJ_1 , check out this YouTube tutorial on adding custom text fields to Shopify product pages: https://www.youtube.com/watch?v=EK7USO8FJ4s

I hope this tutorial will help solve your issue.

6

when i add custom fields the info is shown in cart as well as in checkout page but when i create an order the information is not shown there. Can anyone help with that

7

Hey there, at Seal we just launched an app that let customers preview personalized text on product before buying.

You can set it up a simple text field in 3 mins:

Besides text field, you can also add color option, font option, custom fonts, additional price, and text character limits.

Try it free here :slightly_smiling_face: