---
title: How to Login with Code
slug: CVy3-how-to-login-with-code
docTags: 
createdAt: 2024-11-11T06:41:18.349Z
---

## Step 1: Registration and Login

:::hint{type="info"}
Please choose an option to proceed

1. **Register** - Create a new account.
2. **Login** - Access your existing account.
3. **Skip** - If you prefer not to register or log in, you may click on "**Skip**" to continue without an account.
:::

::Image[]{src="https://api.archbee.com/api/optimize/YHJ-45zqQAw7Wd_cYauTl/wkWl4IU0xxQw3Ec1P5q6Y_image.png" size="42" width="800" height="1731" position="center" darkWidth="800" darkHeight="1731" showCaption="false"}

## Step 2: Add New Playlist

:::hint{type="info"}
Click on **Add New Playlist,** as seen in the below image (marked in red)
:::

::Image[]{src="https://api.archbee.com/api/optimize/YHJ-45zqQAw7Wd_cYauTl/kUh7V5oVvFz1TjRJQj2b0_image.png" size="38" width="800" height="1731" position="center" darkWidth="800" darkHeight="1731" showCaption="false"}

## Step 3: Login with Code

:::hint{type="info"}
Enter your **six digit code** and click on "**Submit**" button
:::

::Image[]{src="https://api.archbee.com/api/optimize/YHJ-45zqQAw7Wd_cYauTl/QdWZNmTN-w9okhkIvtBx1_image.png" size="38" width="800" height="1731" position="center" darkWidth="800" darkHeight="1731" showCaption="false"}

## Step 4: Username

:::hint{type="info"}
Click on **Username field**. Type in the **Username**, as seen in the below image (marked in red)
:::

::Image[]{src="https://api.archbee.com/api/optimize/YHJ-45zqQAw7Wd_cYauTl/RPfHAJeJKgIqSvYzluC3x_image.png" size="38" width="800" height="1731" position="center" darkWidth="800" darkHeight="1731" showCaption="false"}

## Step 5: Password

:::hint{type="info"}
Click on **Password field**. Type in the **Password**, as seen in the below image (marked in red)
:::

::Image[]{src="https://api.archbee.com/api/optimize/YHJ-45zqQAw7Wd_cYauTl/ib4x06lClYpGGoANYUzE0_image.png" size="38" width="800" height="1731" position="center" darkWidth="800" darkHeight="1731" showCaption="false"}

## Step 6: Submit

:::hint{type="info"}
Click on **Submit**, as seen in the image below (marked in red)
:::

::Image[]{src="https://api.archbee.com/api/optimize/YHJ-45zqQAw7Wd_cYauTl/1tGJ-pQyJND6l2KFeQKuY_image.png" size="38" width="800" height="1731" position="center" darkWidth="800" darkHeight="1731" showCaption="false"}

## Step 7: Load Data

:::hint{type="info"}
 A message will pop up asking, "**Do You Want To Load This Playlist?**" Just click on "**Load**.", as seen in the image below (marked in red)
:::

::Image[]{src="https://api.archbee.com/api/optimize/YHJ-45zqQAw7Wd_cYauTl/i2yTA_uUrM-gZ594cHZoQ_image.png" size="38" width="800" height="1731" position="center" darkWidth="800" darkHeight="1731" showCaption="false"}

## Step 8: Fetching Data

:::hint{type="info"}
After clicking on Load, your playlist data will be **Fetched**, as seen in the below image
:::

::Image[]{src="https://api.archbee.com/api/optimize/YHJ-45zqQAw7Wd_cYauTl/tRmWwXXT29TrWKFvSrM6h_image.png" size="38" width="1170" height="2532" position="center" darkWidth="1170" darkHeight="2532" showCaption="false"}

## Step 9: Home Screen

:::hint{type="success"}
After completing the above steps, users will be directed to **Home Screen**, as seen in the below image
:::

::Image[]{src="https://api.archbee.com/api/optimize/YHJ-45zqQAw7Wd_cYauTl/kV0FTPn5WsTJtMIsINTg8_image.png" size="38" width="800" height="1731" position="center" darkWidth="800" darkHeight="1731" showCaption="false"}