How to pass customer input from text box to Notes from customer

[miltokas]

Hi all!

I am offering a customizable service where the customer can provide a name and number.

so in main-product.liquid I added a section with these 2 text boxes.

  <textarea name="properties[product_personalization]" placeholder="Pet Name" ></textarea>
  <textarea name="properties[product_personalization]" placeholder="Number"></textarea>

How can I pass this information to my order, meaning showing at Notes from the customer for example?

I probably need to add some code o a submit button somewhere?

Thanks a lot for your help!

[PaulNewton]

Hi @miltokas ! 👋 The order note is primarily for customer usage to give you overarching info, avoid using it for tangential purposes.

To show line item properties to the customer either customize the order notification template, or the classic-customer-accounts theme account templates to expose the values of the properties.

💣Assuming that the line-item-properties are actually properly passing through to the order in the first place. However your code snippets don't indicate if you put the code inside the actual product form elements/liquid-tag or are using a form attribute to relate the inputs to the product form.

If you need this fixed, or theme customization then contact me by my email for services.

ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
Contact info in forum signature.

[miltokas]

I actually just want to pass the information from those two text boxes to the order page somehow to see what information the customer has provided.

[Made4uo-Ribe]

Hi @miltokas 

Check this one. This is for adding  Custom Text field on Shopify Product Page

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[miltokas]

Hi @Made4uo-Ribe 

Thanks a lot for the link.

I followed the guide 100% and I have two issues:

1. The required option has no effect
2. It doesn't show as message at checkout as described in the tutorial

This is the code I added:

<p class="line-item-property__field">
  <label for="name">Name</label>
  <input required class="required" id="name" type="text" name="properties[Name]">
</p>

and the result is the following. The textbox is there but the required has no effect and doesn't show as message in the check out:

Any clue what can possibly be?

Thanks!

[Zel_Minimate]

Hi @miltokas , 

It seem you're still looking for a custom field solution for customer details in order notes. Our app, Mini:Custom Fields Personalize, might be the perfect fit for your needs. It addresses the issues you've encountered:

1. Our app's required field option works effectively.
2. Custom information is displayed at checkout as expected.
                 

Key features to solved your issues:

• Required fields with pop-up notifications if not filled
• Customer information visible at checkout
• Custom details appear in order details on your Shopify admin dashboard

This solution is ideal for customizable products where customers need to provide information like names and numbers.

For more details, you can check out our FAQ  and demo store. If you have any questions or need assistance, please don't hesitate to reach out.

Let me know if you'd like any specific information about the app or its implementation! You can get the app: https://apps.shopify.com/customfield_textbox 

Hope this will be helpful.

Bets Regards,
Zel