Help
Log in

Adding an account component menu to your online store

The account component menu lets customers sign in and stay on your online store without being redirected to a separate account page. It displays as an avatar in your store's header, which customers can click to access sign-in options and customer account links. This creates a more personalized shopping experience, and can accelerate checkout when customers are signed in.

Customer account component menu

The account component is managed independently of your theme. Shopify might periodically update its functionality and appearance, and theme developers can apply basic styling to match your theme, but the component maintains a consistent appearance across all Shopify stores.

The account component is available in the latest version of any Horizon theme. You can also add it to other themes through customization. Learn how to add the account component to your store.

On this page

Customer experience

The account component menu displays as an avatar icon in your store's header. The avatar changes based on the customer's sign-in status:

  • Signed-out customers: The default avatar displays. Clicking it reveals sign-in options and menu links.
  • Signed-in customers: The avatar displays their initial or Shop profile picture, depending on their sign-in method. Clicking it opens a menu with their account links.

Sign-in options

The account component menu displays the following sign-in options for your customers:

  • Passwordless email sign-in: Customers enter their email and receive a verification code. This sign-in option is always available on customer accounts.
  • Shop sign-in: This option displays when you have Shop Pay activated on your store.
  • Social sign-in: If you've set up social sign-in for customer accounts, then Google and Facebook sign-in are available.

Customers can also opt in to email marketing while signing in. A consent checkbox appears below the email field, and customers who select it are added to your email marketing subscribers when they complete sign-in. The checkbox is controlled by the email marketing opt-in setting in Settings > Checkout. To learn more, refer to Collecting customer contact information.

The account component menu doesn't include a sign-out option. Customers sign out by going to their customer account profile page and clicking Sign out.

The account component menu includes the following links:

  • Orders: Link to their order history
  • Profile: Link to their profile page
  • Other links: Any additional links you've added to your customer account menu. For example, the customer settings page or app pages.

To add or update links in the account component menu, customize your customer account menu. The account component automatically syncs with your customer account menu.

Adding the account component to your store

The steps to add the account component to your store depend on the theme that you use.

Using Horizon themes

The account component menu is built in to the latest version of all Horizon themes. You can add it to your store in the following ways:

  • If you're already using a Horizon theme, then update to the latest version. The account component is added automatically through automated updates.
  • If you're already using a Horizon theme but have edited the theme header, then the account component might not be available through automated updates. You can instead update your theme manually.
  • If you aren't using a Horizon theme, then you can add the latest version of any Horizon theme from the Shopify Theme Store. The account component is available automatically.

Using other themes

You can use the Account menu filter in the Shopify Theme Store to identify themes that include the account component. If you already use a theme that supports the account component, but your online store doesn't display the account component, then ensure that you update your theme to get the latest features.