Accessing the studio

Signing in for the first time

When your project is set up with us, we'll create 1 user for your project that will have the Admin role. They'll receive an email from no-reply@frontastic.cloudExternal link icon, which includes a link to register with us (this link is only valid for 48 hours). They'll need to click the link and complete the registration.

They can then access the studio at <customerid>.frontastic.io, for example, awesomeshop.frontastic.io, and sign in.

74afe43 commercetools Frontend login screen

Warning icon

The Email field is case sensitive, so be sure to enter it exactly as it appears on your registration email.

From the studio dashboard, this initial Admin user can click Team. This opens the team management area, and they can start adding more team members to your project (see the managing your team in the studio article for more information).

Once an Admin user invites you, you'll receive an email from no-reply@frontastic.cloudExternal link icon, which includes a link to register with us (this link is only valid for 48 hours). You'll need to click the link and complete the registration. Once that's done, you can log in to the studio.

If you ever forget your password, click the Forgot password? link above the log in button.

Studio layout

Below is the screen you'll see once you log in. It's known as the dashboard.

Information icon

You might not have access to all the studio areas, so you won't see the same as the image below.

6f7d2a3 Studio dashboard

The dropdown on the top left tells you which project you're in.

The dropdown on the top right is the environment selector. If you're in production and publish your changes, they'll go live to customers. See the using environments in the studio article for more information.

Each icon on the dashboard takes you to a different area where you can build, manage, and edit your project.

Once you've selected the area you want to go to, you can access any other area at any time using the left-hand navigation or click the commercetools logo to go back to the dashboard:

41982da Left hand navigation