# Access the Studio

Learn about how to access the Studio and its features.

## Get access to the Studio

When your commercetools Frontend project is set up, we create one Studio user with the **Admin** role and we send them a registration email. After completing the registration process, the Admin user can [log in to the Studio](/frontend-studio/accessing-the-studio.md#log-in-to-the-studio).

From the Studio, the Admin user can add team members and provide them with specific permissions by assigning a role. To learn more about user roles, see [Managing your team](/frontend-studio/managing-your-team-in-the-studio.md).

When the Admin user adds users to the Studio, they will receive a registration email. After completing the registration process, users can log in to the Studio.

The registration email is sent from [no-reply@commercetools.com](mailto:no-reply@commercetools.com). The email contains a registration link which is valid for 72 hours.

## Log in to the Studio

From 26 August 2025, you must log in by using your [Identity](/docs/identity/overview.md) account. If you don't have one yet, you can [create an Identity account](/docs/identity/overview.md#create-an-identity-account). In addition, the Studio URLs have changed from `https://CUSTOMER_ID.frontastic.io` to `https://CUSTOMER_ID-PROJECT_ID.studio.frontend.commercetools.com`.

To log in to the Studio, follow these steps:

1. In your browser, navigate to your Studio URL that has the following structure: `https://CUSTOMER_ID-PROJECT_ID.studio.frontend.commercetools.com`.
2. You'll be redirected to the Identity authentication page where you can sign in by using either your username and password or Single Sign-On (SSO).
3. After successfully logging in, you'll be navigated back to your Studio.

## Studio layout

When you log in to the Studio, you will see the following page.

The options displayed on the page will vary based on your assigned user role.

![The Studio home page](https://docs.commercetools.com/frontend-studio/images/studio-home-page-new.png)

The Studio toolbar contains the following:

- Project selection drop-down: you can select the project you wish to work in. There may be only a single project present.
- Environment selection drop-down: you can select the [environment](/frontend-studio/using-environments-in-the-studio.md) to work in.
- Notification icon: you can view notifications relating to comments and reviews. For more details, see [Notifications](/frontend-studio/collaboration.md#notifications).
- User account icon: you can view your account settings.

By clicking the options at the center of the page, you can access the related Studio areas where you can build, manage, and edit your project.

While you are in a Studio area, you can move to another one using the navigation menu. From the navigation menu, you can also access the documentation or reach out to the [commercetools support team](https://support.commercetools.com/). You can expand or collapse the navigation menu with the expander arrow.

![The navigation menu expanded with the Dynamic pages area selected, the list of other Studio areas, and links to the Support Portal and documentation](https://docs.commercetools.com/frontend-studio/images/new-navigation-menu-expanded.png)

## Related pages

- [Area overview page with navigation](/frontend-studio.md)
- [Previous page: Overview](/frontend-studio/overview.md)