Можно ли поменять цвет виджета под свой бренд?

Да. В настройках Queue (раздел «Кастомизация» на тарифе Профи) выбираете акцентный цвет — он применяется к кнопкам и выделениям на странице записи и в виджете.

Как вставить виджет онлайн записи на сайт без программиста

Q: Нужен ли тариф Профи для виджета?

Виджет доступен на тарифах Профи и Сеть. На тарифе Старт используйте прямую ссылку queuee.ru/ваш-салон — она работает как отдельная страница записи.

28 мая 2026 · 6 мин чтения

Виджет записи — это небольшой блок на вашем сайте, в котором клиент выбирает услугу, мастера, дату и время. Виджет работает внутри iframe: отдельный контейнер, который не влияет на скорость загрузки основной страницы. Клиент записывается прямо на сайте — без перехода на внешнюю страницу.

Ниже — конкретные шаги для четырёх платформ: Tilda, WordPress, Wix и обычный HTML-сайт. Код одинаковый — меняется только способ вставки.

Содержание

1. Код виджета — одна строка
2. Как вставить на Tilda
3. Как вставить на WordPress
4. Как вставить на Wix
5. Как вставить на свой HTML-сайт
6. Виджет по кнопке
7. Частые вопросы

Онлайн-запись Queue: страница записи, расписание и база клиентов

Так выглядит ваше расписание в Queue — клиент записывается сам, запись падает в сетку, бот напомнит в Telegram.

Код виджета — одна строка

Код виджета находится в личном кабинете Queue: Настройки → раздел «Виджет для сайта». Выглядит так:

<iframe
  src="https://queuee.ru/ваш-салон/widget"
  width="100%"
  height="700"
  frameborder="0"
  style="border:none;border-radius:12px"
></iframe>

Замените ваш-салон на ваш slug из настроек. Ширина 100% — виджет растягивается на весь контейнер. Высота 700px подходит для большинства случаев — если услуг много, увеличьте до 900.

Как вставить на Tilda

Tilda — самый популярный конструктор у мастеров. Виджет вставляется через блок «HTML-код».

1Откройте редактор страницы, нажмите «+» в месте, где хотите разместить виджет.
2Выберите категорию «Другое» → блок T123 (HTML-код).
3Нажмите «Контент», вставьте код iframe из настроек Queue.
4Нажмите «Сохранить и закрыть» → «Опубликовать».

Виджет появится на странице сразу после публикации. Проверьте на телефоне — iframe адаптируется под ширину экрана автоматически.

Как вставить на WordPress

В WordPress два редактора — Gutenberg (блочный) и классический. Для обоих способ одинаковый.

Gutenberg (блочный редактор)

Добавьте блок «Произвольный HTML» (Custom HTML) → вставьте код iframe → нажмите «Предпросмотр» чтобы убедиться что виджет отображается → «Опубликовать».

Классический редактор

Переключитесь на вкладку «Текст» (не «Визуально») → вставьте код iframe в нужное место → «Обновить».

Если WordPress фильтрует iframe-код — установите плагин «iframe» или «Advanced iframe». Бесплатные, из официального каталога.

Как вставить на Wix

1В редакторе Wix нажмите «+» → «Embed» → «Embed a Widget».
2Выберите «HTML iframe».
3В поле «Website address» вставьте URL: https://queuee.ru/ваш-салон/widget
4Растяните блок до нужной высоты (700–900px) → «Publish».

Как вставить на свой HTML-сайт

Просто вставьте код iframe в HTML-файл. Обычно в раздел «Запись» или «Контакты»:

<section id="booking">
  <h2>Запись онлайн</h2>
  <iframe
    src="https://queuee.ru/ваш-салон/widget"
    width="100%"
    height="700"
    frameborder="0"
    style="border:none;border-radius:12px"
  ></iframe>
</section>

Для адаптивности на мобильных добавьте в CSS контейнера max-width: 600px; margin: 0 auto; — виджет будет по центру и не растянется на 1920px на широких мониторах.

Виджет по кнопке

Если не хотите показывать виджет прямо на странице — сделайте кнопку «Записаться», которая открывает виджет в модальном окне. Или просто ссылку на отдельную страницу:

<a href="https://queuee.ru/ваш-салон"
   target="_blank"
   style="display:inline-block;padding:12px 32px;
          background:#000;color:#fff;border-radius:8px;
          text-decoration:none;font-weight:600"
>Записаться онлайн</a>

Клиент нажимает — открывается страница записи в новой вкладке. Это самый простой вариант, не требует iframe. Работает на любом сайте и в любом конструкторе.

Для Tilda: добавьте кнопку стандартным блоком, в поле «Ссылка» вставьте https://queuee.ru/ваш-салон.

Частые вопросы

Виджет замедляет сайт? +

Нет. Виджет загружается в iframe — отдельном контейнере, который не блокирует рендеринг основной страницы. Размер менее 100 КБ. На PageSpeed Insights это не отразится.

Можно ли поменять цвет виджета? +

Да. В настройках Queue (тариф Профи и выше) выбираете акцентный цвет, логотип и обложку — они применяются к странице записи и виджету автоматически.

Виджет работает на мобильных? +

Да. Iframe адаптивный — подстраивается под ширину контейнера. На телефоне занимает всю ширину экрана.

Нужен ли тариф Профи? +

Виджет (iframe) доступен на Профи и Сеть. На тарифе Старт используйте прямую ссылку queuee.ru/ваш-салон — она работает как полноценная страница записи и не требует встраивания.

Получите свой виджет за 10 минут

Зарегистрируйтесь в Queue, добавьте услуги и мастеров — код виджета появится в настройках. Скопируйте и вставьте на сайт. Клиенты начнут записываться сразу.

Подключить бесплатно →

Без карты. Регистрация за минуту.