> Архив статей > Инструменты on-line бизнеса > Самый простой способ создать popup окно с подпиской

Самый простой способ создать popup окно с подпиской

Автор: Евгений Стрельников
Источник: onlinehomebusiness.ru

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

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

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

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

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

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

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

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

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

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

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

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

popup окно подписки как создать

 

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

Шаг 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 за столь качественный сервис.

P.S. От себя добавлю, что форму подписки лучше делать отдельно (например в Макромедиа Дремвейвере), а затем просто открываем вкладку "Sourse", удаляем ВСЕ, что там есть, и вставляем код формы подписки.

И второй ВАЖНЫЙ момент: если Вы хотите переделать уже сделанный попап, то закгрузите в программу Pop-In Builder (справа внизу) код Вашего сделанного попапа (PopIn.js) и редактируйте сколько нужно!

Понравился материал? Добавьте в свои закладки - возможно, он будет полезен Вашим друзьям:
Комментарии (0)


Добавить комментарий

Ваше имя/ник (не менее 4 символов):

Ваш E-mail (защищен от спама):

Сообщение (30 - 700 символов, только текст):

Защита от спама
(введите текст с картинки):


Другие статьи по теме: