Как уменьшить расход топлива в автомобилях. Продукты для экономии топлива от компании FFI и компании Geunesse /Джанесс/. Сайт znaet.info. Отзывы о сайте znaet.info /знает.инфо/

Компания Forever Freedom International и секта prav.tv


Модальное окно выхода

Как сделать модальное окно с использованием библиотеки jQuery

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

Такие окна называются модальными окнами выхода jQuery (так как используют библиотеку jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML) .

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

Для чего нужны модальные окна jQuery?

Такие окна резко повышают конверсию продаж с сайта. Например, на странице своего сайта Вы рекламируете какой-то продукт или услугу. Посетитель пришел на страницу Вашего сайта, но так как предложение ему с первого взгляда показалось неинтересным, то он решил покинуть сайт. В это время и появляется модальное всплывающее окно выхода jQuery с дополнительной информацией о Вашем предложении.

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

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


ДЕМО РАБОЧЕГО САЙТА С МОДАЛЬНЫМ ОКНОМ ВЫХОДА

Сделать такое модальное окно не представляет никаких трудностей даже для новичков в сайтостроении.

Для установки окна выхода на свой сайт скачайте небольшой архив с исходными файлами.

Скачать бесплатно

[download id="6"]
Если Вы создадите поддомен на своем хостинге, то закачав файлы исходника себе в корневой каталог, Вы получите следующий сайт.

 

 

Для установки модального окна на свой сайт закачайте при помощи ftp соединения файлы из этого архива к себе на сайт в корневой каталог (кроме файла index.html).

Все что необходимо сделать это в исходном коде страницы (или страниц) Вашего сайта прописать несколько строчек между тегами <head></head>:

<link type='text/css' href='basic.css' rel='stylesheet' media='screen' /> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.simplemodal.js"></script> <script type="text/javascript" src="init.js"></script>

Здесь мы просто инициализируем jQuery и пару вспомогательных скриптов. Также подключаем таблицу стилей.

Затем где-нибудь в документе между тегами <body> </body >
подключаем всплывающее окно с нужным содержимым, например с таким:

<div style="display: none; padding: 10px;" id="exit_content"> <h1>Здесь будет расположено содержимое Вашего всплывающего окна</h1><h3>Например, вставьте сюда код формы подписки</h3><br /> </div>

Вот и все! Суть данного метода заключается в том, что в файле init.js находится инструкция, которая вызывает всплывающее окно, как только пользователь достигает последних 5 пикселей сайта. Значение «5» можно заменить на любое произвольное.

Размеры окна, цвет фона, толщина и цвет рамки, а также другие параметры меняются в файле стилей basic.css. Конечно, чтобы изменить дизайн окна и внести в содержание окна свои изменения нужно знать основы html и css. Но, если Вы решили научиться делать хотя бы простые сайты для ведения интернет бизнеса, то эти основы надо изучить. Информации полно в бесплатном доступе. Изучается за пару дней. Нужно выучить только основные теги.

Такие скрипты продаются в интернете в среднем за $30. Теперь Вы можете сами сделать такое модальное окно jQuery самостоятельно.

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

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

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

Сайт для моих партнеров

Также своим активным партнерам, которые умеют пользоваться авторассыльщиком на сервисе SmartResponder или каким-либо другим авторассыльщиком писем, я предоставляю другой сайт с формой подписки на рассылку. Вам останется только написать письма (или отредактировать под себя мои) и загрузить их в авторассыльщик.

Сайт для моих партнеров с формой подписки на рассылку

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

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

 

Добавить в Мой Мир Поделиться ВКонтакте Поделиться ссылкой в FaceBook Добавить в свой блог на livejournal.com

Интернет магазин точных высококачественных копий наручных швейцарских часов из Европы

Элитные копии швейцарских часов

Посетить магазин элитных часов

Комментарии к посту “Модальное окно выхода”

  1. Наталья:

    Спасибо, за информацию, оказалась весьма кстати. Только вот одна проблемка — данное окно у меня не выходит в эксплорере. Может подскажите, что не так?

    • Сергей (admin):

      Да, действительно, в некоторых версиях браузера Internet Explorer модальное окно не показывалось.

      Написал дополнительный код. Теперь окно должно всплывать во всех версиях IE.

      Проверьте, заново скачав архив с исходниками.

В связи с тем, что тема лохотрона FFi на этом сайте изложена очень четко и у автора больше нет ни времени, ни желания копаться в этой неблагодарной теме, нередко общаясь с психически ненормальными людьми, обработанными сектой prav.tv или просто наглыми и очень агрессивными сторонниками этого развода, выслушивая от них оскорбления и угрозы, то с 11 июня 2013 года обсуждение лохотрона через комментарии закрыто.

Узнать подробнее


Рекомендовать статью друзьям и знакомым