Демонстрация

Так виджет записи Ordino выглядит на сайте бизнеса.

Ниже — макет обычного сайта салона со встроенной кнопкой «Записаться онлайн». Нажмите на неё: откроется настоящий виджет записи с реальным расписанием тестового бизнеса «Элеганс».

elegance-beauty.ru

Элеганс

Салон красоты в центре Москвы

Ваша лучшая версия начинается с деталей.

«Элеганс» — команда мастеров, которые работают на результат, а не на скорость. Стрижки, окрашивание, уход и косметология в одном пространстве.

9 лет

на рынке

мастеров

4.9

рейтинг, 128 отзывов

«Записалась прямо с сайта за минуту, без звонков. Мастера подобрали идеально под мои волосы.»

Марина К.

«Хожу сюда уже два года — уровень сервиса стабильно высокий, интерьер и атмосфера отдельный кайф.»

Ольга Д.

«Впервые видела запись прямо на сайте салона, без переходов в мессенджер. Очень удобно.»

Анна В.

Кнопка и виджет выше — настоящие, из /embed/elegance-beauty. Остальная страница — иллюстрация чужого сайта.

Как это вставляется

Один блок кода — без сторонних скриптов и CDN.

Вставляется на Tilda, WordPress или самописный сайт за пару минут. Полный код (с вашими цветами и slug'ом) доступен в личном кабинете — «Настройки → Виджет на сайт».

<!-- Ordino booking widget -->
<div id="ordino-widget-button" onclick="document.getElementById('ordino-modal').style.display='flex';this.style.display='none'" style="position:fixed;bottom:24px;right:24px;z-index:999999;background:#3B82F6;color:#fff;border:none;border-radius:60px;padding:14px 28px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 8px 32px #3B82F644;display:flex;align-items:center;gap:10px">📅 Записаться онлайн</div>

<div id="ordino-modal" style="display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:16px" onclick="if(event.target===this){this.style.display='none';document.getElementById('ordino-widget-button').style.display='flex'}">
  <div style="background:#fff;border-radius:16px;width:100%;max-width:480px;height:90vh;max-height:700px;overflow:hidden;position:relative;box-shadow:0 24px 80px rgba(0,0,0,0.3)">
    <iframe src="https://ordino.ru/embed/elegance-beauty" style="width:100%;height:100%;border:none" title="Online booking" loading="lazy"></iframe>
  </div>
</div>

Хотите такой же виджет на своём сайте?

Попробовать бесплатно

Так виджет записи Ordino выглядит на сайте бизнеса.

Ваша лучшая версия начинается с деталей.

9 лет

на рынке

мастеров

4.9

рейтинг, 128 отзывов

Один блок кода — без сторонних скриптов и CDN.

<div id="ordino-widget-button" onclick="document.getElementById('ordino-modal').style.display='flex';this.style.display='none'" style="position:fixed;bottom:24px;right:24px;z-index:999999;background:#3B82F6;color:#fff;border:none;border-radius:60px;padding:14px 28px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 8px 32px #3B82F644;display:flex;align-items:center;gap:10px">📅 Записаться онлайн</div> <div id="ordino-modal" style="display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);align-items:center;justify-content:center;padding:16px" onclick="if(event.target===this){this.style.display='none';document.getElementById('ordino-widget-button').style.display='flex'}"> <div style="background:#fff;border-radius:16px;width:100%;max-width:480px;height:90vh;max-height:700px;overflow:hidden;position:relative;box-shadow:0 24px 80px rgba(0,0,0,0.3)"> <iframe src="https://ordino.ru/embed/elegance-beauty" style="width:100%;height:100%;border:none" title="Online booking" loading="lazy"></iframe> </div> </div>