Calendar Configurator

The calendar widget shows events as a calendar: the buyer first picks a date and then proceeds to checkout. Handy when an event repeats on different days (sessions, tours, screenings).

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

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

Хеш події *

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

Базовий 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-код вашого сайту в тому місці, де має з'явитися віджет. Скрипт підключиться автоматично.

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

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

How does it work?

The calendar is loaded by a separate module script (https://wc.ticketcrm.com/lib/days-calendar.min.js) and is embedded with the days-tbx-widget tag — an inline calendar right on the page. The buyer picks a date, after which the ticket checkout page opens.

Required parameters

• event-hash — event identifiers for the calendar (comma-separated for several).
• widget-url — the widget address; keep the default value.

Localization & sizing

• lang — uk, en, de, lv, sk, el, ru (or “not set”).
• currency — currency code (e.g. UAH, EUR, USD).
• width / height — dimensions of the embedded calendar.

Calendar appearance

The calendar can be themed to match your site: font-family, background-color, font-color and the date-button colors — normal (buttons-color / buttons-font-color), active (buttons-active-*), disabled (buttons-disabled-*) and on hover (buttons-hover-font-color).

Optional parameters

• Seller & event: seller-hash, abonement-hash.
• Redirects & branding: thanks-invoice-url, home-url, home-logo-url.