Виджеты

Виджеты позволяют размещать ваши приложения на сайте. Есть три варианта:

• На всю ширину — виджет занимает весь экран от края до края, размещается в начале страницы
• Встроенный в статью — виджет внутри текста, вписывается в контент страницы
• На поддомене — приложение размещается на отдельном домене, на сайте даётся ссылка на него

Как создать виджет

Создайте новую страницу и добавьте новый блок. В поиске блоков введите Widget и выберите его.

В настройках блока укажите URL вашего приложения. URL обязательно должен быть с https.

На всю ширину

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

В сайдпанели страницы выберите Header → Hide, чтобы шапка не отвлекала внимание пользователя от виджета.

Под виджетом напишите текст статьи и разместите другие блоки, например FAQ.

Встроенный в статью

В настройках блока выберите тип Embedded in page — виджет появится прямо в тексте страницы.

Подходит для небольших виджетов, которые дополняют текст: мини-калькуляторы, интерактивные примеры, формы.

Высота

Фиксированная

Выберите Fixed. Укажите высоту виджета в пикселях. Подходит для приложений, высота которых не изменяется в зависимости от действий пользователя.

Фуллскрин

Выберите Fullscreen. Виджет будет занимать весь первый экран пользователя.

Подходит для приложений, внутри которых встроен собственный скролл — например Annotate PDF — или для игр.

Динамическая

Выберите Dynamic. Подключите в своё приложение скрипт connector.js. При каждом изменении высоты приложения скрипт будет передавать её сайту, и фрейм с приложением будет автоматически подстраиваться по высоте.

Как подключить скрипт: https://onpress.pro/docs/connectorjs

На поддомене app

Подходит для полноценных приложений, которые не нужно встраивать в страницу. Разместите приложение на поддомене app.вашдомен.com и поставьте ссылку на него на основном сайте.

Этот вариант удобен когда приложение сложное или требует отдельного интерфейса без элементов сайта.