Skip to content

Company Management Quick Start

Get started with the Company Management drop-in to enable self-service company administration in your B2B storefront.

Version: 1.0.0

Quick example

The Company Management drop-in is included in the Commerce boilerplate . This example shows the basic pattern:

// 1. Import initializer (handles all setup)
import '../../scripts/initializers/company.js';
// 2. Import the container you need
import { AcceptInvitation } from '@dropins/storefront-company-management/containers/AcceptInvitation.js';
// 3. Import the provider
import { render as companyRenderer } from '@dropins/storefront-company-management/render.js';
// 4. Render in your block
export default async function decorate(block) {
await companyRenderer.render(AcceptInvitation, {
// Configuration options - see Containers page
})(block);
}

New to drop-ins? See the Using drop-ins guide for complete step-by-step instructions.

Quick reference

Import paths:

  • Initializer: import '../../scripts/initializers/company.js'
  • Containers: import { ContainerName } from '@dropins/storefront-company-management/containers/ContainerName.js'
  • Provider: import { render as companyRenderer } from '@dropins/storefront-company-management/render.js'

Package: @dropins/storefront-company-management

Version: 1.0.0 (verify compatibility with your Commerce instance)

Example container: AcceptInvitation

Learn more

  • Containers - Available UI components and configuration options
  • Initialization - Customize initializer settings and data models
  • Functions - Control drop-in behavior programmatically
  • Events - Listen to and respond to drop-in state changes
  • Slots - Extend containers with custom content