Start building for customer accounts

Get started building customer account UI extensions by setting up your development environment. You'll use Shopify CLI to generate starter code for building your extension and automating common development tasks.

Anchor to General requirementsGeneral requirements

• You're a user with app development permissions and have created a dev store.

• You're using the latest version of Shopify CLI.
• You're using the latest version of Chrome or Firefox.

• The dev store should be pre-populated with test data, including an order that's associated with the email address you'll use to log in to the customer account experience.

• You're using the latest version of Shopify CLI.
• You're using the latest version of Chrome or Firefox.

Anchor to StepsSteps

1. Run the following command to scaffold an app:

   Terminal

   Copy

   $

   $

   shopify app init

2. Select Build an extension-only app.

3. Navigate to your app directory:

   Terminal

   Copy

   $

   $

   cd <directory>

4. Run the following command to create a new extension:

   Terminal

   Copy

   $

   $

   shopify app generate extension --name my-extension

5. Choose Customer account UI.

6. Start your development server to build your app and preview your extension:

   Terminal

   Copy

   $

   $

   shopify app dev

Anchor to Next stepsNext steps

Learn common use cases for customer account UI extensions with the following tutorials:

Inline extensions

Build an extension that displays the loyalty points earned from an order and enables customers to leave a review.

Order action menu extensions

Build an extension on the order action menu that enables customers to report problems with their orders.

Full-page extensions

Build full-page extensions for customers to add and edit products on a wishlist.