Representativ kjøpsoppgave

Prøv ett produkt. Se hvert ærlige svar.

Sjekk butikker i nærheten for dette produktet. Sammenlign deretter de åtte widgetene og prøv verktøyet.

Hvor du kan kjøpe

Purus Corner Linear Drain nær Stockholm

Bygget widgetpakke

Laster inn den aktive innbyggingen fra cdn.test.stockisto.com…

Dette eksemplet viser butikker i nærheten for eksempelproduktet.

Din egen inngang

La det siste klikket lande hos deg

En kunde som leter etter produktet ditt, bør lande et sted du kontrollerer. Det er ditt eget nettsted: «hvor kjøpe»-siden eller produktsidene du allerede driver. Stockisto vises der under merkevaren din.

yourbrand.example/where-to-buy

Innbyggingene

8 innbygginger, én skripttagg hver

Hvert kort har taggen du skal lime inn. Der en widget kan kjøre på denne siden, kjører kortet den publiserte pakken mot demo-purus, et prøvemerke. Hvor å kjøpe viser alle sine fem visninger.

Produktsider

Hvor å kjøpe

data-widget-type="where-to-buy"

De autoriserte forhandlerne i nærheten av kjøperen, rangert med bekreftet lager først. Hver rad har butikkens eget lagersignal, hvor gammelt signalet er og en måte å nå dem på.

Slik får merkevaren din nytte av den

Siden som selger produktet ditt, bør ende ved en hylle. En rad oppgir bare lagerstatusen forhandleren har rapportert, og alderen på rapporten står på raden i stedet for i en fotnote.

Hvor skal den settes

Produktsider og en egen side om hvor man kan kjøpe. Den samme widgeten passer til begge: data-view velger hvor mye av siden den tar.

Hele butikklisten, for en side om hvor man kan kjøpe.

Demodata · demo-purus er et prøvemerke

Laster inn den aktive innbyggingen fra cdn.test.stockisto.com…

<script
  src="https://cdn.test.stockisto.com/widget.js"
  data-stockisto-widget="true"
  data-stockisto-slug="demo-purus"
  data-api-base="https://api.test.stockisto.com"
  data-widget-type="where-to-buy"
  data-lat="59.3293"
  data-lng="18.0686"
  data-radius="50"
  data-supplier-name="Purus"
  data-jsonld="off"
  data-view="full"
  data-analytics-consent="false"
  async
></script>

Innstillinger for utvikleren din

data-sku="line-700": Omfang til én produktkode. Utelat det og listen løper over hele merkevaren.
data-filter="confirmed|showroom": Vis bare butikker med bekreftet lager, eller bare butikker med en utstilling. Som standard vises alle butikker søket finner.
data-rank="distance|price": Sorter etter avstand eller pris. Som standard kommer bekreftet lager først, og plasseringen selges aldri.
data-prices="online|off": Vis bare nettpriser, eller ingen priser. Som standard viser hver rad prisen forhandleren publiserer, og ingenting der de ikke publiserer en.
data-audience="trade": Listen for fagkunder: bare forhandlerne og grossistene du har autorisert.
data-reserve="true": La kunder reservere i en butikk. Krever en produktkode i data-sku.
data-per-view="5": Hvor mange butikker hver visning viser, 1 til 12. Standard er 3.
data-theme="dark": Velg et navngitt forvalg (heritage, light, dark, minimal eller dense), eller oppgi en aksentfarge med tre eller seks heksadesimale sifre. Ugyldige verdier bruker Stockisto-standarden i stedet for å ødelegge siden.
data-lang="sv-SE": Sett grensesnittet til svensk (sv), norsk bokmål (nb), dansk (da) eller finsk (fi), med eller uten regionkode. Utelat verdien for å følge sidens lang-attributt. Verdier som ikke støttes, viser engelsk.

Merkevaresider

Butikksøker og forhandlerkatalog

data-widget-type="store-locator"

Hele forhandlernettverket som kart eller servergjengitt forhandlerkatalog. Besøkende kan veksle mellom visningene i innbyggingen.

Slik får merkevaren din nytte av den

Erstatter finn-en-butikk-siden og den håndholdte forhandlerlisten. En forhandler lagt til nettverket får en pin-kode og en katalograd samme dag.

Hvor skal den settes

Butikksøker- og forhandlersider. data-view velger hvilken visning som lastes først.

Demodata · demo-purus er et prøvemerke

Laster inn den aktive innbyggingen fra cdn.test.stockisto.com…

<script
  src="https://cdn.test.stockisto.com/widget.js"
  data-stockisto-widget="true"
  data-stockisto-slug="demo-purus"
  data-api-base="https://api.test.stockisto.com"
  data-widget-type="store-locator"
  data-analytics-consent="false"
  async
></script>

Innstillinger for utvikleren din

data-view="list": Åpne forhandleroversikten i stedet for kartet. Vekslingen i widgeten viser begge visningene uansett.
data-map-height="720": Angir en ramme fra 320 til 800px. Kartet bruker 480px som standard og listen 560px.

Merkevaresider

Finn montør

data-widget-type="installer-finder"

Godkjente montører med publiserte dekningsområder, tjenestefiltre og forespørsel om tilbakeringing i én ramme.

Slik får merkevaren din nytte av den

Montering er det siste hinderet for å selge et produkt som må installeres. Vis kunden en godkjent montør med reelle kontaktopplysninger, så fjernes hinderet og prosjektet forblir knyttet til produktet ditt.

Hvor skal den settes

Sider der kunden finner en montør i merkevarens godkjente nettverk.

Demodata · demo-purus er et prøvemerke

Laster inn den aktive innbyggingen fra cdn.test.stockisto.com…

<script
  src="https://cdn.test.stockisto.com/widget.js"
  data-stockisto-widget="true"
  data-stockisto-slug="demo-purus"
  data-api-base="https://api.test.stockisto.com"
  data-widget-type="installer-finder"
  data-analytics-consent="false"
  async
></script>

Innstillinger for utvikleren din

data-map-height="720": Angir rammehøyden i piksler fra 320 til 800. Standardhøyden 640 holder tilbakeringingsskjemaet i rammen brukbart.

Produktsider

Veiledet videresending

data-widget-type="guided-handoff"

En trinnvis flyt som sender kunden til en forhandler som kan prise jobben. Produktet og kundens eget samtykke følger med det som sendes.

Slik får merkevaren din nytte av den

Produkter som må monteres, ender sjelden rett i handlekurven. Denne visningen sender kunden til noen som kan prise arbeidet, i stedet for å la produktsiden bli siste stopp.

Hvor skal den settes

Produktsider for alt som trenger profesjonell installasjon.

Demodata · demo-purus er et prøvemerke

Laster inn den aktive innbyggingen fra cdn.test.stockisto.com…

<script
  src="https://cdn.test.stockisto.com/widget.js"
  data-stockisto-widget="true"
  data-stockisto-slug="demo-purus"
  data-api-base="https://api.test.stockisto.com"
  data-widget-type="guided-handoff"
  data-lat="59.3293"
  data-lng="18.0686"
  data-radius="50"
  data-supplier-name="Purus"
  data-analytics-consent="false"
  async
></script>

Innstillinger for utvikleren din

data-sku="line-700": Legger produktet ved forespørselen.

Produktsider

Varsel når varen er tilbake på lager

data-widget-type="stock-alert"

Et lite samtykkeskjema: én e-postadresse, ett produkt, én butikk, én melding. Dobbel opt-in, så ingen abonnerer før de bekrefter.

Slik får merkevaren din nytte av den

Gjør et resultatløst søk til et kundeemne du kan handle på, og viser deg hvor etterspørselen ikke blir dekket, uten å legge til noen på en liste de aldri har bekreftet.

Hvor skal den settes

Ved siden av et produkt på en side med butikkomfang, der kunden allerede vet hvilken butikk de vil ha det fra.

Ingen livedemo her: widgeten trenger en id som bare kontoen din har. Kodebiten har en plassholder for den, og limt inn som den er, viser widgeten ingenting.

<script
  src="https://cdn.test.stockisto.com/widget.js"
  data-stockisto-widget="true"
  data-stockisto-slug="demo-purus"
  data-api-base="https://api.test.stockisto.com"
  data-widget-type="stock-alert"
  data-store-id="YOUR-STORE-LOCATION-ID"
  data-sku="YOUR-SKU-CODE"
  data-analytics-consent="false"
  async
></script>

Innstillinger for utvikleren din

data-store-id="YOUR-STORE-LOCATION-ID": Forhandlerens LOCATION-ID (en GUID) varselet handler om. En ikke-GUID skjuler skjemaet i stedet for å gjette en butikk.
data-sku="YOUR-SKU-CODE": Produktkoden kunden venter på. Uten den er det ingenting å varsle om, og skjemaet skjuler seg.
data-lang="sv-SE": Støttede språk i grensesnittet: sv, nb, da og fi.

Forhandlere og butikker

Lager, pris og reserve

data-widget-type="store-availability"

Dine egne filialer i nærheten av kunden. Hver rad viser lagersignalet for produktet på siden og prisen din der du publiserer den.

Slik får butikken din nytte av den

Dine hyller og din pris, på dine egne produktsider. Kunder får svar per filial i stedet for ett flagg på lager på hele nettstedet.

Hvor skal den settes

Forhandlerens egne produktsider.

Ingen livedemo her: widgeten trenger en id som bare kontoen din har. Kodebiten har en plassholder for den, og limt inn som den er, viser widgeten ingenting.

<script
  src="https://cdn.test.stockisto.com/widget.js"
  data-stockisto-widget="true"
  data-stockisto-slug="demo-purus"
  data-api-base="https://api.test.stockisto.com"
  data-widget-type="store-availability"
  data-retailer="YOUR-RETAILER-SLUG"
  data-sku="YOUR-SKU-CODE"
  data-analytics-consent="false"
  async
></script>

Innstillinger for utvikleren din

data-retailer="YOUR-RETAILER-SLUG": Forhandlerens URL-navn. Radene filtreres til dine egne filialer, og en verdi uten treff gir en tom liste.
data-sku="YOUR-SKU-CODE": Produktkoden siden handler om. Uten den svarer ikke listen på et spørsmål per produkt.
data-lang="sv-SE": Støttede språk i grensesnittet: sv, nb, da og fi.

Forhandlere og butikker

Butikkort

data-widget-type="store-card"

En av butikkene dine på ditt eget nettsted: adresse og åpningstider, merkene den fører og kundevurderingen, i ett kort.

Slik får butikken din nytte av den

Utdaterte åpningstider koster butikkbesøk, og de fleste butikksider har minst ett utdatert sett. Rett opp oppføringen én gang, så oppdateres dette kortet, alle merkevarenes butikksøkere du vises i, og katalogsiden din samtidig.

Hvor skal den settes

Kontakt- og besøkssider, sidebunntekster og koblingen i Google Business-profilen din.

Ingen livedemo her: widgeten trenger en id som bare kontoen din har. Kodebiten har en plassholder for den, og limt inn som den er, viser widgeten ingenting.

<script
  src="https://cdn.test.stockisto.com/widget.js"
  data-stockisto-widget="true"
  data-stockisto-slug="demo-purus"
  data-api-base="https://api.test.stockisto.com"
  data-widget-type="store-card"
  data-store-id="YOUR-STORE-LOCATION-ID"
  data-analytics-consent="false"
  async
></script>

Innstillinger for utvikleren din

data-store-id="YOUR-STORE-LOCATION-ID": Hvilken butikk kortet beskriver: steds-ID-en (en GUID) fra Stockisto-oppføringen din. En verdi som ikke er en GUID, skjuler kortet i stedet for å gjette en butikk.
data-show-visit="false": Skjul adresse, åpningstider og telefon.
data-show-brands="false": Skjul merkene butikken fører.
data-show-rating="false": Skjul kundevurderingen. Alle tre delene er på som standard.

Montører og faghandel

Montørkort

data-widget-type="installer-card"

Registreringen din i et montørregister og det publiserte serviceområdet ditt på ditt eget nettsted, med et ærlig svar på om besøkendes postnummer dekkes.

Slik får bedriften din nytte av den

Hvem som helst kan skrive "godkjent montør" på et nettsted. Et merke som oppgir registeret og datoen for kontrollen, kan etterprøves. Det samme kan ikke sies om et merke som bare oppgir en merkevare.

Hvor skal den settes

Montørens eget nettsted, på tjeneste- eller kontaktsiden.

Ingen livedemo her: widgeten trenger en id som bare kontoen din har. Kodebiten har en plassholder for den, og limt inn som den er, viser widgeten ingenting.

<script
  src="https://cdn.test.stockisto.com/widget.js"
  data-stockisto-widget="true"
  data-stockisto-slug="demo-purus"
  data-api-base="https://api.test.stockisto.com"
  data-widget-type="installer-card"
  data-installer="YOUR-INSTALLER-ID"
  data-analytics-consent="false"
  async
></script>

Innstillinger for utvikleren din

data-installer="YOUR-INSTALLER-ID": Hvem kortet tilhører: montørens ID (en GUID). En verdi som ikke er en GUID, skjuler kortet i stedet for å gjette.
data-show-credential="false": Skjul registreringen.
data-show-coverage="false": Skjul sjekken av serviceområdet. Begge delene er på som standard.

Bak hver innbygging

Én pakke, én gjengiver, én kontrakt.

Alle kortene ovenfor er det samme skriptet som leser ulike attributter. Hva en rad viser, bestemmes av forhandlerens egne data. Hvordan innbyggingen ser ut og oppfører seg, bestemmes av taggen.

Forhandlerstigen

Fem trinn, fra offentlig oppføring til reservasjon og henting.

En rad viser bare hva forhandleren har tjent. Hvert trinn legger til en sterkere handling, og å ønske den sterkere handlingen er det som holder en forhandlers data oppdatert.

01OppførtNavn, adresse og publiserte åpningstider fra offentlige data. En lagerrapport ingen har gått god for er merket som en rapport og bærer den nøytrale oppførte fargen, aldri den selvsikre grønne.Offentlige data
02Kan nåsEn besøkskobling der butikken publiserte et nettsted, en anropskobling der nummeret kan ringes opp, og veibeskrivelser der oppføringen har reelle koordinater. Hver kontroll vises bare når det finnes et eget felt.Telefon eller nettside
03Bekreftet lagerstatusEn butikk som sender inn egen lagerstatus, får et bekreftet signal og en ferskhetslinje datert fra siste rapport. Disse radene rangeres over alt som ikke er bekreftet.En lagerfeed
04PrisPå forhandlerens egne produktsider kan raden vise butikkens pris. Serveren sender den bare når butikken publiserer en pris som er under én måned gammel, slik at radene ikke viser utdaterte priser.En publisert pris
05ReservasjonReserver-og-hent-visningen gjør bekreftede rader til en reservasjon kunden fullfører uten å forlate siden. Raden viser «Reservert» først etter at reservasjonsforespørselen faktisk er gjennomført.Reservasjon aktivert

Bekreftet lager og avstand bestemmer bestillingen; plassering selges aldri. Hvert trykk på besøk, anrop og veibeskrivelse registreres som ett klikk, og bare når samtykkeverktøyet ditt har slått på analyse: før det sender innbyggingen ingenting i det hele tatt.

Temaer

Et tema er attributter, ikke en egen forgrening

Fem navngitte forhåndsinnstillinger og attributtene nedenfor leses alle fra skripttaggen. Én pakke og én gjengiver står bak alle uttrykkene på denne siden, så et tema krever verken et eget bygg eller en egen versjon som må holdes oppdatert.

heritageStandardvalget. Varm papirfarge, skogsgrønn aksent og myk skygge. Alle innbyggingene på denne siden bruker dette temaet.
lightNøytral grå og hvit for vertssider der den varme papirfargen skurrer.
darkVarme, mørke flater for mørke vertssider, uten glød og med en flat kant.
minimalHvit uten rammeelementer: små hjørner, hårtynne kanter og ingen skygge. Tekstfargen arves fra siden din, det eneste dette forvalget overlater til vertssiden.
denseHeritage-farger med kompakt skrift og avstand for sidefelt og bunntekst.

Attributtene den leser

data-theme-preset="dark": En av de fem over. Alt annet faller tilbake til Heritage.
data-theme="#C06B4A": Aksentfargen din som en 3- eller 6-sifret heksadesimal kode.
data-radius-scale="sm": Hjørneskala: sm, md eller lg.
data-density="compact": Radavstand: romslig eller kompakt.
data-shadow="flat": Skygge: myk, flat eller ingen.
data-font="serif": Skrift: grotesk, sans, serif, mono eller system. Den navngis, men lastes aldri opp, så innbyggingen bruker en skriftstabel siden allerede har.

Hvem redigerer denDen som eier taggen. Byggeren i dashbordet forhåndsviser attributtene og skriver dem inn i kodesnutten du limer inn. Deretter ligger temaet i taggen: endre en plassering ved å redigere attributtene, ikke ved å rulle ut innbyggingen på nytt.

Kontrasten kontrolleres ved gjengivelseEn aksentfarge som ikke oppnår kontrastforholdet 4,5:1 mot flaten den står på, avvises, og widgeten bruker sin egen aksent i stedet. Sjekken skjer ved hver sidevisning, ikke bare når du lagrer, så en merkevarefarge kan ikke gjøre en rad uleselig i det stille. Fargene for lagerstatus og ferskhet kan ikke tematiseres: ingen aksent eller forhåndsinnstilling kan endre fargen på en lagerpåstand.

Hver innbygging har sitt eget temaEn merkesides innebygging og en butikks innebygging på sitt eget nettsted er separate tagger med separate attributter over de samme dataene, slik at en butikkside forblir en butikkside.

Tre lag med konfigurasjon

Skrives én gang i taggen. Leses ved hver gjengivelse.

01Dashbordet ditt skriver taggenWidgetbyggeren forhåndsviser en konfigurasjon, lager skripttaggen og lagrer konfigurasjonene du vil gå tilbake til. Ingen konfigurasjon hentes fra kontoen din under gjengivelsen: innbyggingen gjør det taggen beskriver. Derfor fortsetter taggen også å fungere på en side ingen har rørt på et år.
02Taggen konfigurerer plasseringendata-widget-type velger widgeten, data-view velger en visning for Hvor å kjøpe, data-map-height setter høyden på et innrammet butikksøk, og temaattributtene bestemmer resten. Attributter som parseren ikke kjenner igjen, ignoreres i stedet for å bli tolket ved gjetting.
03Raden gjør seg fortjent til restenDet forhandlerens egne data inneholder, ikke taggen, avgjør hva en rad viser. Trinnene ovenfor er hele modellen. Du kan ikke slå på en pris for en butikk som ikke publiserer en, og innbyggingen finner ikke opp en.

Forberedt for implementering

Dette forholder utviklerne dine seg til

Alt ovenfor gjengis fra den ene skripttaggen øverst på siden. Dette er virkemåten bak, og hvert punkt håndheves enten av en byggesjekk eller dekkes av en test i kodebasen.

Én tagg: Ett asynkront skript per plassering, uten byggetrinn. Widgeten gjengis i sin egen shadow root når nettleseren støtter det, slik at CSS fra vertssiden og innbyggingen ikke påvirker hverandre. Hjørneknappen og reservasjonsmeldingen monteres på body-nivå.
Størrelsen er en byggesjekk, ikke et løfte: Den publiserte pakken måles ved hvert bygg, og bygget feiler hvis størrelsen overstiger det registrerte taket. Tallet står i widgetens egen budsjettfil, ikke i denne teksten, så siden kan ikke komme i utakt med grensen.
Ingenting laster tidlig: Taggen er asynkron, og dataforespørselen venter til innbyggingen nærmer seg visningsområdet. De innrammede kart- og montørdelene er iframes, så kartflisene belaster den innrammede siden og ikke produktsiden din.
Personvern som standard: Ingen informasjonskapsler. Analyse er slått av til data-analytics-consent er true, og før det sender innbyggingen ingen hendelser. Den skriver bare én sessionStorage-nøkkel, som hindrer at tilbake-navigering teller samme resultat to ganger.
Tastatur og kontrast: Rader, brytere og utvidere er ekte knapper, så Enter, mellomromstasten og fokusringen håndteres av plattformen. Dialoger tar fokus, holder Tab-fokus inne, lukkes med Escape og gir fokuset tilbake. Tekstparene i hvert forvalg testes mot WCAG AA i widgetens testsuite. Forvalget som arver sidens tekstfarge, registrerer dette i stedet for å hevde et kontrastforhold det ikke kan kjenne.
Når ting feiler: Et blokkert eller mislykket skript gjengir ingenting og lar siden være uskadd. Et tregt API viser en skjelettvisning. Et utilgjengelig API opplyser at innlastingen mislyktes og tilbyr et nytt forsøk, aldri en uriktig tomtilstand. En feilkonfigurert tagg logger det manglende attributtet og setter et merke overvåkingen kan finne, men viser fortsatt ingenting ødelagt til kundene.

Lekeplass

Gjør den til din, og kopier deretter taggen

Velg en modus, et temaforvalg, aksentfarge og oppsettsegenskaper. Den aktive forhåndsvisningen gjengis på nytt, og kodesnutten oppdateres underveis. Hvert attributt du ser, blir faktisk lest av den publiserte innbyggingen.

Modus

Forhåndsinnstilt tema (data-theme-preset)

Aksentfarge (data-theme)

widget standard (#1E5E45)

Hjørneradius (data-radius-scale)

Tetthet (data-density)

Skygge (data-shadow)

Skrifttype (data-font)

Verdier utenfor listen avvises trygt i widgeten. Et ukjent forvalg eller en ugyldig heksadesimal farge faller tilbake til Heritage-standarden, slik at en skrivefeil ikke kan ødelegge produktsiden.

Laster inn den aktive innbyggingen fra cdn.test.stockisto.com…

<script
  src="https://cdn.test.stockisto.com/widget.js"
  data-stockisto-widget="true"
  data-stockisto-slug="demo-purus"
  data-api-base="https://api.test.stockisto.com"
  data-widget-type="where-to-buy"
  data-lat="59.3293"
  data-lng="18.0686"
  data-radius="50"
  data-supplier-name="Purus"
  data-jsonld="off"
  data-analytics-consent="false"
  async
></script>

data-analytics-consent forblir "false" i hver genererte kodesnutt. Sett den til "true" først etter at samtykkeverktøyet (CMP) har registrert kundens samtykke.

Krevende vertssider

Bygget for sider som kjemper imot

Ekte vertssider leveres med aggressiv CSS, strenge sikkerhetsregler og ødelagte miljøer. Tre av disse forholdene kan kjøres direkte her. Resten kjøres som automatiserte tester mot syntetiske, krevende vertssider i CI og mot det utrullede miljøet. Ingen påstand i denne delen mangler en test som underbygger den.

Fiendtlig: tom CSS

Stilarket til denne beholderen angir div:empty { display:none !important }, en regel som i det stille stopper enkle innbygginger før de lastes. Widgetens monteringspunkt inneholder en skjult markør, så det samsvarer aldri med :empty og gjengis likevel.

Laster inn den aktive innbyggingen fra cdn.test.stockisto.com…

Feilkonfigurert med vilje

Denne innbyggingen leveres UTEN datakilde: ingen merkevareslug, leverandør-ID eller forhandler. Se hva widgeten gjør med det, og hva den nekter å gjøre.

Laster inn den aktive innbyggingen fra cdn.test.stockisto.com…

Åpne nettleserkonsollen: widgeten logget det nøyaktige attributtet som mangler. Konsollfeilen kommer fra widgeten med hensikt. Det er den ene ærlige bivirkningen av en feilkonfigurert innbygging.

320px kolonne

Den samme aktive innbyggingen er begrenset til en kolonne på 320px, den smaleste vanlige plassen i sidefelt og på mobil. Ingen vannrett overflyt eller avkuttede handlinger.

Laster inn den aktive innbyggingen fra cdn.test.stockisto.com…

Matrise over testede forhold

Hver rad er knyttet til automatisert dekning som finnes i kodebasen vår i dag: enhetssjekker ved hver push og nettlesertester mot syntetiske, krevende vertssider. Tabellen rapporterer denne dekningen. Den trekker ingen slutninger utover dette.

Forhold	Hva innbyggingen garanterer	Dokumentasjon
Vert med streng CSP: default-src 'none'; bare CDN-skriptet og API-tilkoblingen er tillatt	Starter og tegner uten avhengighet av innebygde skript eller eval. Ingen feil på siden.	Utrullet e2e (widget-hostile-host-matrix) + matrise i ekte nettlesere (tests/e2e/widget-host)
Vanlig HTTP-side (usikker kontekst, ingen crypto.randomUUID)	Starter uten feil på siden. Widget-ID-er faller tilbake på en beskyttet UUID-bane.	Utrullet e2e (widget-hostile-host-matrix) + enhetsbasert startsjekk for alle innsendte endringer (packages/widget)
Vert uten krypto: window.crypto mangler eller randomUUID er fjernet	Starter med en v4-widget-ID som følger spesifikasjonen. Ingen utløst TypeError stopper innbyggingen.	Enhetsbasert startsjekk i CI (packages/widget hostile-host-boot) + utrullet e2e
Aggressiv CSS på vertssiden: div:empty { display:none } på hele siden	Monteringspunktet beholder en oppsettsboks (skjult markør, aldri :empty), utsatt innlasting utløses fortsatt, og widgeten tegnes.	Utrullet e2e (widget-host-css-deadlock, widget-hostile-host-matrix) + direktedemonstrasjonen ovenfor
Tregt eller sviktende API: 503, avvist nettverkskall, 8 sekunders stopp eller blokkering av hele opprinnelsen	En egen, ærlig tilstand med «kunne ikke laste, prøv igjen» og manuell gjentakelse. Aldri en uriktig «ingen forhandlere», og aldri en stille, tom boks.	Enhetsdekning for alle innsendte endringer (packages/widget render-failure)
Tredjepartsopprinnelse: innbyggingen kjører på et domene utenfor Stockisto	Alle datakall er anonyme API-forespørsler med åpen CORS. Ingen informasjonskapsler eller antakelser om samme opprinnelse.	Alle utrullede widgetspesifikasjoner kjører på syntetiske tredjepartsopprinnelser (*.stockisto-e2e.example)
Manglende datakilde: ingen merkevareslug, leverandør-ID eller forhandlersett	Nekter å starte: en konsollfeil navngir attributtet, og et data-stockisto-error-stempel gjør overvåking mulig. Ingenting ødelagt vises til kunder.	Enhetsbasert starttest i CI (packages/widget missing-data-source-boot) + direktedemonstrasjonen ovenfor

Klar for publisering

Ingen utviklersprint er nødvendig.

Lim inn én tagg

Én skripttagg per side. Ingen byggetrinn, ingen pakke å installere og ingen iframe du må tilpasse for hånd.

Den passer siden den står på

Bredde, radhøyde og presentasjon er attributter. Innebygde visninger og fanevisninger forblir på siden, slik at søkemotorer kan lese dem.

Den sier bare det den kan bevise

Lagerstatus vi ikke kan bekrefte, merkes og fremheves aldri. Når det ikke finnes noe å vise, sier innbyggingen fra og viser ikke null.

Forhandlerne klatrer på en stige

Lagerfeed, priser, kjøpslenke, overføring til handlekurv, reservasjon. Hvert trinn en forhandler gjør seg fortjent til, gir kundene en sterkere rad. Det lønner seg å holde dataene ærlige.

Se den i din egen katalog.

Importer forhandlernettverket ditt, lim inn én tagg og se hvilke butikker kundene velger.

Opprett konto Se alle 8 innbygginger