Конфігуратор календаря

Календарний віджет показує події у вигляді календаря: покупець спочатку обирає дату, а потім переходить до купівлі квитків. Зручно, коли подія повторюється в різні дні (сеанси, екскурсії, покази).

Налаштування віджета

* обовʼязкові поля

Хеш події *

Ідентифікатори подій, які показуються в календарі. Кілька подій — через кому.

Базовий URL віджета (widget-url) *

Адреса віджета TicketCRM. Це поле обов'язкове — залиште значення за замовчуванням (https://widget.ticketcrm.com/).

Мова

(не задано)ukendelvskelru

Мова інтерфейсу віджета.

Валюта

(не задано)UAHEURUSDGBPPLNKZT

Валюта відображення цін. За замовчуванням — валюта події.

Ширина

Висота

Розміри віджета — CSS-значення, напр. 800px, 100% або 100vh.

Хеш продавця (seller-hash)

Ідентифікатор продавця для атрибуції продажів.

Хеш абонемента / сезону (abonement-hash)

Ідентифікатор абонемента / сезону замість окремої події.

URL після успішної оплати (thanks-invoice-url)

Куди перенаправити покупця після оформлення замовлення з оплатою за рахунком (інвойс).

URL головної сторінки (home-url)

Адреса, на яку веде кнопка «назад» / логотип у віджеті.

URL логотипа (home-logo-url)

URL логотипа, що показується в шапці віджета.

Вигляд календаря

Кольори та шрифт інтерфейсу календаря (порожнє поле — значення за замовчуванням).

Шрифт (font-family)

Колір фону (background-color)

Колір тексту (font-color)

Колір кнопок дат (buttons-color)

Текст кнопок дат (buttons-font-color)

Колір активної кнопки (buttons-active-color)

Текст активної кнопки (buttons-active-font-color)

Колір неактивної кнопки (buttons-disabled-color)

Текст неактивної кнопки (buttons-disabled-font-color)

Текст кнопки при наведенні (buttons-hover-font-color)

Попередній перегляд

Вкажіть валідний хеш події для рендеру preview.

Код для вбудовування

Вставте цей фрагмент у HTML-код вашого сайту в тому місці, де має з'явитися віджет. Скрипт підключиться автоматично.

<!-- Додайте валідний хеш події, щоб згенерувати код -->

Скопіювати код

Як це працює?

Календар завантажується окремим модульним скриптом (https://wc.ticketcrm.com/lib/days-calendar.min.js) і вбудовується тегом days-tbx-widget — це календар прямо на сторінці (inline). Покупець обирає дату, після чого відкривається сторінка купівлі квитків.

Обов’язкові параметри

• event-hash — ідентифікатори подій для календаря (кілька — через кому).
• widget-url — адреса віджета; залиште значення за замовчуванням.

Локалізація та розміри

• lang — uk, en, de, lv, sk, el, ru (або «не задано»).
• currency — код валюти (напр. UAH, EUR, USD).
• width / height — розміри вбудованого календаря.

Вигляд календаря

Календар можна стилізувати під сайт: font-family, background-color, font-color та кольори кнопок-дат — звичайні (buttons-color / buttons-font-color), активні (buttons-active-*), неактивні (buttons-disabled-*) та при наведенні (buttons-hover-font-color).

Опціональні параметри

• Продавець і подія: seller-hash, abonement-hash.
• Редіректи та брендинг: thanks-invoice-url, home-url, home-logo-url.