Skip to main content

My Account: Overview & Customization

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.

To access your My Account screen:

  1. Hover over App Studio in the top navigation and select Screens

  2. Click the screen dropdown and select My Account

What Customers See on the Account Page

When a customer accesses the Account screen from any link in the app, 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. You can customize this view with a hero banner and calls to action to encourage sign in or account creation.

Signed In: Customers see their account dashboard with blocks for their profile, order history, loyalty and rewards if configured, subscriptions, and other account actions.

Screen Recording 2026-04-15 at 2.23.42 PM.mov [video-to-gif output image]

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.

Signed In View:

Signed In

Signed Out View:

Customizing the Account Page in App Studio

To edit your My Account screen:

  1. Navigate to App Studio → Screens → My Account

  2. Use the View Layout With toggle to switch between the Signed Out and Signed In views

  3. 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.

  1. Go to App Studio → Screens → My Account

  2. Click into the Account Header block

  3. Click Edit to upload a new graphic or adjust settings

  4. 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.

Considerations

  • 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. This is required for Apple and Google app store compliance. See Account Deletion Compliance for App Store Approval

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.

Did this answer your question?