Создание всплывающего окна

Конечно, можно было бы написать необходимый скрипт и самому, но поскольку с JavaScript я не очень дружу в основном из-за его синтаксиса, то хотелось готового решения.

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

Обидно только то, что 90% попадавшихся мне скриптов оказывались кривыми, и их использование было невозможным.

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

После того, как я понял, что скрипт придется искать на сайтах тех, кто их успешно использует.

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

Вообщем потрудиться мне пришлось много, пока я не нашел то, что искал. И к моей радости решение это оказалось совершенно бесплатным.

Знакомьтесь. Это сервис по генерации попап-окон Pop-In Builder

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

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

Шаг 1. Выберете тип нужного Вам попапа в левой колонке, кликнув на одно из изображений:

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

Шаг 2. После того, как Вы определитесь с выбором типа попандера, нужно отредактировать исходные данные.

Делается это путем замены стандартных значений на свои собственные в следующих полях:

Посмотреть то, что получилось у Вас можно в любой момент, нажав на кнопочку Generate Pop-In window. Чтобы убрать с экрана появившееся окно нужно кликнуть на крестик в самом окне или же нажать “Esc” на своей клавиатуре.

Шаг 3. После того, как все настройки Вами установлены, текст и работа формы подписки проверены, нужно сохранить файл со скриптом на свой компьютер. Для этого нажмите кнопочку Download Pop-In window

Шаг 4. Теперь нужно закачать полученный файл PopIn.js на свой сервер, и на странице, где будет показываться всплывающее окно до тега </body> добавить срочку:

<script src="PopIn.js" type="text/javascript"></script>

Шаг 5. Насладиться результатом.

Вот такое простое решение. Надеюсь, и Вам оно понравится.

Спасибо разработчику, коим значится Michel Komarov за столь качественный сервис.