Всплывающее окно на сайте может не раздражать

Сегодня я хочу рассказать Вам о всплывающем окне на сайте, которое не будет раздражать Ваших посетителей, как обычные Pop-Up окна, загораживающие половину экрана. Это окно появляется тонкой полоской внизу экрана. Там очень удобно размещать какой-либо продукт, который Вы рекламируете с предложением подписаться. Выводится это окно при помощи плагина optincrusher.

Вот такое замечательное окно, которое не раздражает.

Скачать плагин optincrusher Вы можете здесь Перед установкой плагина я рекомендую дочитать статью до конца.

После того, как Вы скачаете плагин, действуете по стандартной схеме, установка, активация. Переходим к настройкам плагина.

Находите его через меню «Параметры» и начинаем разбираться. Плагин optincrusher не русифицирован, поэтому, если Вы не знаете английский, рекомендую устанавливать его в Гугл Хроме, этот браузер автоматически переводит на русский любой текст.

Приступим. Для начала отметьте нужные пункты в первом окне и нажмите «Сохранить изменения».

Включаем плагин.

Затем переходим ко второму окну, впрочем тут тоже все легко и просто, выбираете время, через которое окно будет появляться. Тоже сразу нажимаем кнопку «сохранить изменения»

Настройки времени всплытия.

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

Выбираем изображение и цвет.

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

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

Описание

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

Форма подписки

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

Все легко и просто, дольше описывать, чем действительно настраивать.

Единственное с чем у меня возникли проблемы, так это с формой подписки от Джастклик. Там мне пришлось немного подрезать её таким образом: вырезаем лишнее.

Но и это еще не все, как видно ниже, плагин требует, чтобы форма не содержала javascript, поэтому подрезаем эти две строчки

Поздравляю! Теперь Вы сделали всплывающее окно на сайте, которое не раздражает Ваших посетителей!

P. S. в ночь с 18 на 19 января почтовый сервис Джастклик сменил интерфейс, в связи с этим появилось множество различных косяков. Например, на одном из сайтов который я сделала, перестала работать форма подписки. Когда я заменила подписку на новую, то в новой форме не было кнопки «подписаться». Чтобы сделать её я вписала строку

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

comments powered by HyperComments

Оставьте мне собщение