Storefront widgets
How it works
When a B2B customer signs in, SparkLayer replaces your store's own pricing, "add to cart" buttons, cart and account pages with its interfaces. Each interface uses the customer's customer group to show their prices, quantity rules, stock and payment methods.
Browse
Choose products
Build the order
Check out
Track and reorder
The interfaces
Each interface page starts with what customers see and do, then shows you how to add and set it up.
| Interface | Where it appears | What customers can do |
|---|---|---|
| My Cart | An overlay that opens from your store's cart link, on any page | Build an order, import products, check out and choose a payment method |
| My Account | An overlay that opens from your store's account link, on any page | See order history, reorder, manage shopping lists, addresses and account details |
| Product detail | Product pages, in place of the price and "add to cart" area | See their price, stock and pack sizes, and order one or many variants |
| Product matrix | Product pages, usually for products with two or more variant options | Order every colour and size combination from one table |
| Product card | Collection (category) pages and anywhere else a product card shows | See their price and add products without opening the product page |
| Product price | Anywhere you add it on product or collection pages | See their B2B price or the RRP |
You can also add your own content inside My Cart, My Account and the checkout with custom slots.
To change how the interfaces look and behave, see Customising the design and How products are shown.
The B2B cart and four-step checkout.
Order history, reordering, shopping lists and addresses.
B2B pricing and ordering on product pages.
Every variant of a product in one table.
B2B pricing and ordering on collection pages.
A B2B price or RRP anywhere on your store.
Add your own messages and banners inside My Cart and My Account.
Last updated