integrating-b2b-commerce-open-code-components

Copy open-source B2B Commerce LWC components and labels into Salesforce store site metadata.

803|289|Updated Nov 7, 2025
One-click install
npx skills add https://github.com/forcedotcom/sf-skills --skill integrating-b2b-commerce-open-code-components
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: integrating-b2b-commerce-open-code-components
Source: https://github.com/forcedotcom/sf-skills/tree/main/skills/integrating-b2b-commerce-open-code-components
Command: npx skills add https://github.com/forcedotcom/sf-skills --skill integrating-b2b-commerce-open-code-components

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you quickly integrate Salesforce’s open-source B2B Commerce Experience Builder components into your own B2B Commerce store without manually recreating or redeploying each LWC and its labels.

Core Features & Use Cases

  • Repository-to-Store Component Integration: Copies all open-source B2B Commerce LWC components and their label sets from the official repository into your store’s Experience Builder site metadata.
  • Safe Environment Preparation: Resolves the active package directory from sfdx-project.json, clones the repo when needed, and re-clones if the local structure is unexpected.
  • Store Metadata Retrieval & Fallback: Uses existing local store metadata when present; otherwise, attempts to retrieve DigitalExperienceBundle site metadata from a connected org and falls back to creating a store when necessary.

Quick Start

Use the integrating-b2b-commerce-open-code-components skill to copy all open-source B2B Commerce components into your selected Experience Builder store site metadata.

Frequently Asked Questions about integrating-b2b-commerce-open-code-components

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I integrate open-source B2B Commerce LWC components into an Experience Builder store?

To integrate open-source B2B Commerce LWC components, the skill clones the forcedotcom repository, resolves the active package directory, and copies the LWC and label assets directly into your store's digitalExperiences site metadata paths.

Do I need to manually clone the B2B Commerce open-source repository before adding components?

No, manual cloning is not required. The skill automatically clones the repository into a temporary directory when needed, and it will even re-clone if the local directory structure is unexpected or invalid.

Why are my custom labels missing when deploying B2B Commerce LWC components to Experience Builder?

Custom labels might be missing if they were not copied into the correct digitalExperiences paths. This skill specifically copies sfdc_cms__label sets alongside sfdc_cms__lwc assets to ensure components render properly in Experience Builder.

What is the best way to make open-source B2B Commerce components available in the Experience Builder component palette?

The best way to populate the component palette is to push the LWC assets into the site metadata. This skill copies the open-source LWC files into the active package directory's digitalExperiences/site folder for immediate Experience Builder consumption.

What happens if local store metadata is not available when adding B2B Commerce LWC components?

If local store metadata is unavailable, the skill attempts to retrieve DigitalExperienceBundle site metadata from a connected Salesforce org, and falls back to creating a new store if the metadata cannot be retrieved.

Can I use this skill to integrate B2B Commerce components without an sfdx-project.json file?

No, an sfdx-project.json file is required. The skill relies on resolving the active package directory from this file to determine where to copy the LWC and label assets for your store.