Изменяем «Против» на «За»: Как использовать всплывающие окна на сайте

В статье «10 вещей, которые посетители ненавидят на Вашем сайте» Вы узнали о том, чего следует избегать размещать на сайте, чтобы не отпугнуть посетителей. Давайте начнем с первого — всплывающие окна — и разберемся, как их использовать дружелюбно.

Хотите использовать использовать всплывающие окна на сайте? Узнайте, как это сделать лучше.

Итак, лучшее использование всплывающих окон на сайте — никаких окон.

Это должно быть правилом! Если Вы на 100% не уверены, что оно Вам нужно, то оно Вам не нужно. Огромное количество сайтов теряют посетителей от того, что вдруг появляется нежданное окно, раздражает посетителя, что ведет к закрытию вкладки с сайтом.

Если Вы думаете, что Ваш сайт только выиграет от использования всплывающего окна, то попробуйте следующие опции:

Вариант 1. Всплывающее окно, которое не блокирует контент

Нет более раздражающей вещи, чем всплывающее окно на сайте, которое полностью блокирует страницу, где Вы рассчитывали найти полезную информацию.

Что делать?

• Хорошим решением в данном случае может быть окно с предложением о подписке на рассылку, при этом окно будет отображаться в правом нижнем углу страницы, не закрывая собственно содержание сайта и привлекая внимание одновременно.

Вариант 2. Всплывающее окно, которое закрывает контент, но при этом остается простым

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

Что делать?

• Попробуйте добавить окно, которое не будет агресивным, а простым и информативным.

Вариант 3. Всплывающее окно, которое появляется по клику

Это может стать приятным решением для Ваших посетителей, таким образом они смогут выбирать смотреть всплывающее окно.

Что делать?

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

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

Пример:

В продолжении серии Изменяем «Против» на «За» Вы найдете — Музыка при входе на сайт: За и против.

Код:

<p>В продолжении серии Изменяем «Против» на «За» Вы найдете — <span style=»text-decoration: underline;»><a onclick=»javascript:window.open(‘http://img.webnode.com/blog/pop_up_sorry_ru.jpg’, ‘okno’, ‘width=550,height=510,status=no,toolbar=no, menubar=no,scrollbars=yes,resizable=yes’);» href=»javascript:void(0)»>Музыка при входе на сайт: За и против</a></span>.</p>

• Измените параметры «width=550,height=510» (ширина/высота), чтобы изменить размер окна;
• Замените ссылку «http://img.webnode.com/blog/pop_up_sorry_ru.jpg» своей.
• Если код не работает — замените наклонные кавычки на ровные.

Как это применить в Webnode?

Когда Вы редактируете контент в блоке «Текст и изображения», Вы также можете увидеть HTML версию, где будет возможно добавить коды, похожие на указанный в предыдущем примере.

 

Кликните на стрелочку, чтобы увидеть вторую строчку с этой опцией

Убедидесь, что все знаки и код был таким же. Код не будет работать, если Вы что-нибудь поменяете.

Вы изменили свое мнение о всплывающих окнах на сайте?