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:

  1. 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).

  2. In the Email and Password fields, enter the credentials you created during the registration process.

  3. Click Log in.

The Studio login page

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

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.

The navigation menu expanded with the Dynamic pages area selected, the list of other Studio areas, and links to the Support Portal and documentation