TicketsBox · ticketcrm/issues#339
Керовані віджети
Один тег з хешем на сайті клієнта. Усе інше — що показувати й як — живе в CRM.
<script type="module" src="…/tbx-widget.min.js"></script>
<tbx-embed hash="1748c5c4…"></tbx-embed>- 1 Створіть у CRM
«Налаштування → Віджети»: тип, події, мова, кольори.
- 2 Вставте тег
Два рядки з хешем віджета — один раз на сторінку.
- 3 Змінюйте в CRM
Нові події, текст кнопки, редіректи — без правок сайту.
Варіанти
Кожен — окремий віджет у CRM зі своїм хешем. Відкрийте, щоб побачити вживу.
Вбудований
Віджет прямо на сторінці — блок 100% × 700px, розміри з CRM.
Модальне вікно
Кнопка з текстом і кольорами з CRM відкриває віджет поверх сторінки. Свою кнопку можна покласти всередину тегу.
Модальне на весь екран
Той самий тип, у CRM увімкнено «Відкривати на весь екран»: віджет займає весь екран, на телефоні — шторка знизу.
Кнопка
Кнопка переводить усю сторінку на віджет, без вікна.
Календар (тур)
Дати п’яти подій туру. Клік по дню відкриває віджет у рамці календаря, кілька сеансів у день — спершу вибір.
Афіша
Вбудований віджет із трьома подіями: афіша лише з них, у порядку зі списку CRM. Картка відкриває подію.
Повернення
Тип «Повернення»: покупець входить за кодом з пошти, бачить свої замовлення в компанії й подає заявку. У CRM у «Адреса віджета» стоїть стейджева збірка віджета повернення.
Пряме посилання
?embedHash= у адресі віджета, без скрипта — для листів і соцмереж. Одна подія відкривається
сторінкою, кілька — афішею.
Звідки що
- Скрипт
https://master.tcrm-widget-integration.pages.dev/lib/tbx-widget.min.js- Віджет
https://stage-widget.tbx.pp.ua/Новий і старий в одній збірці — який відкрити, вирішує список розкатки за подією.- API
https://st-api.tbx.pp.uaСтейдж, компанія Main. Скрипт бере його з адреси віджета сам.