accountcraft Install free
All articles

AccountCraft Journal

Shopify Account Page Layout: What You Can Change

See how the Shopify account page is laid out in New Customer Accounts, what you can customize, and how to add your own blocks step by step without code.

11 min read

The Shopify account page layout is set by Shopify, not by your theme. New Customer Accounts give every store a single-column page with Orders, Profile and order status views, and you adjust it through branding settings, apps and customer account UI extensions. This guide shows what the default layout contains, what you can and cannot change, and how to add your own blocks in the Shopify admin without touching code.

AccountCraft
Make Shopify Accounts Your Own
Add personalized account content with AccountCraft’s visual Block Builder, while customers manage their information in Shopify.
Install AccountCraft

TL;DR

  • New Customer Accounts are managed independently from your theme, so you no longer edit account layout in Liquid files.
  • Shopify’s June 2026 design update moved the account page to a streamlined single-column layout with inline order summaries and mobile navigation.
  • You can brand the page, add content blocks through apps or extensions, or go headless with the Customer Account API. You cannot hide built-in content.
  • With AccountCraft you build extra account content from 14 block types in a visual builder, with customer data stored in Shopify.
  • Consent blocks help you collect and record customer choices. Compliance with privacy law stays your responsibility.

Table of Contents

What the default account page looks like

New Customer Accounts include sign-in, Orders, Order status and Profile pages. According to Shopify’s guide to customizing customer accounts, customers can view orders, complete outstanding payments, repurchase items, track orders, and manage contact information, addresses and saved payment methods.

Four areas of a Shopify customer account page

The customer accounts overview adds that signed-in customers can edit profile information, start self-serve returns and reorder, and that their saved details can be auto-filled at checkout. From Profile they can update their name, email address and shipping addresses. Changing an email prompts verification, keeps the earlier email-marketing consent preferences and does not merge customer profiles.

So the default page is functional, but it is generic. It has no space for a loyalty note, a wishlist, a preferences form, a pet or vehicle list, or a message that only wholesale buyers see. Those are the gaps merchants usually want to fill.

How the layout changed in 2026

Shopify’s June 17, 2026 changelog describes a refreshed account design. The main points:

  • A streamlined single-column layout.
  • Inline mobile navigation for up to four account-menu links.
  • Inline order summaries and more prominent order actions.
  • Product recommendations for customers who have no orders yet.
  • Expanded branding controls on the sign-in page.

The direction is clear: Shopify is surfacing navigation and order actions instead of hiding them behind extra taps, which favors phones. If you plan your own content, plan it for one column first.

The grid behind the page

Shopify’s UX guidance for customer accounts specifies a 12-column grid. This is useful if you design extension content or brief a designer:

Breakpoint Columns Content columns
375 dp (mobile) 6 1
750 dp (tablet) 6 1
1000 dp (small laptop) 6 2

The developer documentation on account improvements also notes that native layouts are single-column by default, that full-page extensions default to full width, and that order-action and order-summary extensions display inline. In practice, keep each block short and self-contained, since it may sit under an order summary on a narrow screen.

New Customer Accounts vs legacy customer accounts

If your store still uses legacy customer accounts, you are on a system Shopify is moving people away from. Shopify’s developer changelog from February 26, 2026 says legacy accounts are deprecated, unavailable to new stores, and no longer receive feature updates or technical support. A final sunset date was to be announced later in 2026, so check Shopify’s page for the current status.

The feature comparison shows how the layout and sign-in differ:

New Customer Accounts Legacy customer accounts
Sign-in Passwordless six-digit email code, plus Shop and social options Email and password
Structure Centralized portal Separate registration pages
Customization Checkout branding and apps Theme and Liquid
Saved payment methods, self-serve returns, store credit Available Not available
Customers edit name and email Yes No

Shopify’s upgrade guide adds that New Customer Accounts are mobile-first and include returns, store credit, subscriptions, order tracking, reordering and profile management. The trade-off is that you cannot paste Liquid into an account template any more. Layout changes now come through settings and extensions. We cover the migration in more detail in our guide to restoring legacy UX with New Customer Accounts.

What you can and cannot change

Shopify’s customization options page lists four routes:

  1. Built-in features. Branding (logo, colors, sign-in appearance) in the checkout and accounts editor.
  2. Apps from the Shopify App Store. Add content blocks, images and fields without code.
  3. Custom apps with customer account UI extensions. Developer-built content.
  4. A headless storefront using the Customer Account API.

The same page lists what is not supported: market-specific domains, custom fields before sign-in, and hiding built-in content. A customer-account subdomain is supported. Plan around these limits. You add to the page; you do not remove the native sections.

If you are comparing developer-built and no-code routes, a primer on Shopify checkout customization options covers the checkout side of the same decision, and our post on customizing Shopify accounts covers the account side.

Where extensions can appear

Per Shopify’s customer accounts documentation, extensions can add order actions, product suggestions, reviews, surveys, tracking, loyalty content, profile content, or new pages for wishlists, subscriptions, rewards and offers. They appear across Order index, Order status and Profile, and they work only with New Customer Accounts.

The UI extensions reference defines three kinds of target:

  • Block targets: placed at locations the merchant chooses.
  • Full-page targets: a dedicated account route, such as a wishlist page.
  • Static targets: tied to a page feature, such as an order-action button or announcement banner.

Extensions run in an isolated sandbox. They cannot read payment details or the page’s HTML, and apps requesting protected customer data go through review. That is a feature for you: an extension cannot break the page the way a theme edit could.

One more limit worth knowing: on the Order status page, an unauthenticated visitor sees only public order data and extensions are not supported. Do not plan anything personal for that view.

Build your own account layout with AccountCraft, step by step

AccountCraft is a Shopify app that uses the official customer account UI extensions, so you get the block placement above without writing them. The steps below assume you already use New Customer Accounts.

  1. Confirm your account system. In the Shopify admin, open Settings, then Customer accounts, and check that New Customer Accounts is selected.
  2. Install the app. Install AccountCraft free from the Shopify App Store.
  3. Set up your data first. Decide which customer metafields you need (for example birthday, preferred size, or shoe size). Fields in the builder are bound to customer metafields, so the values live in Shopify. Our guide to custom fields on Shopify accounts walks through this.
  4. Open the Block Builder and add blocks. The 14 block types are text, banner, button, card, update form, single field, record list, SMS consent, privacy consent, wishlist, image, video, spacer and divider.
  5. Order the blocks for one column. Put the most useful block, usually a banner or a card, first, and group related fields in one update form.
  6. Add conditions. Show or hide a block by customer tag, metafield, market, B2B status or account age.
  7. Add translations for each language your store sells in.
  8. Place and preview. Add the extension to the account page in the checkout and accounts editor, then sign in with a test customer on desktop and phone.

A simple, effective first layout looks like this:

  • A banner at the top with a short welcome or loyalty note.
  • An update form for the two or three fields you actually use in marketing.
  • A wishlist block so shoppers can return to saved items.
  • A privacy consent block at the bottom for preference choices.

For the full list of what each block does, see the 14 blocks for New Customer Accounts.

Layout ideas that use conditions

Conditional blocks let one page serve different customers without separate templates:

  • Wholesale buyers: show an ordering note or contact card only to B2B customers. For more on this setup, read about Shopify Plus customer accounts and B2B.
  • New customers: show a getting-started banner for the first weeks, using account age.
  • Regional stores: show a market-specific message or a different legal note by market.
  • Tagged segments: use a customer tag such as vip to show a members card.
  • Repeatable records: use a record list so customers can add several pets or vehicles and keep each entry editable.

Designing for phones first

Because Shopify’s own layout is single-column and mobile-first, most of your customers will see your blocks stacked. Keep these habits:

  • Keep banner text to one or two lines.
  • Use no more than four links in the account menu, which matches the inline mobile navigation limit in the June 2026 update.
  • Avoid long forms. Split them into a short update form and a record list.
  • Test with a real phone, not only a resized browser window.

Mobile layout also affects how people find your store. A general explainer on responsive design and SEO covers the search side, and our mobile-friendly account pages guide covers the account side in detail. Layout decisions at checkout matter too; this write-up on Shopify checkout optimization looks at extensions you should audit.

Customer data and consent on the account page

An account page is where customers can see and correct their data, which supports the access and rectification side of privacy rules. Shopify’s GDPR guidance says merchants must inform users of the legal bases used to process personal data, and that Shopify provides tools to access, edit and delete customer data to help fulfill GDPR access, rectification and erasure rights.

The responsibility stays with you. Shopify states in its customer data requests guide that merchants must comply with the privacy laws that apply to their business. You can process access and erasure requests in the Shopify admin, and you must contact other companies you shared the data with. Erasure also differs from deleting a profile: erasure redacts personal information while the profile and order history stay visible in admin.

Two settings matter for layout. Shopify’s customer privacy settings let you configure a privacy policy, cookie banner and data-sharing opt-out page by region, and cookie banners may appear on customer account pages in configured regions. Leave room for them when you design the page.

AccountCraft’s SMS consent and privacy consent blocks help you collect, record and honor customer choices through Shopify’s customer privacy APIs. They do not make a store compliant on their own, and nothing here is legal advice. Talk to a qualified privacy professional about your obligations. For the technical side, see our post on no-code account UI extensions.

Customer data and consent on the account page

Start free with AccountCraft

If you want a custom account page without code or theme changes, AccountCraft has a free plan, and paid plans (Pro and Plus) are billed through Shopify. Check the Shopify App Store listing for current pricing.

AccountCraft

Install AccountCraft free from the Shopify App Store, or see the plans on the AccountCraft site. If you want more signups once the page is ready, read how to keep guest checkout and add wishlists.

Our perspective

Most merchants we talk to treat the account page as a settings screen. We see it as the one page every returning customer opens on purpose, which makes it the best place to learn what they want and to show them you listened.

That is why we built AccountCraft around customer-editable data. When a shopper can update a preference, add a pet or vehicle to a list, or save a product to a wishlist, the information stays in Shopify and you can use it in your marketing and service. There is no second customer database to maintain.

We also believe in staying inside the platform. AccountCraft uses only official Shopify APIs and customer account UI extensions, so your layout follows Shopify’s updates instead of fighting them. Start with three blocks, watch what customers use, and add from there.

Ivan Signorile

FAQ

Can I edit the Shopify account page layout in my theme?

Not with New Customer Accounts. They are managed independently from the theme, so account layout is changed through branding settings, apps and customer account UI extensions. Theme and Liquid editing belongs to legacy customer accounts, which Shopify has deprecated.

Can I remove sections from the default account page?

No. Shopify’s customization guide lists hiding built-in content as unsupported. You can add blocks, images and new pages around the native sections, and you can control what your own blocks show with conditions.

Do I need a developer to add custom fields to the account page?

Not if you use an app. Shopify says custom fields for signed-in customers can be collected through apps or extensions that write to metafields. With AccountCraft you bind fields to customer metafields in the builder. Fields before sign-in are not supported.

Is the new account page single-column on desktop too?

Shopify describes the native layout as single-column by default, with full-page extensions defaulting to full width. Its grid guidance allows two content columns at the 1000 dp breakpoint. Preview on both desktop and phone before you publish.

Sources