# New customer accounts component

<figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FULwHm648X50YPI8V4Ygr%2Fimage.png?alt=media&#x26;token=0e4e5070-1792-4cfb-b6fd-2266d1797754" alt="" width="445"><figcaption></figcaption></figure>

{% hint style="info" %}
Starting from **Sleek v2.2.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.

See our [changelog](https://docs.foxecom.com/sleek-theme/changelog "mention")
{% endhint %}

## Requirements

1. **Sleek v2.2.0 or later**. See how to [update-sleek-theme](https://docs.foxecom.com/sleek-theme/getting-started/update-sleek-theme "mention")
2. **New customer accounts enabled** in Shopify admin > **Settings > Customer accounts.**

{% hint style="warning" %}
This component does **not** work with legacy customer accounts.
{% endhint %}

## 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 style="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.
{% endhint %}

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

<div><figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FNoCk6LpCtnn2T6DDjdHU%2Fimage.png?alt=media&#x26;token=59d7c162-20fc-41ef-8d99-af44d691e8eb" alt=""><figcaption></figcaption></figure> <figure><img src="https://3064615700-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3yE7VVjvl0MgK6awOPKB%2Fuploads%2FrML7xU9riuju90l3qLEp%2Fimage.png?alt=media&#x26;token=98e1f3aa-1310-4d20-9d7c-9b0c862c39d3" alt=""><figcaption></figcaption></figure></div>