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

В статье «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 версию, где будет возможно добавить коды, похожие на указанный в предыдущем примере.

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

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

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