Customised customer detail fill in Product page -Integrate Custom fields with backend order managemt

[rathivikash]

Theme - Craft, I have added custom fields in Product page to fill “Occasion type & Occasion date” by customer , but wherever a customer fill the details and checkout they are no showing up in order admin , tell me what do - how to integrate custom field with backend order management

[Geoginatec]

Thanks for reaching out! It sounds like the custom fields aren’t properly linked to the order metadata. I can get you integrate them so the “Occasion type” and “Occasion date” show in the admin panel after checkout.

Would you like me to take a quick look and fix it for you?

[topnewyork]

Hello @rathivikash ,

Occasion Type and Occasion Date are not showing up in the order admin, it’s likely because:

1. The inputs are not placed inside the product form

2. The input fields are missing the correct name format

To send custom data with the order, you must use Shopify’s line item properties format.

Here’s how to do it correctly:

Place this inside the tag in main-product.liquid

This tells Shopify to include that info in the order details under the product.

Make sure these fields are inside the that submits the product.
Test by placing an order — you’ll see the values in Orders > Line item details.

[Easify-Ariel]

Hi @rathivikash

For this request, Easify Product Options can fully handle it. The issue you’re facing comes from the custom fields added in your theme not being properly saved, so when customers enter the information and proceed to checkout, the data doesn’t appear in the order admin.

I’ve created a similar demo to help you better visualize how it works:

• This is the result:

• This is the app setup:

In the app, you just need to create options such as a Text field, then assign them to your product.

All customer inputs will be automatically saved and displayed clearly in the cart, checkout, and order admin without requiring any code changes.

This approach ensures that all customer-provided information is captured accurately in the order, while keeping the setup simple and easy to manage.

[Parselab_Melissa]

Hi @rathivikash.

I hope you are doing well. If you are open to trying a third-party app to add a personalized text field, you can try the Inkybay – Product Personalizer app.

With Inkybay’s Product Option feature, you can create personalized fields like a text field so that customer can enter their personalized details on the product page. The customer will get the personalized text at checkout. Also, all customer selections are automatically saved with the order, so you receive everything clearly in the order file.

Inkybay also lets you add other advanced options, such as file upload options, image swatches, and custom free size/ preset size.

The best part is that no coding is required, and a simple setup. It offers a free 21-day trial so you can explore it and see how it works for your product.

[emilyjhonsan98]

If you want to avoid editing theme files or worrying about code breaking during a theme update, you can handle this instantly using our app:

Drag and drop separate native Text Boxes for the occasion and date from the feature list directly onto your product page template.

You can also assign them to different products using conditional logic.

[brisk_code]

Hi @rathivikash

The reason your “Occasion Type” and “Occasion Date” aren’t showing in order admin is that the fields need to be inside the product form and use Shopify line item properties.

Make sure your input names are formatted like this:

liquid

<input type="text" name="properties[Occasion Type]" placeholder="Occasion Type">
<input type="date" name="properties[Occasion Date]">

Key points:

1. The inputs must sit inside the <form> tag (the one with product-form / add to cart), otherwise the data won’t pass through.
2. Use the exact properties[Field Name] format, that’s what tells Shopify to save it to the line item.
3. Once done, the values will appear under the product’s line item details in the order admin.

If you’d rather not edit Liquid code, a product-options app (like Easify or similar) can do this automatically and save inputs to cart, checkout, and order admin.

Want me to show you exactly where to place these in the Craft theme’s product section?