Butikkdesignet
Velg typografi, bilder, fargevalg og handlekurv. Åtte design viser ulike løsninger med den samme publiserte katalogen. Famme og Lookbook viser i tillegg isolerte motedesign.
HTML · CSS · JavaScriptSe designene Nettbutikk + Kassasystem + RegnskapAlt i en plattform
Publiser produkter i ReAI. Hent dem til et butikkdesign du styrer selv. Bruk samme plattform til checkout, kassasystem, ordre og regnskap, uten dyre integrasjoner mellom disse systemene.
Test hele kjøpsflyten fra 1 krSTUDIO / UI scenario
Studio / Essential349 krSimulert produkt & lager
Farge
Størrelse
SMLXL
KatalogProdukter · varianter
CheckoutBetaling · faktura
RegnskapOrdre · oppfølging
Dette håndterer ReAI.
Åpne en funksjon for å se dataene, oppsettet og hvordan du kan prøve den.
01
Kassasystem
Salg i butikk og på nett, samlet med regnskapet i ReAI.
ReAI02Katalog & varianter
Produkter, bilder, beskrivelser, varianter, pakker og samlinger.
Site API03Priser & rabatter
Bruttopriser, sammenligningspris og rabattkoder med regler.
Site API + checkout04Lager & tilgjengelighet
Tilgjengelighet per variant. Checkout validerer lager på nytt.
Site API05Checkout & betaling
Adyen, kort og lommebøker. Tilgjengelige metoder avhenger av oppsett.
Hosted checkout06Frakt & henting
Bring, PostNord, hentested og lokal henting for fysiske varer.
Hosted checkout07B2B & EHF
Firmasøk og fakturaordre. Selger utsteder faktura og sender EHF senere.
Checkout + ReAI08Kunder & samtykke
E-postpåmelding med eksplisitt samtykke, lagret hos Site-eieren.
Site API09Markeder & språk
Marked, valuta og lokaliserte tekster fra samme datakilde.
Site API10Ordre & oppfølging
Ordre, fraktetiketter, delvis refusjon og regnskap håndteres i ReAI.
ReAI adminSamme produkter.
Flere måter å handle på.
En kolleksjon er data. Et rutenett, en liste eller en bildestory er design.
Kurater selv. Eller bruk regler.
ReAI støtter manuelle samlinger og automatiske samlinger med regler. Site API leverer resultatet, mens du velger hvordan det presenteres.
- Manuell: valgte produkter + rekkefølge
- Automatisk: regel → publiserte treff
- Site API → ditt butikkdesign
Samme virksomhet. Også i butikk.
Nettbutikken viser publiserte produkter via Site API. Fysisk salg skjer i ReAIs kassasystem. Produkter, kvitteringer, betalinger og regnskapsoppfølging håndteres i samme plattform, med riktig oppsett for hvert salgssted.
- På nett: eget design + Site API
- I butikk: ReAI kassasystem
- I ReAI: salg, betaling og regnskap
Betalt, levert og bokført er ulike steg.
ReAI håndterer ordre og betaling. Selger følger opp levering, faktura, refusjon og oppgjør i plattformen. B2B kan opprette en ubetalt fakturaordre. Fraktetikett betyr ikke levert, og retur fra checkout betyr ikke betalt.
- Checkout → bekreftet betalingsutfall
- Ordre → levering eller henting
- Faktura, refusjon, oppgjør → regnskap
Site API viser publiserte butikkdata. Privat regnskap blir i ReAI.
SLIK ER DENNE BUTIKKEN BYGGETDesign på nettsiden.
Design på nettsiden.
Handelsdata i ReAI.
Du trenger ikke et bestemt tema eller rammeverk. API-et leverer publiserte data; nettsiden bestemmer hvordan de vises.
Produkter fra Site API
Publiser produkter, priser, samlinger og oversettelser i ReAI. Nettsiden henter dataene og presenterer dem i sitt eget design.
Katalog → varianter → tilgjengelighetSe dataene butikken bruker Checkout og regnskap
Send variant-ID og antall til checkout. ReAI beregner pris og rabatt, tar imot betalingen og følger ordren videre i plattformen.
Handlekurv → betaling → ordreFølg hele kjøpsflyten Raskt uten en tung frontend
Disse sidene kommer som ferdig HTML fra en Cloudflare Worker. CSS og bilder bygger designet; JavaScript brukes til kurv, fargevalg og skjemaer. Katalogen kan mellomlagres med ETag, mens lagerstatus må hentes fersk og valideres igjen i checkout.
Lær om rendering, ytelse og API-tilgangFra handlekurv
til regnskap.
- ButikkenDesign & Site API
- ReAI checkoutAdyen / B2B
- Ordre & leveringReAI
- RegnskapReAI
Ti butikkdesign for ulike kjøpsoppgaver.
Prøv bannere, kolleksjoner, fargevalg, hurtigkjøp og handlekurver. Åtte design bruker live ReAI-data. Famme og Lookbook bruker en isolert motekatalog.
10 design
EVERYDAYKolleksjon
Everyday — Startklar nettbutikk
Samme mal som ReAI oppretter for nye butikker: nyhetsbrev, kolleksjonsfiltre, produktbilder, språkvalg, kurv i skuff og checkout.
LAUNCHKolleksjon
Launch — Én vare, hele flyten
Et gavekort får hele forsiden. Inline beløpsvalg, live tilgjengelighet og kurv i skuff.
LOOKBOOKKolleksjon
Lookbook — Handle fra bildene
Redaksjonelle antrekk med klikkbare plagg, produktvalg i skuff og innganger til kolleksjoner. Separat testkurv.
TRADEKolleksjon
Trade — Kompakt bestillingsliste
Flere varianter og antall på samme side. Live priser og tilgjengelighet, med forklaring av fakturaordre og EHF.
FAMMEKolleksjon
Famme — Bannere & mote
Famme-bilder i AVIF, mobilbanner, kolleksjoner, hurtigkjøp og separat testkurv. Illustrerende produktdata.
ESSENTIALKolleksjon
Essential — Tre produkter
En liten butikk med beløpsvalg direkte på forsiden, live ReAI-data og kurv i skuff.
INDEXKolleksjon
Index — Kolleksjoner først
Filtrer publiserte samlinger etter produkttype, kategori, egenskaper og varianter. Søk, sorter og bytt mellom liste og rutenett.
STUDIOKolleksjon
Studio — Skuffer & fargevalg
Et rent produktfokus med fargevalg og en handlekurv som blir på siden.
ATELIERKolleksjon
Atelier — Redaksjonell butikk
Mer plass til historien. Samlinger, gaver og et roligere uttrykk.
SUPPLYKolleksjon
Supply — Lager & varianter
En funksjonell butikk med synlig tilgjengelighet for hver variant.
Famme-fotografier brukes med tillatelse. Den illustrerende motekatalogen i Famme og Lookbook er isolert fra live-butikken med testkjøp, gavekort og utviklingsstøtte.
PRØV DEN FAKTISKE KJØPSFLYTENFra 1 kr til
Fra 1 kr til
betaling og ordre.
Velg 1, 10 eller 100 kr. Legg produktet i kurven, åpne ReAI checkout og følg hva som skjer med betaling, ordre og kvittering.
Fullført betaling trekker beløpet og går til Better Integration. Ingen varer eller tjenester leveres for testproduktet.
- 01
Handlekurv
Velg variant og antall. Prisen kommer fra ReAI.
- 02
Checkout
Prøv rabattkode og en tilgjengelig betalingsmåte.
- 03
Betalingsresultat
Bekreftet betaling er fasiten, ikke retur til nettsiden.
- 04
Ordre i ReAI
Selger ser ordre, betaling og videre oppfølging.