The My Account screen is where your customers manage their profile, view order history, access loyalty rewards, and more. This guide walks through how the account page works out of the box and how to customize it in App Studio.
What Customers See on the Account Page
When a customer taps the Account tab in your app's bottom navigation, the experience depends on whether they're signed in:
Signed Out: Customers see a Sign In / Create Account prompt. They can authenticate using their Shopify credentials, or continue as a guest (if enabled).
Signed In: Customers see their account dashboard with blocks for their profile, order history, loyalty/rewards (if configured), subscriptions, and other account actions.
Default Account Page Blocks
The My Account screen comes with several default blocks that you can configure:
Account Header: Displays a branded graphic or banner at the top of the account page. You can swap this with any custom image.
Profile Info: Shows the customer's name and email address.
Order History: Lists the customer's past orders with status and tracking information.
Loyalty / Rewards: Displays loyalty program information if you have a loyalty integration enabled (e.g., Rivo, LoyaltyLion, Smile.io, Yotpo). See Leveraging a Loyalty Integration for setup details.
Subscriptions: Shows subscription management options if a subscription provider is connected.
Delete Account: Provides the required account deletion functionality for Apple and Google compliance. See our Account Deletion Compliance article for details.
Customizing the Account Page in App Studio
To edit your My Account screen:
Navigate to App Studio → Screens → My Account
You'll see a list of all active blocks on the account page
Click any block to open its editor and adjust settings
Editing the Account Header
The Account Header block displays a banner graphic at the top of your account page.
Go to App Studio → Screens → My Account
Click into the Account Header block
Click Edit to upload a new graphic or adjust settings
Recommended dimensions: 1125 x 300 px (3:1 aspect ratio) for optimal display across devices
Adding, Removing, and Reordering Blocks
You can customize which blocks appear on your account page and in what order:
Add a block: Click the + button to add a new block from the available options
Remove a block: Click into the block and select Remove or toggle it off
Reorder: Drag and drop blocks to rearrange the order they appear on the account page
Sign In & Create Account Experience
The default sign-in flow presents customers with options to log in or create an account when they tap the Account tab while signed out.
Guest Mode
By default, customers can browse the app without signing in. If you want to require authentication before browsing, you can configure an onboarding flow that directs users to sign in or create an account on app launch.
Redirecting After Sign-In
If you've added a "Create Account" or "Sign In" block to other screens (like your Home page), the redirect behavior after authentication will take customers to the Account screen. Make sure the redirect destination is properly configured in the block settings.
Tip: If the redirect isn't working after adding a Create Account block to your Home page, try force-quitting and reopening the app to see the updated flow.
Customer Account Types
Shopify offers two customer account systems. The account page experience in your app depends on which type your store uses:
Classic Customer Accounts: The default Shopify account system. Works out of the box with Tapcart's native account page, including order history and all default blocks.
New Customer Accounts (NCA): Shopify's updated account system with enhanced authentication. Requires additional configuration in Tapcart. See Setting up Shopify New Customer Accounts for the full setup guide.
Important: Some native account page features (like the built-in order history display) may not work with New Customer Accounts. If you're using NCA and need order history, you may need to use a custom screen or Web Bridge page as a workaround.
Advanced: Using a Custom Account Page
For merchants who need full control over the account experience, you can replace the native My Account screen with a custom screen or Web Bridge page.
When to consider a custom account page:
You need a highly branded or unique account experience
You want to embed web-based loyalty or subscription management tools
You're using New Customer Accounts and need order history functionality
Tradeoffs to be aware of:
Account Deletion: The native "Delete Account" button only appears on the default account page. If you use a custom screen, you must provide an alternative way for users to delete their account (e.g., linking to a deletion form or privacy URL on your website). This is required for Apple and Google app store compliance.
Web Bridge Authentication: When embedding a web page via Web Bridge on the account page, the customer may need to sign in separately on the web view. Make sure your Web Bridge is properly configured to pass authentication through.
Header/Footer Visibility: If your embedded web page shows the site header and footer inside the app, ensure the Web Bridge is correctly installed to hide those elements.
For more on building custom screens, see Adding a Custom Screen.
FAQs
Can I change the Account Header image?
Yes. Go to App Studio → Screens → My Account → Account Header Block → Edit, and upload a new graphic.
My loyalty section says "loading" and never displays, what's wrong?
This typically means the loyalty integration isn't properly connected. Confirm the integration is enabled in your Tapcart dashboard and that the customer is signed in. If the issue persists, contact support.
My app was rejected because there's no account deletion option, what do I do?
If you're using a custom account screen, the native Delete Account button won't appear. You'll need to add a block or link that directs users to an account deletion form on your website. See our Account Deletion Compliance article for detailed steps.
Can customers see their order status in the app?
Yes, the native order history block displays orders with status information. Note that if you're using New Customer Accounts, native order display may have limitations, check the NCA setup article for current known issues.