All Optiounen si fakultativ. D'Wäerter hei drënner sinn d'Standardwäerter, déi de Client uwennt, wann Dir eng ausloosst.
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 }
});Optiounen
| Numm | Typ | Standardwäert | Beschreiwung |
|---|---|---|---|
pk | String | null | Äre publizéierbare Schlëssel. De Client schéckt en, wann hie préift, ob Ären Domain inline-Checkout benotze darf. Ouni en geet all Checkout als Pop-up op. |
locale | String | 'auto' | Sprooch vum Checkout. 'auto' liest den lang-Attribut vun Ärem <html>-Element. |
checkoutMode | String | 'auto' | 'auto', 'pane' oder 'popup'. Kuckt Checkout-Modi. En net erkannten Wäert fällt op 'auto' zeréck. |
collectConsent | Boolean | true | Ob de Checkout de Visiteur freet, den Hiweis zu de Bedéngungen ze akzeptéieren. Nom Akzeptéiere gëtt d'Äntwert an engem Cookie gespäichert an dëse Schrëtt gëtt iwwersprongen. |
backdrop | Boolean | true | Ob d'Säit hannert dem Checkout däischter gemaach gëtt. false deaktivéiert och d'Spär vum Scrollen op der Säit. |
backdropColor | String | '#000000' | Faarf vum däischtere Beräich, als CSS-Faarfwäert. |
tprm | Objet | {} | Tracking-Parameteren, déi als Query-Parameteren un d'Checkout-URL ugehaange ginn. Kuckt Tracking an Zoustëmmung. |
pane | Objet | { width: 800, height: '100%' } | Gréisst vum inline-Panel. Am Pop-up-Modus ignoréiert. |
popup | Objet | { width: 800, height: 1000 } | Gréisst vun der Pop-up-Fënster a Pixel. Am Panel-Modus ignoréiert. |
Gréisst vum Panel a Pop-up
pane.width akzeptéiert eng Zuel (Pixel) oder all CSS-Längt – '720px', '50%', '40vw' oder en calc()-Ausdrock. Eng einfach Zuel gëtt als Pixel behandelt.
De Panel ass um Desktop op dës Breet begrenzt an hëlt um Handy déi ganz Breet an, wou amplaz pane.height gëllt. Den Ëmschaltpunkt tëscht deenen zwee ass, wann de Viewport méi schmuel ass wéi déi konfiguréiert Breet; wann d'Breet als relativ Eenheet uginn ass, geschitt d'Ëmschaltung bei 800px.
popup.width an popup.height si just Pixelzuelen, an d'Fënster gëtt um Écran vum Visiteur zentréiert. Wann den Écran net héich genuch fir déi ugefrot Héicht ass, gëtt d'Fënster verkleinert, fir datt se passt.
Hannergrond
Den Hannergrond gëtt hannert engem Pop-up méi staark däischter gemaach wéi hannert engem Panel, well bei engem Pop-up d'Säit drënner als inaktiv erschénge muss. Setzt backdrop: false, fir d'Däischtermaache komplett ze läschen – doduerch bleift d'Säit hannert dem Checkout och scrollbar.
backdropColor gëtt onverännert ugewannt a kann dofir all gülteg CSS-Faarf sinn. Benotzt et, fir et un eng däischter oder markegebonne Säit unzepassen, an net fir den Hannergrond ze verstoppen; dofir ass backdrop: false déi richteg Optioun.
Iwwerschreiwunge pro Buchung
checkoutMode, collectConsent, backdrop, backdropColor, pane a popup kënnen all fir eng eenzel Buchung iwwerschriwwe ginn, andeems Dir se un book() weidergitt. De Wäert um Instanzniveau bleift fir spéider Opriff onverännert:
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 an tprm si keng Optiounen pro Buchung – pk identifizéiert de Kont fir déi ganz Säit, an Tracking-Parameteren ginn mat setTracking() geännert, wa se ënnerschiddlech musse sinn.