# New customer accounts component

![image](https://docs-assets.foxecom.app/sleek-theme/image_vRdJiDsp.png)

<Hint type="info">
  Starting from **Hyper v1.4.0**, the theme supports Shopify's new `shopify-account` web component — a modern, built-in way to handle customer sign-in directly on your storefront without redirecting customers away from your store.<br /><br />See [our Changelog](https://docs.foxecom.com/hyper-theme/changelog)
</Hint>

## Requirements

1. **Hyper v1.4.0 or later**. See how to [Update Hyper theme](https://docs.foxecom.com/hyper-theme/getting-started/update-hyper-theme)
2. **New customer accounts enabled** in Shopify admin > **Settings > Customer accounts.**&#x20;

This component does **not** work with legacy customer accounts.

## Supported sign-in methods

#### Passwordless login

Customer enters email → receives a one-time 6-digit code. It's active by default once new customer accounts are enabled.

#### Sign in with Shop

One-tap sign-in for customers with a Shop account.

No setup needed. Automatically available for stores with Shop Pay enabled.

#### Social login (Google & Facebook)

1. In Shopify admin, go to **Settings > Customer accounts > Manage.**
2. Click **Connect** next to Google or Facebook.
3. Follow the on-screen instructions.

<Hint type="info">
  You'll need a [Google Cloud](https://console.cloud.google.com/) or [Meta for Developers](https://developers.facebook.com/) account to complete this step.
</Hint>

## How it works

* The account icon appears in the store header on all pages.
* Signed out → shows a default account icon
* Signed in → shows the customer's initial or Shop profile photo.

![](https://docs-assets.foxecom.app/hyper-theme/0705cbb6-ea36-4c8f-be7e-aea5dbba857e.png)

![](https://docs-assets.foxecom.app/hyper-theme/33c63541-f89c-47f8-84c7-99320efc7db4.png)