Alle indstillinger er valgfri. Værdierne nedenfor er de standardværdier, klienten anvender, når du udelader en.
const entase = new Entase({
pk: null,
locale: 'auto',
checkoutMode: 'auto',
collectConsent: true,
backdrop: true,
backdropColor: '#000000',
tprm: {},
pane: { width: 800, height: '100%' },
popup: { width: 800, height: 1000 }
});Indstillinger
| Navn | Type | Standardværdi | Beskrivelse |
|---|---|---|---|
pk | string | null | Din publicerbare nøgle. Klienten sender den, når den kontrollerer, om dit domæne har tilladelse til at bruge integreret checkout. Uden den åbner alle checkouts som et pop op-vindue. |
locale | string | 'auto' | Checkout-sprog. 'auto' læser attributten lang i dit <html>-element. |
checkoutMode | string | 'auto' | 'auto', 'pane' eller 'popup'. Se Checkout-tilstande. En ukendt værdi falder tilbage til 'auto'. |
collectConsent | boolean | true | Om checkout beder den besøgende om at acceptere vilkårsmeddelelsen. Når den er accepteret, huskes svaret i en cookie, og trinnet springes over. |
backdrop | boolean | true | Om siden bag checkout skal nedtones. false deaktiverer også sidens rullelås. |
backdropColor | string | '#000000' | Farven på det nedtonede område som en CSS-farveværdi. |
tprm | object | {} | Sporingsparametre, der føjes til checkout-URL'en som forespørgselsparametre. Se Sporing og samtykke. |
pane | object | { width: 800, height: '100%' } | Størrelsen på det integrerede panel. Ignoreres i pop op-tilstand. |
popup | object | { width: 800, height: 1000 } | Størrelsen på pop op-vinduet i pixels. Ignoreres i paneltilstand. |
Størrelse på panel og pop op-vindue
pane.width accepterer et tal (pixels) eller en vilkårlig CSS-længde – '720px', '50%', '40vw' eller et calc()-udtryk. Et almindeligt tal behandles som pixels.
Panelet er begrænset til denne bredde på desktop og bruger hele bredden på mobil, hvor pane.height anvendes i stedet. Skiftet mellem de to sker, når viewporten er smallere end den konfigurerede bredde; når bredden angives som en relativ enhed, sker skiftet ved 800px.
popup.width og popup.height kan kun angives som pixeltal, og vinduet centreres på den besøgendes skærm. Hvis skærmen ikke er høj nok til den ønskede højde, reduceres vinduet, så det passer.
Baggrund
Baggrunden nedtones mere bag et pop op-vindue end bag et panel, fordi et pop op-vindue kræver, at siden nedenunder fremstår som inaktiv. Angiv backdrop: false for at fjerne nedtoningen helt – det lader også siden være rullelig bag checkout.
backdropColor anvendes som den er, så den kan være en hvilken som helst gyldig CSS-farve. Brug den til at matche et mørkt eller brandet website frem for at skjule baggrunden; til det er backdrop: false den korrekte indstilling.
Tilsidesættelser pr. booking
checkoutMode, collectConsent, backdrop, backdropColor, pane og popup kan alle tilsidesættes for en enkelt booking ved at sende dem til book(). Værdien på instansniveau forbliver uændret ved efterfølgende kald:
const entase = new Entase({ pk: 'YOUR_PUBLISHABLE_KEY' });
// This one booking opens wider, with no dimming.
entase.book('EVENT_ID', {
pane: { width: '60vw' },
backdrop: false
});pk og tprm er ikke indstillinger pr. booking – pk identificerer kontoen for hele siden, og sporingsparametre ændres med setTracking(), når de skal være forskellige.