Custom fields in checkout page with checkout extension

Shopify Apps
, ,

Topic summary

Issue: Attempt to add multiple custom inputs (text, textarea, phone, select, radio, checkbox) to Shopify checkout via Checkout UI extensions. Submitting the order with “Pay now” fails with: “There was an issue creating your order. Try again, or contact us for more details.”

Error details: Console logs report “Metafield - index 0 - is not the correct format., Metafield - index 2 - is not the correct format.” The merchant created order-level metafields (namespace + keys) in the Custom data section.

Context: Checkout extensions are used to capture custom data; metafields are Shopify’s key-value storage tied to resources (here, orders). The error suggests the submitted metafield payload doesn’t match the expected format/schema.

Status: No confirmed solution provided. The poster is seeking guidance on correct metafield configuration/format for order creation via checkout extensions.

Notes: A screenshot is attached showing the console errors. Discussion is open/unresolved; key question is how to format/submit metafields correctly.

Summarized with AI on January 3. AI used: gpt-5.
1

I am trying to create custom fields in checkout page with checkout extensions, i want to include all the form fields like textfield, textarea, phonenumber field , select, radio checkbox. but when i tried to submit the form by clicking pay now button, i get an error like “There was an issue creating your order. Try again, or contact us for more details.”

And Console shows

“Metafield - index 0 - is not the correct format., Metafield - index 2 - is not the correct format.”

I created custom metafields with namespace and keys in orders metafields in custom data section.

Can anyone give solution ???

forum_1.png
forum_1.png1359×625 49 KB