↗Проверка виджетов
Универсальный стенд / версия 2
Browser test page · 01

Одна страница.
Разные устройства.

Проверяйте чаты, формы, обратные звонки и другие виджеты на компьютере, планшете и телефоне. Один стенд для разных интеграций.

Стенд не имитирует работу подключённых сервисов. Отправка формы, сообщения или заявки может вызвать настоящее действие. Сейчас подключён обратный звонок: вызов 101, подтверждение кнопкой 1, затем звонок посетителю.

Три основных сценария

Проверьте внешний вид, взаимодействие и результат в подключённом сервисе.

01 / ОТОБРАЖЕНИЕ

Откройте и прокрутите

Проверьте положение виджета, раскрытие панелей, прокрутку и перекрытие элементов страницы.

02 / ВЗАИМОДЕЙСТВИЕ

Вручную и из автозаполнения

Проверьте поля, кнопки, вставку текста, автозаполнение и сообщения об ошибках. Введённые данные не должны теряться.

03 / РЕЗУЛЬТАТ

Полный сценарий

Выполните одно целевое действие. Проверьте результат в сервисе, сообщение об успехе и защиту от повторной отправки.

Подключённые виджеты

Добавляйте новые интеграции в отмеченные области HTML. Сам стенд остаётся тем же.

АКТИВНЫЙ ПРИМЕР

Обратный звонок

Плавающая кнопка справа внизу. Рабочая форма сервера pbx.reshihin.ru.

ВСТРОЕННЫЕ ВИДЖЕТЫ

Область в странице

Разместите форму, iframe или контейнер сервиса в блоке WIDGETS_INLINE ниже.

ПЛАВАЮЩИЕ ВИДЖЕТЫ

Поверх страницы

Размещайте кнопки чата и код подключения в блоке WIDGETS_FLOATING в конце файла.

Место для встроенного виджета. Пока здесь нет подключений.

Чек-лист браузера

Проверено: 0 из 6

Отметки только для текущей страницы: они не отправляются на сервер и сбрасываются при обновлении.

Проверка на длинной странице

Эти блоки создают дополнительную прокрутку, как на обычном сайте.

Оставьте виджет открытым

Прокрутите страницу вверх и вниз. Плавающий виджет должен сохранять положение относительно окна. Встроенный блок должен прокручиваться вместе со страницей.

На узком экране проверьте, что страницу не приходится двигать по горизонтали. Если внутри формы появился скролл, убедитесь, что доступны все поля и кнопка отправки.

Измените условия

Поверните телефон, измените ширину окна или увеличьте масштаб браузера до 200%. Проверьте открытие и закрытие формы ещё раз.

При работе с клавиатуры перейдите к кнопке через Tab и откройте её клавишей Enter. Поля внутри формы также должны быть доступны без мыши.

Данные для отчёта

Если заметили ошибку, скопируйте параметры и приложите скриншот. Содержимое полей подключённых виджетов в отчёт не попадает.

Для отчёта включите JavaScript.

Параметры описывают браузер и окно. Стенд не читает содержимое сторонних iframe и не подтверждает результат работы внешнего сервиса автоматически.

Заказать обратный звонок Закрыть форму