---
title: "Academy Article"
canonical_url: "https://academy.laioutr.com/en/artikel/find-install-and-configure-apps"
locale: en
meta:
"og:title": "Academy Article"
---
[Go to home](https://academy.laioutr.com/en)
- [Apps](https://academy.laioutr.com/en/bereiche/apps)
- [Using apps](https://academy.laioutr.com/en/leitfaeden/using-apps)
- [Find, install and configure apps](https://academy.laioutr.com/en/artikel/find-install-and-configure-apps)
# Find, install and configure apps
Apps are listed in the Cockpit catalogue under Apps, installed per environment and set up under Configuration. The storefront uses them from the next deployment onwards.
## Before you start
- Plan
- Any Laioutr plan
- Role
- Developer role on the environment for configuration and testing
- Duration
- 6 min
### Prerequisites
- Project with at least one environment
- Access to the admin of the system to connect
- Licence with the system vendor where required
Last reviewed on October 15, 2026
Every connection in Laioutr is an app: commerce platforms such as Shopify or Shopware, CMS such as Hygraph, plus search, tracking, consent and security. An app connects an external system to the frontend without tying the storefront to one vendor. Orchestr maps the data of all apps into one unified data model, which is why Sections and Blocks in Studio work regardless of the backend.
The catalogue sits in the project menu under **Apps**. Tabs such as **Ecommerce**, **Tracking**, **Performance** or **Search** group the cards. Each card shows name, short description and status; **Details** opens screenshots, documentation links and vendor information.
Apps are installed per environment: each environment carries its apps at its own versions, so stage can test a new app version while main stays unchanged. Laioutr charges nothing on top of the plan for listed integrations; licence fees with the vendor still apply.
## Step by step
1. 1 ### Step 1: Open the catalogue
Open the project in Cockpit and select **Apps** in the sidebar.
2. 2 ### Step 2: Review the app
Open the matching tab, for example **Ecommerce**, and use **Details** to review description, documentation and vendor.
3. 3 ### Step 3: Install the app
Click **Install** on the card. Alternatively, in the environment **Settings** under **Package Management**, use **Add an app** to search for it, pick a version and confirm with **Save**.
4. 4 ### Step 4: Enter the settings
Unfold **Configuration** in the environment menu and open the app. An orange dot marks missing required settings.
5. 5 ### Step 5: Test and save
Check the values with **Test connection**, then select **Save settings**.
6. 6 ### Step 6: Deploy the environment
Start **Deploy** on the environment card. Only the new build installs the app and applies the settings.
## Check the result
The catalogue card shows **Installed**, every section of the app under Configuration reads **Complete**, and after the deployment the Studio preview shows data from the connected system.
## Frequently asked questions
Does an app cost extra?
Laioutr charges nothing on top of the plan for listed integrations. Licence fees with the system vendor still apply.
Why can an app not be installed?
When an app is not generally available, the card shows a status badge and **Install** is disabled. The **Private** badge means access is restricted.
Does a new app take effect on the storefront right away?
No. Installation and settings apply from the next deployment of the environment. The running storefront stays unchanged until then.
What if an integration is missing?
**Contact us** at the bottom of the catalogue leads to support. Development teams can also build and release their own apps.
## Related
- [Enter credentials and test the connection](https://academy.laioutr.com/en/artikel/enter-credentials-and-test-the-connection)5 min
App credentials are entered per environment under Configuration, checked with Test connection and stored with Save settings. They take effect with the next deployment.
- [Check live data in Studio](https://academy.laioutr.com/en/artikel/check-live-data-in-studio)5 min
The Studio preview shows real data from connected apps. On dynamic pages such as the product detail page, the Preview Data field selects which product the preview shows.
- [Create projects and dev and stage environments](https://academy.laioutr.com/en/artikel/create-projects-and-dev-and-stage-environments)6 min
A project is created in the organisation settings under Projects and starts with the live environment main. Further environments such as stage or dev are created in the project under Environments as a copy of an existing one.
- [Start and check a deployment](https://academy.laioutr.com/en/artikel/start-and-check-a-deployment)5 min
A deployment rebuilds the storefront of an environment and puts changes to apps, versions and configuration live. It is started in Cockpit under Deployments with Deploy; the status and build log show whether it worked.
- [Essentials apps: core functions from Laioutr, installed as needed](https://academy.laioutr.com/en/artikel/essentials-apps-core-functions-as-needed)4 min
Essentials apps are apps provided by Laioutr itself that bring core functions such as SEO, transactional email or legal building blocks. A project installs them in Cockpit as needed instead of hard-wiring these functions into the frontend.
## Learn it in a lesson
- [What apps deliver and where they are configured](https://academy.laioutr.com/en/lektionen/foundations-what-apps-deliver)9 min
- [The first custom app](https://academy.laioutr.com/en/lektionen/developer-build-a-first-app)12 min
- [Activate a connector app](https://academy.laioutr.com/en/lektionen/go-live-activate-a-connector-app)5 min
## [Using apps](https://academy.laioutr.com/en/leitfaeden/using-apps)
Search this guide
1. [Find, install and configure apps](https://academy.laioutr.com/en/artikel/find-install-and-configure-apps)6 min
2. [Enter credentials and test the connection](https://academy.laioutr.com/en/artikel/enter-credentials-and-test-the-connection)5 min
3. [Check live data in Studio](https://academy.laioutr.com/en/artikel/check-live-data-in-studio)5 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/find-install-and-configure-apps#webpage",
"name": "Academy Article",
"url": "https://academy.laioutr.com/en/artikel/find-install-and-configure-apps",
"@type": [
"WebPage",
"FAQPage"
],
"breadcrumb": {
"@id": "https://academy.laioutr.com/en/artikel/find-install-and-configure-apps#breadcrumb"
},
"isPartOf": {
"@id": "https://academy.laioutr.com/#website"
},
"mainEntity": [
{
"@id": "https://academy.laioutr.com/en/artikel/find-install-and-configure-apps#/schema/question/1"
},
{
"@id": "https://academy.laioutr.com/en/artikel/find-install-and-configure-apps#/schema/question/2"
},
{
"@id": "https://academy.laioutr.com/en/artikel/find-install-and-configure-apps#/schema/question/3"
},
{
"@id": "https://academy.laioutr.com/en/artikel/find-install-and-configure-apps#/schema/question/4"
}
],
"potentialAction": [
{
"@type": "ReadAction",
"target": [
"https://academy.laioutr.com/en/artikel/find-install-and-configure-apps"
]
}
]
},
{
"@id": "https://academy.laioutr.com/en/artikel/find-install-and-configure-apps#breadcrumb",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"name": "Home",
"item": "https://academy.laioutr.com/en",
"position": 1
},
{
"@type": "ListItem",
"name": "Apps",
"item": "https://academy.laioutr.com/en/bereiche/apps",
"position": 2
},
{
"@type": "ListItem",
"name": "Using apps",
"item": "https://academy.laioutr.com/en/leitfaeden/using-apps",
"position": 3
},
{
"@type": "ListItem",
"name": "Find, install and configure apps",
"item": "https://academy.laioutr.com/en/artikel/find-install-and-configure-apps",
"position": 4
}
]
},
{
"@id": "https://academy.laioutr.com/en/artikel/find-install-and-configure-apps#/schema/question/1",
"@type": "Question",
"inLanguage": "en",
"name": "Does an app cost extra?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Laioutr charges nothing on top of the plan for listed integrations. Licence fees with the system vendor still apply.
"
}
},
{
"@id": "https://academy.laioutr.com/en/artikel/find-install-and-configure-apps#/schema/question/2",
"@type": "Question",
"inLanguage": "en",
"name": "Why can an app not be installed?",
"acceptedAnswer": {
"@type": "Answer",
"text": "When an app is not generally available, the card shows a status badge and Install is disabled. The Private badge means access is restricted.
"
}
},
{
"@id": "https://academy.laioutr.com/en/artikel/find-install-and-configure-apps#/schema/question/3",
"@type": "Question",
"inLanguage": "en",
"name": "Does a new app take effect on the storefront right away?",
"acceptedAnswer": {
"@type": "Answer",
"text": "No. Installation and settings apply from the next deployment of the environment. The running storefront stays unchanged until then.
"
}
},
{
"@id": "https://academy.laioutr.com/en/artikel/find-install-and-configure-apps#/schema/question/4",
"@type": "Question",
"inLanguage": "en",
"name": "What if an integration is missing?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Contact us at the bottom of the catalogue leads to support. Development teams can also build and release their own apps.
"
}
}
]
}
```