1. Connect your catalog
Whatmore reads your products through the SFCC Shopper Products API (SCAPI / OCAPI) and you map the fields in the dashboard. Your product endpoint is typically:client_product_id, price, compare-at, product URL, image) — see
Catalog API → Connect in the dashboard.
(Also push price/stock/image updates via the Catalog API.)
2. Embed the widget
In the dashboard, set up a surface, choose a template, and copy the generated snippet:- SFRA: paste it into an ISML template (PDP, homepage), optionally packaged as a small cartridge.
- PWA Kit / headless: mount it in your React storefront.
3. Authentication
For order tracking, fetch a bearer token fromGET /auth/access-token?store_id=<store_id>
server-side (store credentials in SFCC service config). See
Authentication.
4. Order tracking
On order confirmation, call Order Tracking with the order items. The web widget stores video-view / add-to-cart signals inlocalStorage, so the
ready-to-use snippet picks them up.
Verify
- Products appear in your Whatmore dashboard catalog
- Widget renders from the pasted snippet
- Order tracking fires on confirmation and attribution shows in the dashboard
