Всплывающее окно на сайте (popover форма на сайте)
В этом примере был реализован вызов всплывающего окна с разными настройками.
Для этого мы:
- создали форму
- в кастомной разметке прописали разные способы вызова всплывающего окна
<p>
<a href="#" class="as-popover btn btn-success" data-title="Пример 1" data-trigger="manual" data-type="primary" data-size="lg" data-formcode="watch_reset" data-formitemid="">1 Обычная форма</a>
</p>
<p>
<a href="#" class="as-popover btn btn-success" data-content="Надпись <b>жирным</b> текстом" data-title="Пример 2" data-trigger="manual" data-type="primary" data-size="lg" data-formitemid="">2 Кастомная разметка</a>
</p>
<p>
<a href="#" class="as-popover btn btn-success" data-content="Надпись <b>жирным</b> текстом" data-title="Пример 3" data-trigger="focus hover" data-type="primary" data-size="lg" data-formitemid="">3 Появление при наведении</a>
</p>
<p>
<a href="#" class="as-popover btn btn-success" data-content="Надпись <b>жирным</b> текстом" data-title="Пример 4" data-trigger="focus hover" data-type="warning" data-size="lg" data-formitemid="">4 Тип окна WARNING</a>
</p>
<p>
<a href="#" class="as-popover btn btn-success" data-content="Надпись <b>жирным</b> текстом" data-title="Пример 5" data-trigger="focus hover" data-type="primary" data-size="sm" data-formitemid="">5 Маленький размер</a>
</p>
<p>
<a href="#" class="as-popover btn btn-success" data-content="Надпись <b>жирным</b> текстом" data-title="Пример 6" data-trigger="focus hover" data-type="primary" data-size="sm" data-placement="left" data-formitemid="">6 Появление слева</a>
</p>Другие демостенды
— Формы с вкладками (tabs) на сайте и сворачиваемыми панелями (accordeon)— Форма в выпадающем окне на странице сайта
Что есть в базе знаний по этой теме
— Получение данных контрагента по ИНН— Как перезагрузить страницу после сохранения формы
— Как вывести форму во всплывающем окне рядом с кнопкой (popover)
— Базовая интеграция с Jitsi Meet (звонки с видео)
— Модальная ссылка (as-modal)
— Загрузка формы в выпадающем окне (dropdown)
Последние обновления
Интеграции 24.11.2025
Разное 24.11.2025
Форма 15.11.2025
Визуализация 02.11.2025
Таблица 08.10.2025
Форма 26.09.2025
Таблица 23.09.2025
Разное 23.08.2025
Таблица 21.08.2025
Форма 20.08.2025
Таблица 18.08.2025
Таблица 21.06.2025
Форма 07.06.2025
Форма 29.03.2025
Форма 17.02.2025
Файлы и документы 10.01.2025
Форма 01.11.2024
Форма 23.10.2024
SQL-инструмент для создания личных кабинетов на сайте
Платформа Falcon Space
Это снижение стоимости владения
за счет меньшего количества людей для поддержки
Это быстрое внесение изменений
по ходу эксплуатации программы
Это современный интерфейс
полная адаптация под мобильные устройства