Storefront design
Choose typography, photography, swatches and a cart. Eight designs show different approaches using the same published catalog. Famme and Lookbook add isolated fashion designs.
HTML · CSS · JavaScriptCompare the designs Online store + Point of sale + AccountingAll in one platform
Publish products in ReAI. Fetch them into a storefront design you control. Use the same platform for checkout, point of sale, orders and accounting, without expensive integrations between those systems.
Test the full purchase flow from 1 krSTUDIO / UI scenario
Studio / Essential349 krSimulated product & stock
Color
Size
SMLXL
CatalogProducts · variants
CheckoutPayment · invoice
AccountingOrders · operations
What ReAI handles.
Open a feature to see its data, configuration and how to try it.
01
Point of sale
In-store and online sales, together with accounting in ReAI.
ReAI02Catalog & variants
Products, images, descriptions, variants, bundles and collections.
Site API03Prices & discounts
Gross prices, compare-at prices and discount codes with rules.
Site API + checkout04Stock & availability
Per-variant availability. Checkout validates stock again.
Site API05Checkout & payments
Adyen, cards and wallets. Available methods depend on configuration.
Hosted checkout06Shipping & pickup
Bring, PostNord, pickup points and local collection for physical goods.
Hosted checkout07B2B & EHF
Company search and invoice orders. The merchant issues invoices and sends EHF later.
Checkout + ReAI08Customers & consent
Email signup with explicit consent, recorded for the Site owner.
Site API09Markets & languages
Markets, currency and localized content from one source.
Site API10Orders & operations
Orders, shipping labels, partial refunds and accounting are handled in ReAI.
ReAI adminThe same products.
More ways to shop.
A collection is data. A grid, a list or a photo story is design.
Curate by hand. Or use rules.
ReAI supports manual collections and automated collections with rules. The Site API supplies the result; you choose how to present it.
- Manual: chosen products + ordering
- Automated: rule → published matches
- Site API → your storefront design
The same business. Also in store.
The storefront shows published products through the Site API. In-store sales use ReAI’s point of sale. Products, receipts, payments and accounting follow-up belong to the same platform, with the right configuration for each sales location.
- Online: custom design + Site API
- In store: ReAI point of sale
- In ReAI: sales, payments and accounting
Paid, fulfilled and posted are separate steps.
ReAI handles orders and payments. The merchant follows up fulfillment, invoicing, refunds and settlement in the platform. B2B can create an unpaid invoice order. A shipping label does not mean delivered; returning from checkout does not mean paid.
- Checkout → confirmed payment outcome
- Order → shipping or pickup
- Invoice, refund, settlement → accounting
The Site API exposes published store data. Private accounting stays in ReAI.
HOW THIS STORE IS BUILTDesign on the website.
Design on the website.
Commerce data in ReAI.
No particular theme or framework is required. The API supplies published data; the website decides how to display it.
Products from Site API
Publish products, prices, collections and translations in ReAI. The website fetches those records and presents them in its own design.
Catalog → variants → availabilityInspect the store’s data Checkout and accounting
Send variant IDs and quantities to checkout. ReAI calculates prices and discounts, takes payment and tracks the order in the platform.
Cart → payment → orderFollow the purchase flow Fast without a heavy frontend
These pages arrive as HTML from a Cloudflare Worker. CSS and images build the design; JavaScript handles the cart, swatches and forms. Catalogs support ETag caching, while availability needs fresh reads and validation again at checkout.
Learn about rendering, performance and API accessFrom cart
to accounting.
- The storefrontDesign & Site API
- ReAI checkoutAdyen / B2B
- Orders & deliveryReAI
- AccountingReAI
Ten storefront designs for different shopping tasks.
Try banners, collections, swatches, quick-add and carts. Eight designs use live ReAI data. Famme and Lookbook use an isolated fashion catalog.
10 designs
EVERYDAYCollection
Everyday — A complete starter store
The template ReAI creates for new stores: newsletter signup, collection filters, product images, languages, cart drawer and checkout.
LAUNCHCollection
Launch — One product, the whole flow
A gift card takes the full front page. Inline amounts, live availability and a cart drawer.
LOOKBOOKCollection
Lookbook — Shop from the photographs
Editorial outfits with clickable pieces, product selection in a drawer and collection navigation. Separate test cart.
TRADECollection
Trade — Compact order list
Several variants and quantities on one page. Live prices and availability, with invoice order and EHF explanations.
FAMMECollection
Famme — Banners & fashion
Famme AVIF photography, mobile banners, collections, quick-add and a separate test cart. Illustrative product data.
ESSENTIALCollection
Essential — Three products
A small store with inline amount selection, live ReAI data and a cart drawer.
INDEXCollection
Index — Collections first
Filter published collections by product type, category, attributes and variants. Search, sort and switch between list and grid.
STUDIOCollection
Studio — Drawers & swatches
A clean product focus with swatches and a cart that stays on the page.
ATELIERCollection
Atelier — Editorial commerce
Room for the story. Collections, gifts and a quieter expression.
SUPPLYCollection
Supply — Stock & variants
A functional store with visible availability for every variant.
Famme photography is used with permission. The illustrative fashion catalog in Famme and Lookbook is isolated from the live store’s test purchases, gift cards and development support.
TRY THE ACTUAL PURCHASE FLOWFrom 1 kr to
From 1 kr to
payment and order.
Choose 1, 10 or 100 kr. Add the product to your cart, open ReAI checkout and follow payment, order and receipt.
Completing payment charges the amount and pays Better Integration. No goods or services are delivered for the test product.
- 01
Cart
Choose a variant and quantity. Prices come from ReAI.
- 02
Checkout
Try a discount code and an available payment method.
- 03
Payment result
Confirmed payment is authoritative, not a return to the website.
- 04
Order in ReAI
The merchant sees the order, payment and subsequent operations.