Fiecare opțiune este facultativă. Valorile de mai jos sunt valorile implicite pe care le aplică clientul atunci când omiteți una.
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 }
});Opțiuni
| Nume | Tip | Valoare implicită | Descriere |
|---|---|---|---|
pk | șir de caractere | null | Cheia dvs. publicabilă. Clientul o trimite când verifică dacă domeniul dvs. are permisiunea de a utiliza finalizarea comenzii inline. Fără aceasta, fiecare finalizare de comandă se deschide într-o fereastră pop-up. |
locale | șir de caractere | 'auto' | Limba finalizării comenzii. 'auto' citește atributul lang al elementului dvs. <html>. |
checkoutMode | șir de caractere | 'auto' | 'auto', 'pane' sau 'popup'. Consultați Moduri de finalizare a comenzii. O valoare nerecunoscută revine la 'auto'. |
collectConsent | boolean | true | Dacă finalizarea comenzii îi solicită vizitatorului să accepte notificarea privind termenii. După acceptare, răspunsul este reținut într-un cookie, iar pasul este omis. |
backdrop | boolean | true | Dacă pagina din spatele finalizării comenzii este estompată. false dezactivează și blocarea derulării paginii. |
backdropColor | șir de caractere | '#000000' | Culoarea zonei estompate, ca valoare de culoare CSS. |
tprm | obiect | {} | Parametri de urmărire adăugați la URL-ul de finalizare a comenzii ca parametri de interogare. Consultați Urmărire și consimțământ. |
pane | obiect | { width: 800, height: '100%' } | Dimensiunea panoului inline. Ignorată în modul pop-up. |
popup | obiect | { width: 800, height: 1000 } | Dimensiunea ferestrei pop-up, în pixeli. Ignorată în modul panou. |
Dimensionarea panoului și a ferestrei pop-up
pane.width acceptă un număr (pixeli) sau orice lungime CSS – '720px', '50%', '40vw' ori o expresie calc(). Un număr simplu este tratat ca pixeli.
Pe desktop, lățimea panoului este limitată la această valoare, iar pe mobil ocupă întreaga lățime, unde se aplică în schimb pane.height. Trecerea între cele două are loc când zona de afișare este mai îngustă decât lățimea configurată; când lățimea este dată ca unitate relativă, trecerea are loc la 800px.
popup.width și popup.height acceptă doar numere în pixeli, iar fereastra este centrată pe ecranul vizitatorului. Dacă ecranul nu este suficient de înalt pentru înălțimea solicitată, fereastra este redusă pentru a se încadra.
Fundal
Fundalul este estompat mai puternic în spatele unei ferestre pop-up decât în spatele unui panou, deoarece o fereastră pop-up necesită ca pagina de dedesubt să pară inactivă. Setați backdrop: false pentru a elimina complet estomparea – acest lucru lasă și pagina derulabilă în spatele finalizării comenzii.
backdropColor este aplicată ca atare, deci poate fi orice culoare CSS validă. Folosiți-o pentru a se potrivi cu un site întunecat sau cu identitatea de brand, nu pentru a ascunde fundalul; pentru aceasta, backdrop: false este opțiunea corectă.
Suprascrieri pentru fiecare rezervare
checkoutMode, collectConsent, backdrop, backdropColor, pane și popup pot fi toate suprascrise pentru o singură rezervare, transmițându-le către book(). Valoarea la nivel de instanță rămâne neschimbată pentru apelurile ulterioare:
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 și tprm nu sunt opțiuni pentru fiecare rezervare – pk identifică contul pentru întreaga pagină, iar parametrii de urmărire sunt modificați cu setTracking() atunci când trebuie să fie diferiți.