Solved

Custom Text Field On Specific Product

Sahariar191
Shopify Partner
1 0 0

Hello, My theme name is Craft. I wanted to create on custom field to get text into my cart. Can anyone help me to pass this value to order page?

 

 

 

Accepted Solution (1)

Anthony_David_
Shopify Partner
417 46 105

This is an accepted solution.

Hello @Sahariar191 

Glad to help you in this, I hope your code looks something like this.

<input required class="required" id="your-name" type="text" name="properties[Your name]">


 To pass the value to cart or checkout name="properties[Your name]" this is important, Your Text can to replaced With anything like Custom text, Engraving, Personalise, etc

Secondly you code should be inside the <form> or {% form %} tag.

To take a close look let me know your store url and I will have a look.

Thanks

Theme customization | Design | Shopify App Consultant
Have Any Questions? Whatsapp +1 (341) 241-4263
Based in United States

View solution in original post

Replies 4 (4)

Anthony_David_
Shopify Partner
417 46 105

This is an accepted solution.

Hello @Sahariar191 

Glad to help you in this, I hope your code looks something like this.

<input required class="required" id="your-name" type="text" name="properties[Your name]">


 To pass the value to cart or checkout name="properties[Your name]" this is important, Your Text can to replaced With anything like Custom text, Engraving, Personalise, etc

Secondly you code should be inside the <form> or {% form %} tag.

To take a close look let me know your store url and I will have a look.

Thanks

Theme customization | Design | Shopify App Consultant
Have Any Questions? Whatsapp +1 (341) 241-4263
Based in United States

EasifyApps-Zoe
Shopify Partner
582 14 42

Hi @Sahariar191,

Here's a simple solution for your custom text field needs, and you won't even need custom code. You can achieve this by using the Free version of the Easify Product Options app. This app allows you to create custom text fields using either the Text Box option type for short fields or the Text Area option type for longer fields. You can then add these custom text fields to any product on your site 🤗.

 

Here's a quick demonstration of how to use the app:

  • Create a new option set:

EasifyAppsZoe_0-1691402793987.png

 

  • Add a text field using either the Text Box or Text Area option type.

Text Box:

EasifyAppsZoe_1-1691402857267.png

 

Text Area:

EasifyAppsZoe_2-1691402892955.png

 

  • Select the products to which you want to add the option set:

EasifyAppsZoe_3-1691402909286.png

 

As you can see, setting up your text field with the Easify Product Options app is easy and quick. Give it a try 🙌!

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

Made4uo-Ribe
Shopify Partner
5414 1303 1601

Hi, 

 

You can easily add any fields to your cart page, product page, or even contact form using our Enhanced Shopify UI Element generator. It works well with any Shopify 2.0 Free themes. The UI element generator is free and no app needed. 

 

Please check our video tutorial below.

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Tufan_Minimate
Shopify Partner
8 0 0

Hello, 
You can easily do that via Shopify Apps. i.e. Mini: Customization Fields allows merchants to create as many fields as possible in various formats like textfield, dropdown etc. and apply them to selected products/collections. 

Screenshot 2024-03-01 at 16.42.21.png

 

Hope it helps! 

Co-Founder at: MinimateApps
---
Mini:Customization Fields - Allows merchants to collect information from customers at product pages before proceeding to checkout
Hey!Scarcity Low Stock- Create a sense of urgency & scarcity to increase conversion rate by displaying inventory level