HTML manipulation in New Checkout

Topic summary

  • Issue: A merchant currently injects hidden input tags into checkout via checkout.liquid (with custom script) and asks how to achieve this under Checkout Extensibility as checkout.liquid is being deprecated.

  • Plan requirements: A responder states that editing the checkout requires a Shopify Plus plan; the merchant confirms they are on Plus.

  • Implementation question: The merchant specifically asks if React-based checkout extensions can add those hidden inputs. No direct confirmation or technical method is provided in replies.

  • Guidance shared: A link to Shopify’s Checkout Extensibility upgrade guide is provided as the only concrete resource. No examples, APIs, or code snippets are discussed in-thread.

  • Status: Unresolved. Key open points include whether injecting hidden inputs is supported in Checkout Extensibility and what the recommended approach is to pass similar data under the new framework.

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

We are inserting some hidden input tags in the html of checkout pages in checkout.liquid file. But since checkout.liquid will get deprecated, how to implement the same in new checkout extensions ?

**Hey @harshN **### ### Do you have Shopify Plus account since you can’t edit anything in the checkout page, since there is no way to do it with basic plan### ### Hopefully, it will help you. If yes then Please don’t forget to hit Like and Mark it as the solution!

yes I have a shopify plus account. I was doing the same inside a js function in a custom script tag in checkout.liquid file. Will it be possible using extensions in react code ?

try this guide out

1 Like