Shopify-account web component for Shopify themes

Announcements
1

HELLO SHOPIFY DEV COMMUNITY!

We just shipped a new reusable shopify-account web component that lets customers sign in and access the account navigation menu all without leaving the storefront.

FINAL shopify-account-component-feb-4

What you’ll get:

  • Authentication flows: passwordless sign-in, automatic sign-in with Shop recognition, social sign-in with Facebook and Google

  • Account navigation menu with customizable quick links

  • Styling control through CSS variables to match your theme’s design

  • Automatic feature updates from Shopify without requiring to update your theme

This new web component simplifies customer account implementation across your themes so you don’t have to reinvent customer account dropdowns. It’s fully integrated with the latest version of customer accounts, you get world-class design with styling control to match your brand, while your customers get a frictionless sign-in and account experience.

What this means for you

The account component is available now in the latest version of the Horizon themes and coming to many more third-party themes.

  • If stores you manage are using a Horizon theme, update your theme now to get this component live on your storefront

  • If you are a theme partner, this component will soon become a theme requirement for all themes submitted to or updated in the Theme Store. Get a head start :backhand_index_pointing_right: add the component to your themes now.

  • If you build custom storefronts, the component also works with custom Liquid and headless storefronts.

:backhand_index_pointing_right: View developer documentation

Questions?

Feedback is a gift. Drop any thoughts on how you’re implementing it and what we’re missing—happy to dig into specifics.

Patrick Millegan

Product, Customer Accounts

8 Likes
2

this looks great!

Do we need to still deploy social logins (Meta/Google) or is this wrapping them all up into a single module?

1 Like
3

Amazing update! Thanks for sharing!

1 Like
4

This is great, kudos to the team working on this one! :fire:

Would be great to get some events dispatched from this (open/closed, logged in, menu click etc) that we can tap into for other things.

Also, would be great to be able to be open this from a custom button or link via an aria-controls attribute or something. I.e we have references to ‘log in to…, create an account, etc etc’ through sites in more content driven pages, but being able to open this new component from those secondary actions would be great!

2 Likes
5

hey Chris! Thank you!!

You still need to deploy social logins ! Here is the setup instructions - https://help.shopify.com/en/manual/customers/customer-accounts/new-customer-accounts/social-sign-in

6

Fantastic update! :tada:
Exposing events like shopify-account:open, :close, :login, :logout and supporting triggers via aria-controls or document.querySelector('shopify-account').open() would make integration across themes seamless. Excited to implement this!

7

ok cool, makes sense. wasnt sure it it was wrapped into it.

8

@pmillegan could you confirm whether this component will also be included in the Dawn theme? If so, is there an estimated timeline for when it might be rolled out?

Many of us rely on Dawn as a base for client projects, so having this component natively supported would be extremely valuable.