---
title: "Academy Article"
canonical_url: "https://academy.laioutr.com/artikel/seiten-und-varianten-aus-seitentypen-anlegen"
locale: de
meta:
"og:title": "Academy Article"
---
[Zur Startseite](https://academy.laioutr.com/)
- [Studio](https://academy.laioutr.com/bereiche/studio)
- [Seiten bauen](https://academy.laioutr.com/leitfaeden/seiten-bauen)
- [Seiten und Varianten aus Seitentypen anlegen](https://academy.laioutr.com/artikel/seiten-und-varianten-aus-seitentypen-anlegen)
# Seiten und Varianten aus Seitentypen anlegen
Jede Seite in Studio basiert auf einem Seitentyp wie Home, Produktdetail oder Landing Page. Das Team wählt beim Anlegen den Typ, prüft Name und URL-Pfad und legt bei Bedarf weitere Varianten derselben Seite an.
## Bevor du startest
- Tarif
- Alle Pläne
- Rolle
- Mitglied mit Zugriff auf das Projekt und Recht, Projektinhalte zu bearbeiten
- Dauer
- 6 Min.
### Voraussetzungen
- Studio ist geöffnet
- Apps mit den benötigten Seitentypen sind installiert
Zuletzt geprüft am 15. Oktober 2026
Drei Begriffe tragen den Seitenaufbau in Laioutr:
- **Seitentyp**: kommt aus einer App und legt URL-Form, benötigte Daten und die Gruppe in Studio fest, etwa Home, Product Listing, Product Detail Page, Content Page oder Landing Page.
- **Seite**: eine konkrete URL der Storefront auf Basis eines Seitentyps.
- **Variante**: eine Ausprägung einer Seite. Jede Variante enthält einen eigenen Baum aus Sections, die SEO-Felder und Regeln. Eine Seite hat mindestens eine Variante.
Seitentypen sind **statisch** oder **dynamisch**. Von statischen Typen wie Landing Page oder Content Page legt das Team beliebig viele Seiten mit eigenem Pfad an. Ein dynamischer Typ wie Product Detail Page existiert meist einmal pro Projekt: Eine Seite mit dem Pfad `/products/:slug+` rendert jedes Produkt, die Daten kommen über Orchestr aus dem angebundenen Shop.
Studio schlägt beim Anlegen einen Standardpfad vor und prüft, ob Pflichtparameter wie `:slug` enthalten sind. Pfade lassen sich je Sprache übersetzen und Seiten auf einzelne Märkte begrenzen.
## Schritt für Schritt
1. 1 ### Schritt 1: Seite hinzufügen
In Studio die Seitenauswahl in der oberen Leiste öffnen und **Add page** wählen.
2. 2 ### Schritt 2: Seitentyp wählen
Den Seitentyp aus der passenden Gruppe wählen, zum Beispiel **Shop** oder **General**. Für Kampagnen und Inhalte eignen sich statische Typen, für Produkt- und Kategorieseiten die dynamischen.
3. 3 ### Schritt 3: Name und Pfad festlegen
Einen Namen vergeben und den vorgeschlagenen **URL path** prüfen. Pflichtparameter wie `:slug` müssen im Pfad bleiben, sonst lässt Studio den Pfad nicht zu.
4. 4 ### Schritt 4: Pfad übersetzen und Märkte begrenzen
Bei Bedarf den Übersetzen-Button neben dem Pfadfeld nutzen, um den Pfad je Sprache anzupassen. In den Seiteneigenschaften lässt sich die Seite auf einzelne Märkte begrenzen.
5. 5 ### Schritt 5: Variante anlegen
Die bestehende Variante der Seite duplizieren. Die Kopie übernimmt Sections und SEO-Felder und erhält eigene Datenabfragen.
6. 6 ### Schritt 6: Variante benennen und speichern
Der Variante einen sprechenden Namen geben, Sections anpassen und mit **Save** speichern.
## Ergebnis prüfen
Die neue Seite erscheint in der Seitenauswahl und lädt in der Vorschau unter ihrem Pfad. Bei einer dynamischen Seite zeigt das Feld **Preview Data** in den Seiteneigenschaften ein konkretes Produkt oder einen Eintrag.
## Häufige Fragen
Warum lässt sich eine zweite Produktdetailseite nicht sinnvoll anlegen?
Product Detail Page ist ein dynamischer Typ. Eine einzige Seite rendert über den Pfadparameter alle Produkte. Für abweichende Darstellungen wird eine weitere Variante angelegt.
Wie kommt ein neuer Seitentyp in Studio?
Developer definieren Seitentypen in einer App. Ist die App installiert und deployt, erscheint der Typ automatisch in der passenden Gruppe beim Hinzufügen einer Seite.
Warum wird ein geänderter Pfad nicht übernommen?
Der Seitentyp verlangt Pflichtparameter. Fehlt zum Beispiel `:slug` im Pfad einer Produktlistenseite, lehnt Studio den Pfad ab, damit keine kaputten Routen entstehen.
Was ist der Unterschied zwischen Seite und Variante?
Die Seite steht für die URL. Die Variante ist eine konkrete Ausprägung dieser Seite mit eigenen Sections, SEO-Feldern und Regeln, etwa für eine Kampagne.
## Passend dazu
- [Sections und Blocks einsetzen](https://academy.laioutr.com/artikel/sections-und-blocks-einsetzen)7 Min.
Sections sind die großen Bereiche einer Seite in Header, Body oder Footer, Blocks sind Inhaltseinheiten in den Slots einer Section. Beide werden im Layers-Baum hinzugefügt und angeordnet und in den Properties bearbeitet.
- [Seitentyp-Rezepte: Home, Produktliste, Produktdetail, Content](https://academy.laioutr.com/artikel/seitentyp-rezepte-home-produktliste-produktdetail-content)6 Min.
Für die wichtigsten Seitentypen gibt es bewährte Rezepte: welcher Pfad gilt, welche Daten die Seite lädt und welche Sections sie typischerweise enthält. Die Übersicht hilft, eine Storefront vollständig und konsistent aufzubauen.
- [Kampagnen mit Varianten steuern](https://academy.laioutr.com/artikel/kampagnen-mit-varianten-steuern)7 Min.
Für eine Kampagne legt das Team eine weitere Variante einer bestehenden Seite an, baut dort die Kampagneninhalte auf und steuert über Regeln und Veröffentlichung, wann und wo die Variante gilt. Die bisherige Fassung bleibt unverändert erhalten.
- [Landingpage aus vorhandenen Sections bauen](https://academy.laioutr.com/artikel/landingpage-aus-vorhandenen-sections-bauen)10 Min.
Eine Landingpage entsteht in Studio als Seite vom Typ Landing Page mit eigenem Pfad und wird aus installierten Sections zusammengesetzt: Hero, Inhalte, Produktslider mit Shopdaten, Header und Footer als globale Sections.
- [Märkte und Übersetzungen in Studio pflegen](https://academy.laioutr.com/artikel/maerkte-und-uebersetzungen-in-studio-pflegen)6 Min.
Sprachen und Märkte werden in Cockpit unter Translations und Markets angelegt, Studio nutzt sie im Markt- und Sprachwähler. Übersetzbare Felder werden je Sprache gepflegt; leere Felder zeigen den Wert der Fallback-Sprache.
## In einer Lektion lernen
- [Seitentypen, Seiten und Varianten](https://academy.laioutr.com/lektionen/foundations-seitentypen-seiten-varianten)9 Min.
- [Kampagnen mit Varianten steuern](https://academy.laioutr.com/lektionen/frontend-manager-kampagnen-mit-varianten)10 Min.
- [Seitentypen und Seiten anlegen](https://academy.laioutr.com/lektionen/live-gang-seitentypen-und-seiten)7 Min.
## [Seiten bauen](https://academy.laioutr.com/leitfaeden/seiten-bauen)
In diesem Leitfaden suchen
1. [Studio im Überblick](https://academy.laioutr.com/artikel/studio-im-ueberblick)5 Min.
2. [Seiten und Varianten aus Seitentypen anlegen](https://academy.laioutr.com/artikel/seiten-und-varianten-aus-seitentypen-anlegen)6 Min.
3. [Sections und Blocks einsetzen](https://academy.laioutr.com/artikel/sections-und-blocks-einsetzen)7 Min.
4. [Sections finden: Bibliothek, Growth Kits, Tags und Suche](https://academy.laioutr.com/artikel/sections-finden-bibliothek-growth-kits-tags-suche)4 Min.
5. [Globale Sections für Header, Footer und wiederkehrende Inhalte](https://academy.laioutr.com/artikel/globale-sections-fuer-header-footer-und-mehr)5 Min.
6. [Sections mit Shopdaten füllen](https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen)7 Min.
7. [Landingpage aus vorhandenen Sections bauen](https://academy.laioutr.com/artikel/landingpage-aus-vorhandenen-sections-bauen)10 Min.
8. [Kampagnen mit Varianten steuern](https://academy.laioutr.com/artikel/kampagnen-mit-varianten-steuern)7 Min.
9. [Seitentyp-Rezepte: Home, Produktliste, Produktdetail, Content](https://academy.laioutr.com/artikel/seitentyp-rezepte-home-produktliste-produktdetail-content)6 Min.
## Structured Data
```json
{
"@context": "https://schema.org",
"@graph": [
{
"@id": "https://academy.laioutr.com/#website",
"@type": "WebSite",
"inLanguage": "de",
"name": "Default",
"url": "https://academy.laioutr.com/",
"workTranslation": {
"@id": "https://academy.laioutr.com/#website"
}
},
{
"@id": "https://academy.laioutr.com/artikel/seiten-und-varianten-aus-seitentypen-anlegen#webpage",
"name": "Academy Article",
"url": "https://academy.laioutr.com/artikel/seiten-und-varianten-aus-seitentypen-anlegen",
"@type": [
"WebPage",
"FAQPage"
],
"breadcrumb": {
"@id": "https://academy.laioutr.com/artikel/seiten-und-varianten-aus-seitentypen-anlegen#breadcrumb"
},
"isPartOf": {
"@id": "https://academy.laioutr.com/#website"
},
"mainEntity": [
{
"@id": "https://academy.laioutr.com/artikel/seiten-und-varianten-aus-seitentypen-anlegen#/schema/question/1"
},
{
"@id": "https://academy.laioutr.com/artikel/seiten-und-varianten-aus-seitentypen-anlegen#/schema/question/2"
},
{
"@id": "https://academy.laioutr.com/artikel/seiten-und-varianten-aus-seitentypen-anlegen#/schema/question/3"
},
{
"@id": "https://academy.laioutr.com/artikel/seiten-und-varianten-aus-seitentypen-anlegen#/schema/question/4"
}
],
"potentialAction": [
{
"@type": "ReadAction",
"target": [
"https://academy.laioutr.com/artikel/seiten-und-varianten-aus-seitentypen-anlegen"
]
}
]
},
{
"@id": "https://academy.laioutr.com/artikel/seiten-und-varianten-aus-seitentypen-anlegen#breadcrumb",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"name": "Home",
"item": "https://academy.laioutr.com/",
"position": 1
},
{
"@type": "ListItem",
"name": "Studio",
"item": "https://academy.laioutr.com/bereiche/studio",
"position": 2
},
{
"@type": "ListItem",
"name": "Seiten bauen",
"item": "https://academy.laioutr.com/leitfaeden/seiten-bauen",
"position": 3
},
{
"@type": "ListItem",
"name": "Seiten und Varianten aus Seitentypen anlegen",
"item": "https://academy.laioutr.com/artikel/seiten-und-varianten-aus-seitentypen-anlegen",
"position": 4
}
]
},
{
"@id": "https://academy.laioutr.com/artikel/seiten-und-varianten-aus-seitentypen-anlegen#/schema/question/1",
"@type": "Question",
"inLanguage": "de",
"name": "Warum lässt sich eine zweite Produktdetailseite nicht sinnvoll anlegen?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Product Detail Page ist ein dynamischer Typ. Eine einzige Seite rendert über den Pfadparameter alle Produkte. Für abweichende Darstellungen wird eine weitere Variante angelegt.
"
}
},
{
"@id": "https://academy.laioutr.com/artikel/seiten-und-varianten-aus-seitentypen-anlegen#/schema/question/2",
"@type": "Question",
"inLanguage": "de",
"name": "Wie kommt ein neuer Seitentyp in Studio?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Developer definieren Seitentypen in einer App. Ist die App installiert und deployt, erscheint der Typ automatisch in der passenden Gruppe beim Hinzufügen einer Seite.
"
}
},
{
"@id": "https://academy.laioutr.com/artikel/seiten-und-varianten-aus-seitentypen-anlegen#/schema/question/3",
"@type": "Question",
"inLanguage": "de",
"name": "Warum wird ein geänderter Pfad nicht übernommen?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Der Seitentyp verlangt Pflichtparameter. Fehlt zum Beispiel :slug im Pfad einer Produktlistenseite, lehnt Studio den Pfad ab, damit keine kaputten Routen entstehen.
"
}
},
{
"@id": "https://academy.laioutr.com/artikel/seiten-und-varianten-aus-seitentypen-anlegen#/schema/question/4",
"@type": "Question",
"inLanguage": "de",
"name": "Was ist der Unterschied zwischen Seite und Variante?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Die Seite steht für die URL. Die Variante ist eine konkrete Ausprägung dieser Seite mit eigenen Sections, SEO-Feldern und Regeln, etwa für eine Kampagne.
"
}
}
]
}
```