Вставьте URL-адрес, выберите ширину и высоту, настройте несколько параметров и скопируйте чистый HTML-код для встраивания <iframe> — для своей страницы Knocket, видео, карты или любого другого содержимого, которое может отображать браузер. Просмотрите результат в реальном времени, а затем вставьте код на свой сайт. Вход не требуется, ничего не сохраняется.
Предпросмотр пуст? Сайт блокирует встраивание — код всё равно верен.
Полезнее всего встроить страницу, через которую люди смогут связаться с вами. Бесплатная страница контактов Knocket создана специально для встраивания: добавьте её на свой сайт, и посетители смогут воспользоваться онлайн-чатом, WhatsApp, электронной почтой и бронированием — без необходимости создавать форму или серверную часть. Создать бесплатную страницу →
Встраивание одной страницы в другую — один из старейших базовых механизмов веба, но писать тег <iframe> вручную, задавая правильную ширину, заголовок для программ экранного доступа, отложенную загрузку и безопасную песочницу, неудобно, и при этом легко допустить ошибку. Генератор каждый раз создает его правильно и показывает результат перед публикацией.
Вставьте код в блок «Произвольный HTML» в WordPress, Code Embed в Wix, блок Embed в Squarespace или непосредственно в HTML-код вашего сайта. В макете React/Astro добавьте <iframe> с помощью элемента необработанного HTML. Тег полностью автономен — не нужно загружать скрипты или таблицы стилей.
Iframe идеально подходит для отображения другой страницы внутри вашей. Но это не лучший инструмент, если вам нужно:
X-Frame-Options: DENY — Google, Instagram и большинство страниц входа запрещают встраивать себя во фреймы.Если вам нужен встроенный в сайт способ связи (без iframe, на вашем домене и в вашем стиле), достаточно добавить один тег скрипта виджета Knocket.
Да — совершенно бесплатно, без входа в систему и ограничений. HTML создаётся в вашем браузере, ничего не загружается и не сохраняется. Создавайте сколько угодно кодов для встраивания.
Сайт, который вы встраиваете, отправляет заголовок X-Frame-Options или Content-Security-Policy, запрещающий отображение во фрейме. Так делают Google, Instagram, Facebook и большинство страниц, требующих входа. Сгенерированный код по-прежнему корректен — сайт просто никому и нигде не разрешает встраивать себя. Страницы Knocket и большинство видеоплееров (YouTube, Vimeo) разрешают встраивание.
Атрибут sandbox ограничивает возможности встроенной страницы, поэтому ненадёжный встроенный контент не сможет открывать всплывающие окна, отправлять формы или получать доступ к вашей странице. Режим С ограничениями (рекомендуется) разрешает встроенному контенту выполнять скрипты и работать с формами, но блокирует опасные действия; режим Строгий разрешает только скрипты. Отключите его для доверенной страницы, которой требуются все возможности.
Атрибут title в iframe сообщает программам экранного доступа, что находится внутри, — это крайне важно для доступности. Без него посетители, использующие вспомогательные технологии, слышат слово «фрейм» без какого-либо контекста. Всегда указывайте в нём описание встроенного содержимого (например, «Страница контактов Knocket»).
Используйте адаптивный размер (ширина 100%), если встроенный элемент должен заполнять свой контейнер, — это подходит для большинства современных сайтов. Используйте фиксированные ширину и высоту, если нужны точные размеры, например для видеоплеера или квадратной карты. Адаптивные встроенные элементы обычно размещают на странице в контейнере с заданным соотношением сторон.
Да. loading="lazy" указывает браузеру загружать iframe только тогда, когда пользователь прокручивает страницу до него. Это ускоряет первоначальную загрузку страницы — особенно если на одной странице размещено несколько встроенных элементов.
Нет. Всё работает в вашем браузере — URL, заголовок и параметры никогда не покидают ваше устройство. Никакого сервера, базы данных или учётной записи.
Да — и это отличный вариант использования. Страница контактов Knocket создана для встраивания: посетители получают доступ к онлайн-чату, WhatsApp, электронной почте и бронированию прямо на вашем сайте — без необходимости создавать форму или серверную часть. Вставьте URL knocket.trtc.io/your-handle и скопируйте код.
Лучше всего встроить инструмент, который позволит людям связаться с вами. Страница Knocket добавляет на любой сайт онлайн-чат, WhatsApp, электронную почту и запись на встречу.
Создайте свою бесплатную страницу