Усі параметри необов’язкові. Нижче наведено значення за замовчуванням, які клієнт застосовує, якщо не вказати параметр.
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 }
});Параметри
| Назва | Тип | За замовчуванням | Опис |
|---|---|---|---|
pk | рядок | null | Ваш публічний ключ. Клієнт надсилає його під час перевірки, чи дозволено вашому домену використовувати вбудоване оформлення замовлення. Без нього кожне оформлення замовлення відкривається у спливному вікні. |
locale | рядок | 'auto' | Мова оформлення замовлення. 'auto' зчитує атрибут lang вашого елемента <html>. |
checkoutMode | рядок | 'auto' | 'auto', 'pane' або 'popup'. Див. Режими оформлення замовлення. Якщо значення не розпізнано, використовується 'auto'. |
collectConsent | логічне значення | true | Чи запитує оформлення замовлення відвідувача про прийняття повідомлення з умовами. Після прийняття відповідь зберігається в cookie, а цей крок пропускається. |
backdrop | логічне значення | true | Чи затемнювати сторінку позаду оформлення замовлення. Значення false також вимикає блокування прокручування сторінки. |
backdropColor | рядок | '#000000' | Колір затемненої області як значення кольору CSS. |
tprm | об’єкт | {} | Параметри відстеження, що додаються до URL оформлення замовлення як параметри запиту. Див. Відстеження та згода. |
pane | об’єкт | { width: 800, height: '100%' } | Розмір вбудованої панелі. Ігнорується в режимі спливного вікна. |
popup | об’єкт | { width: 800, height: 1000 } | Розмір спливного вікна в пікселях. Ігнорується в режимі панелі. |
Розміри панелі та спливного вікна
pane.width приймає число (пікселі) або будь-яке значення довжини CSS – '720px', '50%', '40vw' чи вираз calc(). Звичайне число інтерпретується як пікселі.
На комп’ютерах ширина панелі обмежується цим значенням, а на мобільних пристроях вона займає всю ширину, де натомість застосовується pane.height. Перемикання між цими варіантами відбувається, коли область перегляду вужча за налаштовану ширину; якщо ширину задано відносною одиницею, перемикання відбувається на 800px.
popup.width і popup.height можуть бути лише числами в пікселях, а вікно центрується на екрані відвідувача. Якщо висота екрана недостатня для запитаної висоти, розмір вікна зменшується, щоб воно вмістилося.
Фон
Фон позаду спливного вікна затемнюється сильніше, ніж позаду панелі, оскільки спливне вікно має створювати враження неактивності сторінки під ним. Установіть backdrop: false, щоб повністю прибрати затемнення – це також залишить сторінку доступною для прокручування позаду оформлення замовлення.
backdropColor застосовується без змін, тож це може бути будь-який дійсний колір CSS. Використовуйте його, щоб підібрати колір до темного сайту або сайту у фірмовому стилі, а не щоб приховати фон; для цього правильним параметром є backdrop: false.
Перевизначення для окремого бронювання
checkoutMode, collectConsent, backdrop, backdropColor, pane і popup можна перевизначити для одного бронювання, передавши їх до book(). Значення на рівні екземпляра залишається незмінним для наступних викликів:
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 і tprm не є параметрами для окремого бронювання – pk ідентифікує обліковий запис для всієї сторінки, а параметри відстеження змінюються через setTracking(), коли вони мають відрізнятися.