---
title: "Academy Article"
canonical_url: "https://academy.laioutr.com/en/artikel/b2b-in-the-storefront-company-accounts-approvals-quotes"
locale: en
meta:
  "og:title": "Academy Article"
---

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

- [Storefront features](https://academy.laioutr.com/en/bereiche/storefront-features)

- [B2B](https://academy.laioutr.com/en/leitfaeden/b2b)

- [B2B in the storefront: company accounts, approvals, quotes and more](https://academy.laioutr.com/en/artikel/b2b-in-the-storefront-company-accounts-approvals-quotes)

# B2B in the storefront: company accounts, approvals, quotes and more

Laioutr provides B2B features as Laioutr UI components on top of a unified B2B data model in Orchestr: company accounts with employees and roles, order approvals, quotes, budgets and cost centres, lists, sales rep tools, quick order and downloads. The data comes from a B2B-capable backend connected as an app.

## Before you start

<dl>

<dt>Plan</dt>
<dd>Laioutr Commerce (Growth, Pro or Enterprise)</dd>

<dt>Role</dt>
<dd>Editor for Studio, Developer for the app configuration</dd>

<dt>Duration</dt>
<dd>6 min</dd></dl>

### Prerequisites

- B2B-capable commerce backend, for example Shopware with B2B Sellers
- Installed and configured backend app
- Test company account with at least two employees in different roles

Last reviewed on October 15, 2026

In B2B, the buyer is not a single person but a company: several employees with different permissions, budgets and approvals. Laioutr maps these processes in the storefront, regardless of which backend holds the data.

The foundation is the canonical B2B data model in **Orchestr**. It describes organisations, employees, roles, addresses, cost centres, budgets, customer product numbers, quotes, approval flows and shared carts in one consistent way. An app such as B2B Sellers for Shopware translates the backend data into this model. The B2B components of **Laioutr UI** build on it and are available in Studio as Sections and Blocks.

### Feature areas

- **Company accounts and employees:** invite employees, assign roles, switch between organisations.
- **Order approvals:** submit a cart for approval, approve or decline it.
- **Quotes:** request a quote, ask for changes, accept and order.
- **Budgets and cost centres:** limit and allocate spending per period.
- **Lists and reordering:** shared order lists for recurring purchases.
- **Sales reps:** customer overview and orders on behalf of a customer.
- **Quick order, product details and downloads:** search by product number or customer product number, B2B blocks on the product detail page, documents to download.

Which areas are active depends on what the connected backend supports.

## Step by step

1. 1 ### Step 1: Connect the B2B backend

   Install the matching app under **Apps** in the project menu, for example B2B Sellers for Shopware. Then enter the credentials under **Configuration** for the environment.
2. 2 ### Step 2: Place B2B Sections

   In Studio, add the B2B Sections to the customer account pages, for example for employees, approvals, quotes or budgets.
3. 3 ### Step 3: Test with a test account

   Log in with a test company account and walk through the flows in different roles, for example submit an order and confirm it as the approver.

## Frequently asked questions

Which backends support the B2B features?

Any backend for which an app translates the B2B data into the canonical Orchestr model. For Shopware, the B2B Sellers app does this. Other B2B backends are connected as apps as well.

Does the backend have to cover every area?

No. Each area works as soon as the backend provides the matching data and actions. If a budget module is missing, for example, approvals, quotes and lists still work.

Can sales reps order on behalf of a customer?

Yes, if the backend provides this function. The sales rep tools show the assigned customers with their order history and allow orders on behalf of a customer.

How does this differ from the B2B Growth Kit?

This article describes the individual B2B features. The B2B Growth Kit bundles them with page templates into a package that makes a storefront B2B-ready from the start.

## 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.
- [Find, install and configure apps](https://academy.laioutr.com/en/artikel/find-install-and-configure-apps)6 min

  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.
- [Orchestr: entities, queries, actions and resolvers](https://academy.laioutr.com/en/artikel/orchestr-entities-queries-actions-and-resolvers)8 min

  Orchestr is Laioutr's data layer and runs server-side in the Nuxt server. Queries return entity IDs, component resolvers load the data for them, actions perform changes, and tokens form the contract between frontend, Orchestr and apps.
- [Connect B2B Sellers for Shopware](https://academy.laioutr.com/en/apps/connect-b2b-sellers-for-shopware)8 min

  The B2B Sellers app brings the B2B features of the B2B Sellers Suite for Shopware 6 into the Laioutr storefront: employees and roles, order approvals, offers, budgets, cost centres and sales reps.

## [B2B](https://academy.laioutr.com/en/leitfaeden/b2b)

Search this guide

1. [B2B in the storefront: company accounts, approvals, quotes and more](https://academy.laioutr.com/en/artikel/b2b-in-the-storefront-company-accounts-approvals-quotes)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/b2b-in-the-storefront-company-accounts-approvals-quotes#webpage",
      "name": "Academy Article",
      "url": "https://academy.laioutr.com/en/artikel/b2b-in-the-storefront-company-accounts-approvals-quotes",
      "@type": [
        "WebPage",
        "FAQPage"
      ],
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/en/artikel/b2b-in-the-storefront-company-accounts-approvals-quotes#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "mainEntity": [
        {
          "@id": "https://academy.laioutr.com/en/artikel/b2b-in-the-storefront-company-accounts-approvals-quotes#/schema/question/1"
        },
        {
          "@id": "https://academy.laioutr.com/en/artikel/b2b-in-the-storefront-company-accounts-approvals-quotes#/schema/question/2"
        },
        {
          "@id": "https://academy.laioutr.com/en/artikel/b2b-in-the-storefront-company-accounts-approvals-quotes#/schema/question/3"
        },
        {
          "@id": "https://academy.laioutr.com/en/artikel/b2b-in-the-storefront-company-accounts-approvals-quotes#/schema/question/4"
        }
      ],
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/en/artikel/b2b-in-the-storefront-company-accounts-approvals-quotes"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/en/artikel/b2b-in-the-storefront-company-accounts-approvals-quotes#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/en",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Storefront features",
          "item": "https://academy.laioutr.com/en/bereiche/storefront-features",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "B2B",
          "item": "https://academy.laioutr.com/en/leitfaeden/b2b",
          "position": 3
        },
        {
          "@type": "ListItem",
          "name": "B2B in the storefront: company accounts, approvals, quotes and more",
          "item": "https://academy.laioutr.com/en/artikel/b2b-in-the-storefront-company-accounts-approvals-quotes",
          "position": 4
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/en/artikel/b2b-in-the-storefront-company-accounts-approvals-quotes#/schema/question/1",
      "@type": "Question",
      "inLanguage": "en",
      "name": "Which backends support the B2B features?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Any backend for which an app translates the B2B data into the canonical Orchestr model. For Shopware, the B2B Sellers app does this. Other B2B backends are connected as apps as well.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/en/artikel/b2b-in-the-storefront-company-accounts-approvals-quotes#/schema/question/2",
      "@type": "Question",
      "inLanguage": "en",
      "name": "Does the backend have to cover every area?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>No. Each area works as soon as the backend provides the matching data and actions. If a budget module is missing, for example, approvals, quotes and lists still work.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/en/artikel/b2b-in-the-storefront-company-accounts-approvals-quotes#/schema/question/3",
      "@type": "Question",
      "inLanguage": "en",
      "name": "Can sales reps order on behalf of a customer?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Yes, if the backend provides this function. The sales rep tools show the assigned customers with their order history and allow orders on behalf of a customer.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/en/artikel/b2b-in-the-storefront-company-accounts-approvals-quotes#/schema/question/4",
      "@type": "Question",
      "inLanguage": "en",
      "name": "How does this differ from the B2B Growth Kit?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>This article describes the individual B2B features. The B2B Growth Kit bundles them with page templates into a package that makes a storefront B2B-ready from the start.</p>"
      }
    }
  ]
}
```