Getting started

You're ready to create a checkout extension. You want to set up your development environment so that you can start coding.

In this tutorial, you'll use Shopify CLI to create a checkout extension. Shopify CLI generates starter code for building your extension and automates common development tasks.

You'll create a simple extension that renders some text in the checkout flow. You can build up this extension for more complex use cases.

An example UI with a custom input box, as rendered on a development store

TODO: This asset should be updated, the boilerplate extension no longer includes a Order note field, just text that says Welcome to the Checkout::Dynamic::Render extension!. It is shown by default in the cart area, underneath the line items.