Custom surcharge to total order using shopify checkout ui extension

Topic summary

Implementing a region-based fee in a Shopify Checkout UI extension built with React. The author can detect a shopper’s region via ZIP code and wants to apply a custom surcharge accordingly.

Primary goals:

  • Programmatically add the surcharge to the order total.
  • Display the surcharge details within the checkout’s order summary.

Key issues: It’s unclear which Shopify APIs or extension points allow modifying the total or injecting a fee line item in the summary from a Checkout UI extension. The question seeks guidance on the correct mechanism to both calculate and surface this surcharge at checkout.

No code snippets, images, or attachments are included. There are no responses yet, and no solution or workaround has been identified. The thread remains open with the main unanswered question being how to add and display a custom fee based on region within Shopify’s checkout flow.

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

I am making a custom checkout ui extension using React. I want that if the user belongs to a certain region or area then I want to add a custom surcharge to the total order and want to display the details In the order summary. Right now I can detect the region of the user based on the zip code but how do I add a surcharge to his total order and display the info in the order summary???