Overlay — это всплывающий элемент, который накладывается поверх основной страницы (чаще всего — лендинга) и временно блокирует взаимодействие с фоном. Цель — сфокусировать внимание пользователя на одном действии: оставить контакт, прочитать оффер, подтвердить намерение.

Где используется:

– Сбор заявок через email/телефон.
– Уведомление об акции или дедлайне.
– Подтверждение ухода со страницы (exit-intent).
– Upsell или допродажа после клика.

Виды overlay:

  • Центральный popup — появляется по таймеру или действию.
  • Exit-intent overlay — срабатывает при попытке закрыть вкладку.
  • Scroll overlay — появляется после прокрутки части страницы.
  • Full-screen overlay — перекрывает весь экран и требует действия.

Overlay — элемент интерфейса, который резко усиливает концентрацию на нужном действии и помогает повысить конверсию без перенаправления на другую страницу.

Пример:

Overlay

Loading