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

Technical Q&A
, ,

Topic summary

A user added custom fields (“Occasion type” and “Occasion date”) to their product page using the Craft theme, but the customer-entered data isn’t appearing in the Shopify order admin after checkout.

Root Cause Identified:

  • Custom input fields are likely not inside the product <form> tag
  • Fields may be missing the correct name attribute format required by Shopify

Solution Provided:

  • Use Shopify’s line item properties format by naming inputs as properties[Field Name]
  • Example code structure:
    <input type="text" name="properties[Occasion Type]" />
<input type="date" name="properties[Occasion Date]" />
  • Ensure fields are placed inside the <form> tag in main-product.liquid
  • After implementation, test by placing an order—data should appear under Orders > Line item details

One responder offered direct assistance to fix the integration. The issue remains unresolved pending implementation of the suggested code changes.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

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

Screenshot (107).png
Screenshot (107).png1920×1080 387 KB

Screenshot (109).png
Screenshot (109).png1920×1080 224 KB

2

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?

3

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.