Custom fields on cart, checkout and order

Topic summary

Migration of a custom Next.js gift store to Shopify’s Storefront API, aiming to replicate bespoke checkout data and shipping logic. The store needs custom fields collected pre-checkout and shown during checkout and in Shopify Admin after order creation.

Key data points to capture: delivery date (critical for scheduling), receiver name and phone, dedication card text, shipping fee, and distance. Shipping fee is currently computed via Google’s Distance Matrix API based on store–customer distance.

Proposed approach by the author: attach custom data/metaobjects to the Cart, but uncertainty remains about surfacing these fields in Checkout and mapping them to the Order in Admin.

Questions: Can these custom fields and distance-based shipping costs be implemented using Shopify + Storefront API so they persist through checkout and appear on the final order?

Latest activity: a single terse reply suggests “use the same methods,” without specifics or implementation guidance.

Assets: an image illustrating the custom checkout fields is included and central to understanding. Status: unresolved; no concrete solution or decisions yet.

Summarized with AI on December 26. AI used: gpt-5.

Hello, some years ago I worked for a customer and developed a custom online store using Nextjs. I also built a custom solution for the admin panel and the backend. It is actually a gift store in which customers order gifts for themselves or for another person. There were some custom fields needed to place the order which are previously filled on the checkout: delivery date (this one is important because users need to select a date in which the other person will receive the gift), receiver name, receiver phone, some custom text for a dedication card, shipping fee, distance, etc.

Another custom functionality is that the shipping fee is calculated based on the distance of the customer and the physical store. The shipping fee is calculated using an external Google API called distance matrix API in which given 2 points calculates the distance and once i get the distance I get the cost based on the distance provided

Now we are migrating the online store to use the Storefront API and I would like to know how to implement that custom functionality and custom fields.

I was thinking to add custom data / metaobjects to my Cart but i also need the fields to be visible on my checkout and once the order is received show the fields on the shopify admin

Is it possible to recreate my custom functionality using Shopify and the Storefront API?

You can use the same methods?