Skip to content

Conversation

bc-terra
Copy link
Collaborator

@bc-terra bc-terra commented Oct 1, 2025

Initial branch creation with relevant guide files.
Base information added to each file.
Guides for Headless and Stencil filled in. Missing screenshots. Other files are placeholders for future content.

DEVDOCS-6497

What changed?

  • Old buyer portal guides are deprecated or obscured in technical structure.
  • New guides set up to go by steps. Content separated by expected structure.

Release notes draft

  • We've created new guides for setting up Buyer Portal covering native Stencil, Headless, and Catalyst deployment with the default build when possible and custom Buyer Portal in any case.

Anything else?

ping { @CNanninga @bigcommerce/dev-docs-team }

Base information added to each file.
Guides for Headless and Stencil filled in. Missing screenshots.
Other files are placeholders for future content.
@bc-terra bc-terra added do not merge Don't merge this work. on hold Work is being place in a hold status. Will need follow up. wip Work is currently in progress. labels Oct 1, 2025

Any Stencil storefront with B2B Edition enabled will include the hosted version of the B2B Buyer Portal by default.

When B2B Edition is activated for the storefront, B2BEdition Header Script and B2BEdition Footer Script will automatically be configured in the channel’s Script Manager.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [remark-lint] reported by reviewdog 🐶
B2BEdition is misspelt retext-spell retext-spell


Any Stencil storefront with B2B Edition enabled will include the hosted version of the B2B Buyer Portal by default.

When B2B Edition is activated for the storefront, B2BEdition Header Script and B2BEdition Footer Script will automatically be configured in the channel’s Script Manager.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [remark-lint] reported by reviewdog 🐶
B2BEdition is misspelt retext-spell retext-spell


Scripts configured within Script Manager for a storefront channel are automatically injected into the Stencil theme for that storefront. In the case of the B2B Buyer Portal, these scripts are injected into all pages of the storefront to initialize the React application.

This means that, in Stencil, this entry point is the traffic controller that determines whether the storefront loads the hosted Buyer Portal experience or your own customized Buyer Portal.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [remark-lint] reported by reviewdog 🐶
Hard to read sentence (confidence: 4/7) retext-readability retext-readability


This means that, in Stencil, this entry point is the traffic controller that determines whether the storefront loads the hosted Buyer Portal experience or your own customized Buyer Portal.

With the default scripts in place loading the hosted Buyer Portal, your storefront will automatically receive updates when new versions of the Buyer Portal are released. However, if you have customized the Buyer Portal as described below, it is up to you to pull in upstream changes from the Buyer Portal repository and integrate them with your own customizations.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [remark-lint] reported by reviewdog 🐶
Hard to read sentence (confidence: 4/7) retext-readability retext-readability

After your local Buyer Portal instance is running, you must now update your Stencil storefront to inject this version of the Buyer Portal instead of the default hosted version.

1. Navigate to Script Manager in the BigCommerce control panel. (In a multi-storefront configuration, you’ll find this in the settings for the individual storefront channel.)
2. Delete the default “B2BEdition Header Script” and “B2BEdition Footer Script.”
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [remark-lint] reported by reviewdog 🐶
B2BEdition is misspelt retext-spell retext-spell

></script>
```

With this technique in place, subsequent builds of your custom Buyer Portal won’t require you to change your storefront code, only update your variable in the appropriate environment and redeploy.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [remark-lint] reported by reviewdog 🐶
Hard to read sentence (confidence: 4/7) retext-readability retext-readability


`B2B_LOCAL_LOADER=TRUE`

The following example Next.js code can toggle the appropriate loader scripts based on whether you’re running a local Buyer Portal project or loading a deployed Buyer Portal.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [remark-lint] reported by reviewdog 🐶
Hard to read sentence (confidence: 4/7) retext-readability retext-readability


## Co-Locating the Buyer Portal with Your Storefront Code

While your headless storefront and the Buyer Portal are, by nature, separate applications with their own codebases, you may find it desirable to locate their source code together in the same repository.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [remark-lint] reported by reviewdog 🐶
Hard to read sentence (confidence: 4/7) retext-readability retext-readability


## Co-Locating the Buyer Portal with Your Storefront Code

While your headless storefront and the Buyer Portal are, by nature, separate applications with their own codebases, you may find it desirable to locate their source code together in the same repository.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [remark-lint] reported by reviewdog 🐶
codebases is misspelt; did you mean codebase? retext-spell retext-spell

* Building and deploying
* Script config

### Theming Without a Custom Buyer Portal No newline at end of file
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ [remark-lint] reported by reviewdog 🐶
Theming is misspelt; did you mean Teeming? retext-spell retext-spell

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
do not merge Don't merge this work. on hold Work is being place in a hold status. Will need follow up. wip Work is currently in progress.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant