---
title: "Academy Lesson"
canonical_url: "https://academy.laioutr.com/en/lektionen/go-live-studio-overview"
locale: en
meta:
  "og:title": "Academy Lesson"
---

[Go to home](https://academy.laioutr.com/en)

- [From sign-up to go-live](https://academy.laioutr.com/en/lernpfade/from-sign-up-to-go-live)

- [Studio overview](https://academy.laioutr.com/en/lektionen/go-live-studio-overview)

Design pages with Studio

# Studio overview

6 min

Studio is the visual editor with live preview. This lesson shows the interface: page tree, preview, properties of sections and blocks, choosing market and variant, and the route to publishing. Knowing Studio makes all following lessons easier. This is the basis for the whole chapter.

## Key takeaways

- Studio shows changes in the preview right away.
- The page tree orders sections and blocks.
- Market and variant are selected at the top.

## Read more

- [Studio at a glance](https://academy.laioutr.com/en/artikel/studio-at-a-glance)5 min

  Studio is the visual editor in Cockpit: the team builds pages from sections and blocks, sees every change in a live preview of the real storefront and publishes when everything is right.

## Structured Data

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@id": "https://academy.laioutr.com/#website",
      "@type": "WebSite",
      "inLanguage": "en",
      "name": "Default",
      "url": "https://academy.laioutr.com/",
      "translationOfWork": {
        "@id": "https://academy.laioutr.com/#website"
      }
    },
    {
      "@id": "https://academy.laioutr.com/en/lektionen/go-live-studio-overview#webpage",
      "@type": "WebPage",
      "name": "Academy Lesson",
      "url": "https://academy.laioutr.com/en/lektionen/go-live-studio-overview",
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/en/lektionen/go-live-studio-overview#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/en/lektionen/go-live-studio-overview"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/en/lektionen/go-live-studio-overview#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/en",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "From sign-up to go-live",
          "item": "https://academy.laioutr.com/en/lernpfade/from-sign-up-to-go-live",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Studio overview",
          "item": "https://academy.laioutr.com/en/lektionen/go-live-studio-overview",
          "position": 3
        }
      ]
    }
  ]
}
```