Всплывающее окно для сайта (объявление, купон или рассылка)

Всплывающее окно для сайта (объявление, купон или рассылка): для чего нужен

Хорошо сделанное всплывающее окно рекламирует купон, новинку или рассылку, не отпугивая посетителя. Напишите заголовок, текст и кнопку и выберите, когда оно появляется: через несколько секунд, при прокрутке части страницы или когда курсор уходит (на компьютере).

Код использует элемент dialog (закрывается по Esc, удерживает фокус внутри окна), запоминает, когда посетитель закрыл окно, чтобы повторить его только через выбранное вами число дней, и превращается в полосу внизу на телефоне, потому что Google считает навязчивыми окна, закрывающие основной контент на телефоне. Анимация учитывает тех, кто просил меньше движения.

Как пользоваться

1. Напишите сообщение и кнопку.
2. Выберите, когда появляется, и интервал в днях.
3. Скопируйте код в конец body.

Когда использовать

• Купон на первую покупку.
• Объявление о новинке или особом режиме работы.
• Приглашение на рассылку или в WhatsApp.

Частые вопросы

Всплывающие окна вредят сайту в Google?

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

Как сделать, чтобы окно не появлялось постоянно?

Код запоминает (localStorage), когда посетитель закрыл окно, и показывает его снова только через выбранное вами число дней. Кто нажал на кнопку, больше его не увидит.

Что значит параметр «при уходе со страницы»?

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

Правда бесплатно?

Да, 100% бесплатно. Без регистрации, без подписки и без ограничений использования. Все инструменты Tools123 бесплатны.

Похожие инструменты