Accessing 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.
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.
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. The email contains a registration link which is valid for 72 hours.
Log in to the Studio
To log in to the Studio, follow these steps:
In your browser, enter the URL of your Studio. The URL has the following structure
https://CUSTOMER_ID.frontastic.io
(for example,https://awesomeshop.frontastic.io
).In the Email and Password fields, enter the credentials you created during the registration process.
Click Log in.
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 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 to work in.
- Notification icon: you can view notifications relating to comments and reviews. For more details, see 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 Frontend support team. You can expand or collapse the navigation menu with the expander arrow.