Please Help - Add customise text field option to product pages

Please Help - Add customise text field option to product pages

BaileyJ
Visitor
1 0 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!! 

Replies 5 (5)

mics
Trailblazer
172 12 32
  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:

 

<label for="personalization">Personalization:</label>
<input type="text" name="properties[Personalization]" id="personalization" maxlength="255">
​

 

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.
banned

INA_MSWEB
Shopify Partner
1228 142 156

Hi @BaileyJ 


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

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

EasifyApps-Zoe
Shopify Partner
582 14 45

Hi @BaileyJ,

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 ✌️!!!

 

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_1-1687277307166.png

EasifyAppsZoe_2-1687277463292.png

 

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 👌.

 

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

 

EASIFY - MAKING SHOPIFY SIMPLE & SWEET!
Easify Product Options: Create custom product options 10X faster & easier!
Easify Product Attachments: Effortlessly add downloadable PDF files (or any other format) to Shopify pages!
Try for Free | 24/7 Live Chat Support

Jahid-KlinKode
Excursionist
145 1 5

Hey @BaileyJ, 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.

wamiq013
Visitor
1 0 0

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