---
title: "Academy Article"
canonical_url: "https://academy.laioutr.com/en/artikel/create-pages-and-variants-from-page-types"
locale: en
meta:
"og:title": "Academy Article"
---
[Go to home](https://academy.laioutr.com/en)
- [Studio](https://academy.laioutr.com/en/bereiche/studio)
- [Building pages](https://academy.laioutr.com/en/leitfaeden/building-pages)
- [Create pages and variants from page types](https://academy.laioutr.com/en/artikel/create-pages-and-variants-from-page-types)
# Create pages and variants from page types
Every page in Studio is based on a page type such as Home, Product Detail or Landing Page. When adding a page, the team picks the type, checks name and URL path, and adds further variants of the same page when needed.
## Before you start
- Plan
- All plans
- Role
- Member with access to the project and permission to edit project content
- Duration
- 6 min
### Prerequisites
- Studio is open
- Apps that provide the required page types are installed
Last reviewed on October 15, 2026
Three terms carry the page structure in Laioutr:
- **Page type**: comes from an app and defines the URL shape, the data it needs and its group in Studio, for example Home, Product Listing, Product Detail Page, Content Page or Landing Page.
- **Page**: one concrete storefront URL based on a page type.
- **Variant**: one version of a page. It holds its own tree of sections, the SEO fields and rules. Every page has at least one variant.
Page types are **static** or **dynamic**. For static types such as Landing Page or Content Page, the team creates as many pages as needed, each with its own path. A dynamic type such as Product Detail Page usually exists once per project: one page with the path `/products/:slug+` renders every product, and the data comes from the connected shop through Orchestr.
When a page is added, Studio suggests a default path and checks that required parameters such as `:slug` are included. Paths can be translated per language, and pages can be limited to specific markets.
## Step by step
1. 1 ### Step 1: Add a page
Open the page selector in the Studio top bar and choose **Add page**.
2. 2 ### Step 2: Choose a page type
Choose the page type from the matching group, for example **Shop** or **General**. Static types suit campaigns and content, dynamic types suit product and category pages.
3. 3 ### Step 3: Set name and path
Enter a name and check the suggested **URL path**. Required parameters such as `:slug` must stay in the path, otherwise Studio rejects it.
4. 4 ### Step 4: Translate the path and limit markets
If needed, use the translate button next to the path field to adapt the path per language. In the page properties, the page can be limited to specific markets.
5. 5 ### Step 5: Add a variant
Duplicate the existing variant of the page. The copy takes over sections and SEO fields and gets its own data queries.
6. 6 ### Step 6: Name the variant and save
Give the variant a clear name, adjust its sections and save with **Save**.
## Check the result
The new page appears in the page selector and loads in the preview under its path. For a dynamic page, the **Preview Data** field in the page properties shows a concrete product or entry.
## Frequently asked questions
Why does a second product detail page make no sense?
Product Detail Page is a dynamic type. A single page renders every product through the path parameter. For a different presentation, add another variant.
How does a new page type get into Studio?
Developers define page types in an app. Once the app is installed and deployed, the type appears automatically in its group when adding a page.
Why is a changed path not accepted?
The page type requires parameters. If, for example, `:slug` is missing from a product listing path, Studio rejects it so no broken routes are created.
What is the difference between a page and a variant?
The page stands for the URL. The variant is one concrete version of that page with its own sections, SEO fields and rules, for example for a campaign.
## Related
- [Add and arrange sections and blocks](https://academy.laioutr.com/en/artikel/add-and-arrange-sections-and-blocks)7 min
Sections are the large areas of a page in header, body or footer, and blocks are content units inside a section's slots. Both are added and arranged in the layers tree and edited in the properties panel.
- [Page type recipes: home, product listing, product detail, content](https://academy.laioutr.com/en/artikel/page-type-recipes-home-listing-detail-content)6 min
The main page types have proven recipes: which path applies, which data the page loads and which sections it typically contains. This overview helps to build a complete and consistent storefront.
- [Run campaigns with page variants](https://academy.laioutr.com/en/artikel/run-campaigns-with-page-variants)7 min
For a campaign, the team adds another variant of an existing page, builds the campaign content there and controls through rules and publishing when and where the variant applies. The previous version stays untouched.
- [Build a landing page from existing sections](https://academy.laioutr.com/en/artikel/build-a-landing-page-from-existing-sections)10 min
A landing page is created in Studio as a Landing Page type page with its own path and is assembled from installed sections: hero, content, a product slider with shop data, and header and footer as global sections.
- [Maintain markets and translations in Studio](https://academy.laioutr.com/en/artikel/maintain-markets-and-translations-in-studio)6 min
Languages and markets are set up in Cockpit under Translations and Markets, and Studio uses them in its market and language switcher. Translatable fields are maintained per language; empty fields show the value of the fallback language.
## Learn it in a lesson
- [Page types, pages and variants](https://academy.laioutr.com/en/lektionen/foundations-page-types-pages-variants)9 min
- [Steer campaigns with variants](https://academy.laioutr.com/en/lektionen/frontend-manager-campaigns-with-variants)10 min
- [Create page types and pages](https://academy.laioutr.com/en/lektionen/go-live-page-types-and-pages)7 min
## [Building pages](https://academy.laioutr.com/en/leitfaeden/building-pages)
Search this guide
1. [Studio at a glance](https://academy.laioutr.com/en/artikel/studio-at-a-glance)5 min
2. [Create pages and variants from page types](https://academy.laioutr.com/en/artikel/create-pages-and-variants-from-page-types)6 min
3. [Add and arrange sections and blocks](https://academy.laioutr.com/en/artikel/add-and-arrange-sections-and-blocks)7 min
4. [Find sections: library, Growth Kits, tags and search](https://academy.laioutr.com/en/artikel/find-sections-library-growth-kits-tags-search)4 min
5. [Global sections for header, footer and recurring content](https://academy.laioutr.com/en/artikel/global-sections-for-header-footer-and-recurring-content)5 min
6. [Fill sections with shop data](https://academy.laioutr.com/en/artikel/fill-sections-with-shop-data)7 min
7. [Build a landing page from existing sections](https://academy.laioutr.com/en/artikel/build-a-landing-page-from-existing-sections)10 min
8. [Run campaigns with page variants](https://academy.laioutr.com/en/artikel/run-campaigns-with-page-variants)7 min
9. [Page type recipes: home, product listing, product detail, content](https://academy.laioutr.com/en/artikel/page-type-recipes-home-listing-detail-content)6 min
## 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/artikel/create-pages-and-variants-from-page-types#webpage",
"name": "Academy Article",
"url": "https://academy.laioutr.com/en/artikel/create-pages-and-variants-from-page-types",
"@type": [
"WebPage",
"FAQPage"
],
"breadcrumb": {
"@id": "https://academy.laioutr.com/en/artikel/create-pages-and-variants-from-page-types#breadcrumb"
},
"isPartOf": {
"@id": "https://academy.laioutr.com/#website"
},
"mainEntity": [
{
"@id": "https://academy.laioutr.com/en/artikel/create-pages-and-variants-from-page-types#/schema/question/1"
},
{
"@id": "https://academy.laioutr.com/en/artikel/create-pages-and-variants-from-page-types#/schema/question/2"
},
{
"@id": "https://academy.laioutr.com/en/artikel/create-pages-and-variants-from-page-types#/schema/question/3"
},
{
"@id": "https://academy.laioutr.com/en/artikel/create-pages-and-variants-from-page-types#/schema/question/4"
}
],
"potentialAction": [
{
"@type": "ReadAction",
"target": [
"https://academy.laioutr.com/en/artikel/create-pages-and-variants-from-page-types"
]
}
]
},
{
"@id": "https://academy.laioutr.com/en/artikel/create-pages-and-variants-from-page-types#breadcrumb",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"name": "Home",
"item": "https://academy.laioutr.com/en",
"position": 1
},
{
"@type": "ListItem",
"name": "Studio",
"item": "https://academy.laioutr.com/en/bereiche/studio",
"position": 2
},
{
"@type": "ListItem",
"name": "Building pages",
"item": "https://academy.laioutr.com/en/leitfaeden/building-pages",
"position": 3
},
{
"@type": "ListItem",
"name": "Create pages and variants from page types",
"item": "https://academy.laioutr.com/en/artikel/create-pages-and-variants-from-page-types",
"position": 4
}
]
},
{
"@id": "https://academy.laioutr.com/en/artikel/create-pages-and-variants-from-page-types#/schema/question/1",
"@type": "Question",
"inLanguage": "en",
"name": "Why does a second product detail page make no sense?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Product Detail Page is a dynamic type. A single page renders every product through the path parameter. For a different presentation, add another variant.
"
}
},
{
"@id": "https://academy.laioutr.com/en/artikel/create-pages-and-variants-from-page-types#/schema/question/2",
"@type": "Question",
"inLanguage": "en",
"name": "How does a new page type get into Studio?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Developers define page types in an app. Once the app is installed and deployed, the type appears automatically in its group when adding a page.
"
}
},
{
"@id": "https://academy.laioutr.com/en/artikel/create-pages-and-variants-from-page-types#/schema/question/3",
"@type": "Question",
"inLanguage": "en",
"name": "Why is a changed path not accepted?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The page type requires parameters. If, for example, :slug is missing from a product listing path, Studio rejects it so no broken routes are created.
"
}
},
{
"@id": "https://academy.laioutr.com/en/artikel/create-pages-and-variants-from-page-types#/schema/question/4",
"@type": "Question",
"inLanguage": "en",
"name": "What is the difference between a page and a variant?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The page stands for the URL. The variant is one concrete version of that page with its own sections, SEO fields and rules, for example for a campaign.
"
}
}
]
}
```