---
title: "Academy Lesson"
canonical_url: "https://academy.laioutr.com/en/lektionen/developer-connect-commerce-apps"
locale: en
meta:
  "og:title": "Academy Lesson"
---

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

- [Agentic Developer](https://academy.laioutr.com/en/lernpfade/developer-learning-path)

- [Connect commerce apps](https://academy.laioutr.com/en/lektionen/developer-connect-commerce-apps)

Connecting and configuring apps

# Connect commerce apps

12 min

The certificate's practical task starts with a starter project connected to Shopify or Shopware. This lesson shows the app configuration per environment, the connection test, common errors and how the data is checked in Studio. At the end, real products from the shop appear in the Studio preview.

## Key takeaways

- App configuration applies per environment.
- The connection test shows wrong values right away.
- Real data in Studio completes the connection.

## Read more

- [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.
- [Connect Shopify](https://academy.laioutr.com/en/apps/connect-shopify)10 min

  The Shopify app connects a Shopify store to Laioutr through the Storefront API, Customer Account API and Admin API. Products, collections, cart, menus, content and customer login come straight from Shopify.
- [Connect Shopware with the checkout plugin](https://academy.laioutr.com/en/apps/connect-shopware-with-the-checkout-plugin)12 min

  The Shopware app connects Shopware 6 to Laioutr through the Storefront API and Admin API. Checkout runs on the Shopware storefront through the LaioutrConnector plugin with the same cart.

## 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/developer-connect-commerce-apps#webpage",
      "@type": "WebPage",
      "name": "Academy Lesson",
      "url": "https://academy.laioutr.com/en/lektionen/developer-connect-commerce-apps",
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/en/lektionen/developer-connect-commerce-apps#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/en/lektionen/developer-connect-commerce-apps"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/en/lektionen/developer-connect-commerce-apps#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/en",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Agentic Developer",
          "item": "https://academy.laioutr.com/en/lernpfade/developer-learning-path",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Connect commerce apps",
          "item": "https://academy.laioutr.com/en/lektionen/developer-connect-commerce-apps",
          "position": 3
        }
      ]
    }
  ]
}
```