виджет для сайта

Виджет бронирования корта для вашего сайта

Встройте онлайн-бронь прямо на свой сайт за 1 минуту: iframe или script-тег с авто-resize. Каждая встройка получает уникальный ключ wpk_… с привязкой к домену — скопированный код не сработает на чужом сайте. Поддерживаются Tilda, Wix, Bitrix, WordPress и любая CMS с возможностью вставить HTML.

Подать заявку →

Два варианта встройки

iframe (рекомендуется)

Полная изоляция CSS вашего сайта. Виджет всегда выглядит как задумано, не сломается от ваших стилей.

<iframe
  src="https://letscourt.ru/c/widget/wpk_..."
  style="width:100%;height:680px;
         border:0;border-radius:14px;"
></iframe>

script-тег с авто-resize

Виджет автоматически подстраивается по высоте под количество кортов. На странице с малым контентом не будет белой пустоты.

<script
  src="https://letscourt.ru/widget.js"
  data-key="wpk_..."
  data-height="auto"
></script>

Безопасность по доменам

Каждый ключ wpk_… привязан к списку разрешённых доменов. Сервер при каждом запросе проверяет HTTP Origin — если домен не в allow-list, возвращает 403 и виджет показывает «Виджет недоступен».

Пример allow-list:

la-familia.ru
www.la-familia.ru
*.la-familia.ru        ← все поддомены

✓Wildcard *.example.com. Можно одним правилом разрешить все поддомены — удобно для крупных сайтов с many-зонами.
✓Мгновенный отзыв. Кнопка «Отозвать ключ» в админке — все встройки на всех сайтах перестают работать в течение секунд.
✓Метрики использования. Сколько раз ключ использовался, последний домен запроса, дата. Если кто-то слил ключ на чужой сайт — увидите.
✓Несколько ключей на клуб. Один ключ для главного сайта, второй для партнёрского, третий для лендинга — все независимо отзываются.

Поддерживаемые конструкторы

Везде, где можно вставить HTML или iframe — виджет работает. Проверено на:

Tilda

Блок T123 «HTML-код» — вставить script-тег

Wix

HTML iframe element или Embed Code

1С-Битрикс

Произвольный HTML-блок в редакторе

WordPress

Блок «Custom HTML» в Гутенберге

Webflow

Embed Element

Frontpad / Setka

Embed HTML

Свой сайт на React/Vue

Просто iframe в шаблон

Лендинг на конструкторе

Любой блок «HTML»

Сценарии использования

Один сайт сети — общий виджет с переключателем филиалов

Создаёте ключ без привязки к клубу (mode=org). Клиент на главной видит селектор «Хамовники / Сокольники» и выбирает где играть.

Лендинг под филиал — виджет открывается сразу с нужным клубом

Создаёте ключ с привязкой clubId=Хамовники. На страничке филиала виджет показывает только Хамовники без селектора.

Партнёрский сайт — отдельный ключ для каждого партнёра

У вас 5 партнёров со своими сайтами — 5 ключей с разными allowed_origins. Если партнёр сольёт ключ — украденная встройка не запустится у конкурента.

Поставить виджет — 1 минута

Заявка → создаёте клуб с кортами и тарифами → в админке генерируете wpk-ключ → копируете iframe-код на сайт → готово.

Подать заявку →