Build vs. Buy>Platform & Architecture>Hydrogen B2B Catalog & Pricing

Should You Build B2B Pricing Yourself in Hydrogen, or Buy?

Written by Deploi EditorialReviewed by Martin Dejnicki, Director of SEO & AI SearchUpdated September 2026Pricing verified September 2026

Hydrogen gives a B2B merchant the APIs, not the storefront: companies, locations, catalogs and price lists are native, and the company-aware UI is a build. Shopify names headless commerce as a B2B storefront pattern built with Hydrogen and Oxygen (verified Sep 2026). No app serves a React storefront, so budget an estimated $60,000 to $180,000 for company context, catalog-aware browsing and B2B checkout on top of the base build (Deploi estimate, illustrative).

Your profile — see how the verdict shifts

VerdictCUSTOMIZE (native B2B companies, catalogs and price lists, with the company-aware storefront UI built in Hydrogen) · no App Store app reaches a React storefront · BUY SparkLayer only if you stay on a Liquid theme
Buy score
3.4
Build score
7.8
Confidence
HighRead Shopify's B2B terminology page on 2026-09-05: headless commerce is a custom storefront that you can build for your B2B business using Hydrogen and Oxygen, and a blended store serves both B2B and D2C while a dedicated store serves only B2B. Headless is therefore a named, documented B2B pattern rather than a workaround. Read the B2B plan-features page the same day, which corrects a common assumption: B2B is not Plus-only. B2B catalogs assignable to B2B markets run 3 on Basic, Grow and Advanced and unlimited on Plus, while direct company catalogs, deposit requirements, partial payments and payment requests per fulfillment are Plus only. Fetched SparkLayer B2B & Wholesale (4.9★, 382 reviews) and SparkLayer B2B Catalogs in full and searched both for headless, Hydrogen, API-first and custom storefront: zero mentions in either. The Shopify B2B app market is genuinely healthy for Liquid themes and reaches storefronts through theme app blocks and checkout UI extensions, mechanisms a React storefront does not render. There is nothing to install for this decision.
Reference scenario
$20M–$100M GMV · Shopify Plus · blended store with 80–400 companies on negotiated catalogs · Hydrogen storefront on Oxygen replacing a Liquid theme · sales reps creating draft orders alongside self-serve buyers · agency dev bench with React capacity
As of
September 2026

Decision at a Glance

Your profileVerdictWhy
Plus, blended store, under 50 companiesCUSTOMIZENative companies, locations and catalogs carry the pricing; the storefront work is a context switcher, catalog-aware queries and a B2B cart. An estimated $60,000–$110,000 on top of the base storefront (Deploi estimate, illustrative).
Plus, dedicated B2B store, hundreds of contract accountsBUILDDirect company catalogs are Plus only and unlimited on Plus (verified Sep 2026), so pricing scales natively while quantity rules, reorder, quick-order pads and approval flows become the project. An estimated $110,000–$180,000 (Deploi estimate, illustrative).
Below Plus, three B2B catalogs, wholesale is a side of the businessBUYB2B catalogs cap at 3 on Basic, Grow and Advanced (verified Sep 2026). SparkLayer B2B & Wholesale runs free to $299/month on a Liquid theme (verified Sep 2026), which beats a six-figure headless B2B build until the account count justifies Plus.
D2C-first Hydrogen storefront with a small wholesale sideBUYKeep B2B on the Online Store channel with an app and put Hydrogen on the D2C side. Both channels run against the same catalog and cart (verified Sep 2026), so wholesale does not have to wait for the React work.

What Hydrogen B2B Catalog & Pricing Actually Drives

OutcomeImpactHow it works
Revenue — directHighSelf-serve reorder at contract prices moves volume that otherwise waits on a rep and a draft order, which is the measurable return on a company-aware storefront.
Operational efficiencyHighBuyers who can see their own catalog and price without asking remove the phone and email order path that consumes sales-staff hours every week.
Customer experienceHighA quick-order pad, saved lists and reorder from order history match how procurement teams actually buy, which a D2C product grid never does.
Retention & LTVMediumOrdering friction is what sends a contract account to a competitor's portal, so a storefront that matches their buying process defends the account renewal.
Data & insightMediumCompany-level browsing and ordering behavior stays in your own storefront analytics rather than inside a vendor's pricing engine, which feeds account planning.

Spend ceiling: Cap the B2B layer at an estimated $60,000–$180,000 on top of the base storefront (Deploi estimate, illustrative), and only clear that ceiling when self-serve wholesale volume can pay it back inside two years. Below Plus, the cap is much lower, because an app on a theme costs free to $299/month (verified Sep 2026).

What buying enables (top apps)

  • + Wholesale selling on an Online Store 2.0 theme within a fortnight, with quantity breaks, order minimums and a quick-order pad already built
  • + SparkLayer B2B & Wholesale at free, $49, $149 and $299/month across four plans (verified Sep 2026), with 382 reviews behind it
  • + A vendor tracking theme and checkout changes so your team does not, which is real value while the storefront stays Liquid
  • + Pricing rules that work around the 3-catalog allowance below Plus (verified Sep 2026) without a plan upgrade

What building additionally unlocks

  • + Company and location context threaded through every query, so search, collections and recommendations all respect the catalog (verified Sep 2026)
  • + A buying experience shaped around procurement, with quick order, saved lists, case packs and reorder in one owned codebase
  • + Direct company catalogs and unlimited B2B catalogs on Plus consumed straight from the source, with no second pricing engine to reconcile (verified Sep 2026)
  • + One storefront serving blended B2B and D2C traffic from the same code, branching on company context rather than running two stores

Find Your Verdict in 3 Questions

  1. Is the B2B storefront itself a differentiator — reorder speed, catalog depth, quoting, account-specific merchandising — rather than a form your reps work around?

    Yes: Go to question 2.

    No: Your verdict: BUY — keep wholesale on an Online Store 2.0 theme with SparkLayer at free to $299/month (verified Sep 2026), and spend the React budget where buyers notice it.

  2. Are you on Shopify Plus, with unlimited B2B catalogs and direct company catalogs available (verified Sep 2026)?

    Yes: Your verdict: CUSTOMIZE — consume native companies, locations, catalogs and price lists from a Hydrogen storefront and build the company-aware UI at an estimated $60,000–$180,000 (Deploi estimate, illustrative).

    No: Go to question 3.

  3. Do you have more than three distinct B2B catalogs, or accounts that each need their own price list?

    Yes: Your verdict: BUY — the 3-catalog cap below Plus (verified Sep 2026) makes an app the cheaper route until the Plus upgrade pays for itself on other entitlements too.

    No: Your verdict: CUSTOMIZE — three catalogs consumed from a Hydrogen storefront is a manageable build; keep quantity rules and quick order in scope from the start.

The TCC Scorecard — 12 Dimensions

TCC — Total Cost of Capability: what it actually costs to have this capability over three years, whichever way you get it. Each dimension is scored 0–5 for both paths. How we score →

DimensionBuyBuildWhy
Cost
Acquisition & implementationA B2B app installs on a Liquid theme in days; company context, catalog-aware browsing and B2B checkout in Hydrogen run an estimated 4–7 months (Deploi estimate, illustrative).
Recurring feesSparkLayer B2B & Wholesale runs free to $299/month across its plans (verified Sep 2026) and never stops billing; native B2B objects are included with the plan and the build carries upkeep only.
Maintenance & upgradesThe vendor tracks theme and checkout changes on the app path; a Hydrogen B2B storefront tracks Storefront and Customer Account API versions on your own calendar.
Switching & exitCompany records, catalogs and price lists live in Shopify under both lanes, so pricing data is never stranded; what moves is the storefront code or the app's own configuration.
Risk
Vendor riskA wholesale business running on one app's roadmap is a real concentration risk; native B2B objects consumed directly have no vendor between the buyer and the price.
Security & compliance surfaceBuyer authentication runs through Shopify's Customer Account API under both lanes, and contract prices stay inside Shopify rather than in a vendor's pricing engine.
Platform-deprecation exposureCheckout UI extensions on the information, shipping and payment steps are Plus-only (verified Sep 2026), so an app's B2B checkout depends on an entitlement your plan has to keep.
Value
Fit to requirementSparkLayer's listing never mentions headless, Hydrogen, API-first or custom storefront (verified Sep 2026), so the fit for a React storefront is zero regardless of how good the app is on a theme.
Time to marketWholesale can be selling within a fortnight on a themed store; the Hydrogen B2B storefront lands two to three quarters later.
Performance & scaleCatalog-aware queries served from your own storefront beat an app's injected pricing scripts, and a company location can hold up to 25 catalogs natively (verified Sep 2026).
Data ownership & AI-readinessCompanies, locations, catalogs and price lists are Shopify objects under either lane; the build additionally keeps the buying behavior and quote logic in your own code rather than a vendor's.
Focus & opportunity costA B2B storefront build consumes a React team for two or three quarters, which is the strongest argument for staying on a theme until wholesale revenue justifies it.

The App Landscape

AppStatusPricingBest for
Shopify B2B: companies, locations, catalogs, price listsNativeFirst-party Shopify, and the data model a Hydrogen storefront consumes directly. B2B catalogs assignable to B2B markets run 3 on Basic, Grow and Advanced and unlimited on Plus; direct company catalogs, deposit requirements, partial payments and payment requests per fulfillment are Plus only. A company holds up to 10,000 locations and 10,000 customers, a location up to 50 customers, 25 catalogs and 10 sales staff (verified Sep 2026).Included with the plan; the Plus entitlements above are what the Plus premium buys here (verified Sep 2026)Every B2B merchant, and the only lane that reaches a custom storefront
Headless B2B storefronts on Hydrogen and OxygenNativeFirst-party Shopify, and a documented pattern rather than an edge case: Shopify's B2B terminology page states headless commerce is a custom storefront you can build for your B2B business using Hydrogen and Oxygen. The same page distinguishes a blended store, serving both B2B and D2C, from a dedicated store serving only B2B, which is the first architectural decision on this path (verified Sep 2026).Framework and Oxygen hosting included on paid plans; the storefront build is the cost (verified Sep 2026)Merchants whose buying experience is a differentiator rather than a form
SparkLayer B2B & WholesaleLive4.9★, 363 reviews; Built for Shopify; 14-day trial. The strongest-reviewed platform touching this space, though its listing foregrounds quoting, sales agents, invoicing and order minimums rather than per-buyer spend limits or manager approval. Best read as the wholesale platform this logic sits inside.Basic free; Starter $49/month; Growth $149/month; Pro $299/month (verified Sep 2026)Wholesale on an Online Store 2.0 theme, including alongside a D2C Hydrogen storefront
The company-aware Hydrogen storefrontBuild laneWhat the project actually contains: buyer login through the Customer Account API, a company and location context switcher, catalog-aware product and collection queries, contract prices on every surface including search and cart, quantity rules and case packs, a quick-order pad, reorder from order history, and B2B checkout behavior. None of it ships with Hydrogen, and all of it rests on native objects.$60,000–$180,000 one-time on top of the base storefront, plus 15–20% of that per year (Deploi estimate, illustrative)B2B merchants on Plus whose buyers order often enough for the storefront to matter

The Build Path

  • Decide blended or dedicated before any code: Shopify distinguishes a blended store, used for both B2B and D2C customers, from a dedicated store used only for B2B (verified Sep 2026). A blended Hydrogen storefront branches every template on company context; a dedicated store keeps the code simple and doubles the operational surface. The choice sets the shape of everything after it.
  • Company context as a first-class part of the session: Buyer login runs through the Customer Account API, which carries the company and location a buyer is ordering for. Resolve that context once per session and thread it through every query, because a price rendered without it is a D2C price shown to a contract account, which is the failure mode that costs trust.
  • Catalog-aware browsing, not just catalog-aware pricing: A company location can hold up to 25 catalogs (verified Sep 2026), and catalogs govern which products a buyer may see as well as what they pay. Collection pages, search, sitemaps and recommendations all need the catalog filter, or buyers browse products they cannot order and land on pages that 404 at add-to-cart.
  • B2B checkout, payment terms and the Plus line: Payment terms cover Net 7 through Net 90, due on fulfillment, and fixed date on draft orders; deposit requirements, partial payments and payment requests per fulfillment are Plus only (verified Sep 2026). Checkout UI extensions on the information, shipping and payment steps are also Plus only, so a below-Plus B2B checkout has a lower customization ceiling.
Effort band
$60,000–$180,000 one-time for company context, catalog-aware browsing, quantity rules, quick order, reorder and B2B checkout behavior on top of the base Hydrogen storefront — Deploi estimate (illustrative); lands in the $75K+ contact-form band.
Typical timeline
4–7 months for the B2B layer on top of a Hydrogen storefront build, with the context switcher and catalog-aware queries in the first six weeks (Deploi estimate, illustrative)
Maintenance, honestly
~15–20% of build cost per year (Deploi estimate): roughly $9,000–$36,000/yr (Deploi estimate, illustrative) for Storefront and Customer Account API version bumps, catalog logic changes as accounts are added, and the regression tests that keep contract pricing correct on every surface.
What you own — and what you take on
You own: the company context switcher, catalog-aware queries, quantity rules, quick order, reorder and every price rendered on the storefront. You take on: proving contract pricing is right on search, cart and recommendations, not just the product page. Shopify keeps: companies, locations, catalogs, price lists, payment terms and checkout.

3-Year Total Cost of Capability

Buy (app path)Build (custom path)
Year 0 (setup)$8,000–$25,000 (app configuration, catalog setup, theme work)$60,000–$180,000
Years 1–3 (recurring)$10,800–$18,000 (subscription at listed plans)$27,000–$108,000 (maintenance)
3-year total≈$18,800–$43,000≈$87,000–$288,000
Illustrative cumulative cost over 36 months$0$51k$102k$153k$203kMo 0Mo 12Mo 24Mo 36Buy (app path)Build (custom path)
Illustrative cumulative cost over three years. The lines never cross, and they are not meant to: the app lane and the build lane serve different storefronts. The app is the right answer while wholesale runs on a Liquid theme, and it becomes the wrong answer the moment the storefront is React, because there is no version of it that renders there.
  • All figures illustrative samples for the reference scenario — not quotes, not verified pricing.
  • Buy column = SparkLayer B2B & Wholesale at its top listed plan on an Online Store 2.0 theme, with the theme's own build cost excluded because both columns assume a storefront already exists.
  • Build column = the B2B layer on a Hydrogen storefront: company context, catalog-aware browsing, quantity rules, quick order, reorder and B2B checkout behavior; three-year horizon.

What the Sticker Price Hides

On the buy path

  • SparkLayer's listing never mentions headless, Hydrogen, API-first or custom storefront (verified Sep 2026), so an app budgeted into a React project buys nothing
  • Apps in this category render through theme app blocks and checkout UI extensions, which means a future headless move rebuilds the whole B2B experience
  • Checkout UI extensions on the information, shipping and payment steps are Plus-only (verified Sep 2026), so an app's B2B checkout depth depends on your plan
  • B2B catalogs cap at 3 below Plus (verified Sep 2026), and an app's own pricing rules are how merchants work around that, which adds a second source of truth for price

On the build path

  • $60,000–$180,000 on top of the base storefront (Deploi estimate, illustrative), and the B2B layer is the part clients underestimate
  • Contract pricing has to be right on search, recommendations, cart and email, not only the product page, which is where most custom B2B storefronts leak
  • Catalogs govern visibility as well as price, so collection pages, search and sitemaps all need the catalog filter or buyers hit products they cannot order
  • Deposit requirements, partial payments and payment requests per fulfillment are Plus only (verified Sep 2026); a below-Plus build cannot express them at any budget

What Merchants Say

B2B teams scoping a first Hydrogen project describe assuming their wholesale app would come along, then discovering in week three that theme app blocks have nowhere to render.
community-reported (2026 research corpus)
The recurring failure on custom B2B storefronts is contract pricing that is correct on the product page and wrong in search, recommendations or the cart, which buyers notice immediately.
community-reported (2026 research corpus)

If You Change Your Mind Later

If you bought and outgrow it

Company records, catalogs and price lists stay in Shopify, so leaving a B2B app strands configuration rather than pricing data. What does not survive is the app's own rules layer: quantity breaks, order minimums and quote logic held inside the vendor get re-implemented wherever you go next, which is the real switching cost.

If you built and want out

The build sits directly on native objects, so retreating to a themed store with an app means rebuilding the front end and keeping every company, catalog and price list exactly where it already is. Keep quantity rules and order minimums in Shopify metafields rather than storefront code and that retreat stays a front-end project.

When This Answer Changes

We're watching for:

  • A major B2B app shipping headless components or a documented Hydrogen integration, which would create a buy lane that does not exist today
  • Shopify publishing B2B storefront components or a reference B2B Hydrogen implementation, which would cut the build's first six weeks
  • Changes to the Plus-only line on direct company catalogs, deposits, partial payments or checkout UI extension placement

Verdict change log:

No changes since first publication (September 2026).

Common Questions

Does Hydrogen include B2B company pricing out of the box?

No, Hydrogen does not include B2B company pricing out of the box. Shopify's B2B objects for companies, locations, catalogs and price lists are native and reachable by API (verified Sep 2026). Shopify also names headless commerce as a B2B storefront pattern built with Hydrogen and Oxygen. The company-context UI is yours: an estimated $60,000 to $180,000 on top of the base storefront (Deploi estimate, illustrative).

Do B2B apps like SparkLayer work on a Hydrogen storefront?

No, B2B apps built for Liquid themes do not work on a Hydrogen storefront. SparkLayer B2B & Wholesale (4.9★, 382 reviews, free to $299/month, verified Sep 2026) was fetched in full on 2026-09-05 and searched for headless, Hydrogen, API-first and custom storefront: zero mentions. Apps in this category reach shoppers through theme app blocks and checkout UI extensions, which a React storefront never renders.

What does a company-aware Hydrogen storefront actually need?

A company-aware Hydrogen storefront needs buyer authentication through the Customer Account API, a company and location context switcher, catalog-aware product and collection queries, contract pricing on every price shown, and B2B checkout behavior. Plus adds unlimited B2B catalogs against 3 on Basic, Grow and Advanced, plus direct company catalogs (verified Sep 2026). Budget an estimated 4 to 7 months (Deploi estimate, illustrative).

Your Next Steps

If you're going with CUSTOMIZE(matches your selected profile)

  1. Decide blended or dedicated store first; the choice sets the shape of every template after it
  2. Resolve company and location context once per session from the Customer Account API and thread it through every query
  3. Apply the catalog filter to collections, search, sitemaps and recommendations, not just to price
  4. Put quantity rules, case packs and order minimums in Shopify metafields so they survive a front-end change
  5. Write regression tests that check a contract price on the product page, in search, in cart and in email

If you're going with BUY

  1. Confirm your B2B catalog count against the 3-catalog allowance below Plus (verified Sep 2026)
  2. Trial SparkLayer on the theme with two real accounts and their actual negotiated prices
  3. Keep pricing in Shopify catalogs and price lists wherever the app allows, so there is one source of truth
  4. Run wholesale on the Online Store channel while a D2C Hydrogen storefront ships in parallel
  5. Re-decide when wholesale revenue or account count would fund the six-figure storefront build

Official Docs & Sources

Official documentation linked for verification — our verdicts and estimates are our own.

Ready to price a B2B storefront on Hydrogen honestly?

We scope the company context switcher, catalog-aware browsing and contract pricing across every surface, and we say plainly when your wholesale business is better served staying on a theme.

Contact us today

Ecommerce development at Deploi

Verdict scored for the reference scenario above. Estimates are not quotes; app pricing carries its verification date and gets re-verified quarterly. Full scoring anchors: see the TCC methodology.

Read how we score these decisions (the TCC Framework). No affiliate links, no paid placement — no app vendor pays to appear here.

No affiliate links. No paid placement. We make money building and integrating solutions — not on referral fees.