Умное модальное окно | «RuBizModal» (feat. SimpleModal)

Умное модальное окно | RuBizModal (feat. SimpleModal)

Сразу хочу поблагодарить Эрика Мартина за скрипт pop-up окна. За дизайн модального окна отвечаю «скромный я».

Также ОГРОМНОЕ «СПАСИБО» Виктору Шурыгину за то, что настроил модальное окно таким образом, что теперь оно открывается лишь один раз в сутки.

Иногда, если совместить одно с другим, можно получить вещь вдвое полезнее. Так и получилось с очередным вкусным пирожком, которым я хочу Вас угостить :).

Речь пойдет о всплывающих (модальных) окнах (Pop-Up или Popup), нет, не тех, что выскакивают СРАЗУ, как посетитель оказался на сайте, а о тех, которые показываются лишь тогда, когда посетитель уводит курсор к верхней панели браузера, т.е. собирается покинуть страницу.

Обычно, возникшее сразу Pop-Up модальное окно мы СРАЗУ же закрываем и, если информация на сайте нас не устраивает — покидаем сайт, забыв об окне и его прекрасном предложении. В нашем же случае, конечно уйти можно без проблем, но наше модальное окно, в отличии от обычных, открывается если подвести курсор к верхней панели браузера(«старый осел» так же показывает окно, если подводишь к нижней панели браузера)

Чем это «умное» окно лучше обычного pop-up?

Привычные:

Показывается сразу, порою так быстро, что страница еще не загрузилась — раздражает конкретно.

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

Наше модальное окно RuBizModal:

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

Открывается ОДИН раз с сутки.

Настроено для: SmartResponderJustClickGetResponse

Прилагается как видеоинструкция так и инструкция в текстовом формате.

Приятный внешний вид окна.

Если людям интересно такое модальное окно, тогда есть и смысл разнообразить его дизайн.


ВАРИАНТ 1.1. | PNG упаковка

RuBizModal

ВАРИАНТ 1.2. | JPG картинка

RuBizModal

 ВИДЕИНСТРУКЦИЯ

В этой я рассказываю как редактировать окно относительно дизайна:


ВАРИАНТ 2. | Список

Новый вариант дизайна для RuBizModal

 ВИДЕИНСТРУКЦИЯ

ВАРИАНТ 3. | YouTube видео и кнопка

Новый вариант дизайна для RuBizModal

 ВИДЕИНСТРУКЦИЯ

ВАРИАНТ 4. | Картинка-ссылка

Новый вариант дизайна для RuBizModal

* Размеры картинки могут быть любыми. Желательно все же, чтобы ширина была значительно больше высоты. Просто создайте файл в Photoshop с примерным размером 720×340.


Как подключить:

SmartResponder | JustClickGetResponse

КАК подключить форму к JustClick коду

Пока JustClick (Новый код) не доступен для моих проектов, но я уже решаю данную проблему. В скором времени НОВЫЙ код будет внедрен во ВСЕ мои проекты. Вернитесь позже...

КАК подключить форму к GetResponse коду

Пока GetResponse (Новый код) не доступен для моих проектов, но я уже решаю данную проблему. В скором времени НОВЫЙ код будет внедрен во ВСЕ мои проекты. Вернитесь позже...

Версия 1.6 (13.10.2015) (открывается 1 раз в сутки)

Удаляйте куки (за последний день) каждый раз перед проверкой любого окна (как я показал в видеоинструкции) — оно ведь настроено на показ один раз в сутки.

(Если окно не работает: 1) загрузите сайт на хостинг и тогда проверьте; 2) перепроверьте все еще раз; 3) вы пытаетесь установить на WordPress, Joomla, Drupal путем «copy-paste», что совсем не рекомендуется делать (если получилось, то проверьте все плагины в этом случае))

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


Понравилась статья? Поделись с друзьями:

Понравилась статья? Поделись с друзьями:


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

140 комментариев

  1. Людмила:

    Сергей, у вас отличные курсы! но у меня к сожалению не все получилось. можете помочь? 

    • SergeyChunkevich:

      Людмила, обязательно помогу! Рассказывайте, что у Вас не получается?

      • Людмила:

        Сергей, у меня все получилось! Спасибо огромное за помощь! Вы разместили ОТЛИЧНОЕ pop_up окно с подробными комментариями! Мне очень понравилось с Вами работать! Ждем новых проектов и материалов!

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

    • Я уверен, что можно. Правда тут, действительно к сожалению, помочь не могу.

      В самой нижней части статьи прочитайте.

      Я бы настроил, если мне пришлют код с решением.

    • enselerizer:

      Не знаю, как точно это сделать, но можно убрать запись «срока годности» cookie, которые пишет скрипт. Тогда сообщение не будет появляться, пока пользователь не почистит cookie самостоятельно.

  3. Собрался устанавливать, а видео не воспроизводит:) Жаль...

    • Сергей, уточните, что Вы имели ввиду под «видео не воспроизводит»?

      • Сергей, все в порядке, это у меня что-то с браузером было — писал, что воспроизведение невозможно, попробуйте позже.

        Попробую разобраться в настройке окна к себе на ресурс.

        Благодарю за информацию и внимание.

  4. Сергей, а как с Вами можно связаться?

    Хочется более «развернуто» с Вами пообщаться по поводу настройки всплывающего окна?

    мой e-mail ratibor144@yandex.by

  5. Никак не могу подключить модальное окно:)

  6. Сергей супер!

    Я очень доволен, что наткнулся на ваш сайт.

    Скачал сегодня элегантные сквизи, сижу редактирую, класс!!!

    А сейчас модальные окошки увидел, тоже здорово!

    А вы могли бы мне помочь сделать простую обложку для моего модального окна?

    Примерно такую же как в вашем...

    Напишите мне на мыло, договоримся.

    Спасибо!

  7. Сергей, а решение по поводу однократного показа всплывающего окна посетителю так еще и не найдено?

    • Пока решение никто не предложил...к сожалению.

      Ждем. С удовольствие интегрирую в код, если кто-то предложит решение.

      Даже разработаю новые варинты дизайна.

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

  9. artur:

    Здравствуйте Сергей я так и не понял как его установить где на хостинге index.html ведь там index.php ??? (wordpres)

    • Приветствую, Артур!

      Если у Вас обычная тема на WP, то код вставляется в файл header.php, где начинается тег body

      (если это вордпрес, то рекомендую вставить код сразу перед закрытием тега body, т.е. перед /body)

      А Java скрипты соответственно в пределах тега head.

      Обязательно проверьте на наличие библитеки jquery, либо проверьте версию, чтобы была не ниже.

      • артур:

        Спасибо теперь понял, у меня почему-то в браузере хром отображается отлично, решил проверить в мозилле там все стили уплыли, может ли это быть изза темы, хотя сейчас сам проверю и отпишусь

  10. Эдуард:

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

    • Эдуард, поясните Вы о чем именно?

      О комплекте, который Вы получили после, как подписались?

      Или Вы проверяли данное модальное окно?

      Кстати, про комплект.

      Его я на днях обновлю — будет гораздо привлекательнее.

      Старую версию оставлю как вариант.

  11. Ух ты как здорово! Какой отличный pop-up! Весь гугл переыла, перепробовала за последних два дня кучу всевозможных плагинов, и ничего не работает или работает но не так. А у Вас тут все так здорово расписано и показано. Спасибо огромное-преогромное!

  12. Сергей Молчанов:

    Сергей, вроде все установил по урокам, окно так и не появилось. То ли у меня тема WP замороченная, то ли я не так все таки что то делаю. У меня body и head разбросаны по разным .php Может тут ошибаюсь. Иногда, при эксперементах, элементы окна появлются (статичные)то вверху то внизу, но как скрипт не работают.

    • Сергей, все дело в том, что вы не указали полный путь к файлам. Ко всем файлам и картинкам.

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

      Жду ответ и результат.

      • Сергей Молчанов:

        Теперь все пути прописал. Картинки появились. но не в виде POpUp окна, а статично. Внизу сайта.

        • Сереж, ко всем файлам включая, т.е. CSS и JavaSript включая, которые Ты вставил в тег head.

          У тебя не работает, поскольку нет привязки с CSS файлом и со скриптами.

          Пропиши им полный путь и заработает.

        • Сергей Молчанов:

          Адреса к скриптам прописал полностью, вствил перед, это в header.php

          Перед в footer.php вставил сам код, тоже прописал пути к картинкам. В style.css те же действия. Картинка стала невидимой, но скрипт не запустился. Не пойму в чем подвох.

        • Сергей, у меня такая история была. Причина оказалась в том что один из установленных ранее плагинов конфликтовал с js. Путем отключения всех плагинов и поочередного их включения удалось найти, отключить и заменить лишний. После этого PopUp окно заработало как надо.

  13. Виталий:

    Спасибо Вам Сергей. Поставил себе на Блог. (Благодаря комментариям).

    Но Думаю лучше снять Видео для Блогов, так как эта сфера сейчас развиваеться очень быстро.

  14. Владислав:

    Здравствуйте Сергей. Замечательно.

    У вас всё сделано «с иголочки» — это радует.

    Я конечно не спец в JavaScript-е, но предоставить код,

    который работает на другом самописном Pop-Up*е могу.

    Думаю, что Вы разберётесь. Напишите мне на e-mail

    или в контакте — vk.com/ivlady

  15. Azam:

    Здравствуйте! Большое спасибо за замечательные материалы!

    У меня все получается. Но лишь один вопрос.

    У вас нету инструкции, как настроить форму подписки от smartdresponder

    под ваш код? Я не разбираю к сожалению в input и т.п.

    А стандартные (новые) герераторы подписок не смотрятся под ваш дизайн.

  16. Виктор Шурыгин aka INFO-TEACH:

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

  17. Окно классное ноя не пойму как его ставить на сайт! Изменения вроде все сделал! КАК ЕГО ПОСТАВИТЬ НА САЙТ! У меня ворд пресс, подскажите и объясните как поставить на мой блог

  18. Сергей а можете помочь поставить!

  19. Сергей, окошко сделать получилось, еще ранее, БлагоДарю.

    А вот после замены файлов «appruv.js» и «init.js» на сервере, всё равно окошко выскакивает много раз, а не один раз в сутки. Куки и кэш почистил, проверил также и в другом браузере.

  20. Supreme:

    Здравствуйте Сергей! С большим уважением отношусь к Вашему труду и пользуюсь проектами. Скажите, а когда планируется выход видеоинструкции установки модального окна с кодом на justclick? Он почетче smartrespondera будет!

    • Здравствуйте, Supreme!

      Я хочу до нового года закончить.

      Постараюсь более подробно рассказать и показать.

      Окно замечательное, поэтому новые варианты окна уже в разработке.

      Правда, не в этом году и не в первую неделю нового.

  21. Supreme:

    Отлично! Мне бы его к justclick прикрепить и начну дизайн сайта оформлять! Вчера ставил Рубизхелпер, вроде делал все по инструкции, но оно встало криво, наверно тема такая...

  22. Данил:

    Графика хорошая, но скрипт я лучше под себя настрою через popinbuilder.icoder.com.

    • Валентина:

      Даниил, popinbuilder хорош, но Он не делает скриптов на модальные! окна.

      Сергей предложил модальное окно, а не Pop-Up.. 🙂

  23. Все легко и доступно! но есть одно но! прислучайном нажатии не на само окно происходит закрытие окна и что приводит к тому что это окно больше не выводится и следует ждать сутки! как сделать так чтоб закрытие окна происходило только при нажатии на крестик???

  24. Максим:

    Сергей, я поставил себе на блог, но у меня съезжает с правой стороны текстовки нет, поля для ввода имени и мейла в самом верху, а над ними замочек и нет слов «Ваш емейл в безопасности». В чем может быть дело?

  25. Алесандр:

    Привет, спасибо за твой огромный и главное полезный труд, но у меня к тебе небольшая просьба. А именно: мне нравится как на твоем сайте реализованы комментарии, если это специальный плагин на wordpress, не мог бы ты его название обнародовать, с установкой думаю проблем не возникнет, хоть я в «блогинге» и новичок) Заранее спасибо)

    • Александр, рад узнать, что Вам мои материалы приходятся полезными.

      По поводу комментариев — нет, никакого плагина не устанавливал(за исключением плагина «Captcha»).

      Поколдовал над кодом и со стилями...

      Даже над плагином поколдовал, поскольку и с ним так же недопонимания возникли.

      Посмотрите в поисковике комментарии для блога «Disqus» — довольно интересная штука,

      правда я ее удалил — решил улучшить дизайн обычным.

  26. Антон:

    Спасибо за красивый попап! А можно настроить окно, чтобы выпадало по времени?

    • Оно уже настроено по времени — 1 день.

      Можно настроить на 2 дня, на 7 и т.д.

      Или же Вы думали о времени как о часах и минутах?

      В этом случае такое тоже возможно, но не думаю, что это актуально.

  27. Александр:

    Сергей спасибо Вам за форму, но сейчас нуждаюсь в Вашей помощи:

    Установил форму и всё работает, но форму установил для justclick, а она у Вас без заглавных тегов типа: "БЕСПЛАТНЫЙ ВИДЕОКУРС! Как Создавать Отличные Диаграммы Легко? " и от этого не много съезжает...вот скрин —

    s1.ipicture.ru/uploads/20130302/e2y2uw55.png

    Можете дать код для justclick c этими надписями?

    ЗА ранее спасибо!

    • Благодарю за замечание!

      Я действительно не вставил в инструкцию эти две строки.

      Кстати, у Джастклика теперь другой код при генерации.

      Я заменил уже старый на новый.

      Читайте коротенькую инструкцию.

  28. Алексей:

    Здравствуйте, Сергей! Спасибо Вам за Ваш труд и за то, что Вы делаете для нас всякие супер-вещи! Все великолепно и дизайн превосходный. По поводу smart-pop-up-files. Вопрос! Все установил, работает, картинку поменял, но ни как не могу текст изменить. Остается старый. В демо версии текст меняется, а на блоге нет. Я создавал блог в программе Artisteer 4. В корневой папке у меня три папки: wp-admin, wp-content, wp-includes. Я пытаюсь ставить в папку wp-content. В этой папке есть папка temes. Может что то делаю не так, может надо в другую папку ставить. Потому что в других папках тоже есть папка с temes. Только например в папке wp-admin файлы footer.php, header.php называются admin-footer.php, admin-header.php. Заранее благодарен. Спасибо. С Уважением. Алексей Хитров.

    • Вообще, без разницы в какую папку ставить. Можно поставить хоть на поддомен, хоть вообще на другой домен.

      Главное правильно прописать пути в самих файлах и в, и вставить саму форму окна

      непосредственно на тот сайт, на котором оно должно пявляться.

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

      Они должны начинаться либо с «http://здесь_домен/и_дальше/путь/до/файла», либо просто с косой черты

      без домена, т.е. «/путь/до/файла».

      C Артистером, я считаю, лучше не связываться. Конечно, можно на нём делать шаблоны, потренероваться в дизайне. Но лучше взять готовый профессиональный шаблон. Их очень много. И даже среди бесплатных можно найти достойный. А ещё лучше использовать хороший шаблон от студий. Например,

      yootheme, woothemes, themeforest, elegantthemes

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

      таблиц и многого другого в оригинальном дизайне.

      Можно также заказать шаблон.

      Из бесплатных неплохие шаблоны можно посмотреть: freewebtemplates

      или goodwinpress

      или utema.ru,

      или просто наберите «wp шаблоны» в яндексе и выбирайте на вкус.

      Создайте в каталоге «wp-content» каталог, например, «mycode» (сюда можете в будущем помещать другие дополнительные скрипты), в него залейте каталог «smart-pop-up-files» (можете переименовать его). Поулучится путь:

      домен/wp-content/myc...art-pop-up-files. Далее, в соответствие инструкции, пропишите пути в файле header.php.

      Вставьте код окна перед в файле footer.php вашего шаблона. Используйте редактор Notepad++ notepad-plus-plus.org,

      забудьте про блокнот, если Вы им пользуетесь.

      В некоторых шаблонах есть возможность добавлять коды прямо в админке WP.

      Надеюсь, помог...

  29. TEV:

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

  30. Хорошие модальные окна. И отлично функционируют на статичных сайтах или страницах. Но есть одна загвоздка.

    На многих движках уже используется jQuery, и иногда в ней используется функция jQuery.noConflict (); для того, чтобы не возникали конфликты с другими библиотеками. Поэтому, возможно нужно будет поменять «$» на «jQuery».

    Чтобы проверить, используется ли функция jQuery.noConflict ();, просто откройте свою библиотеку, и в конце файла может быть записано: jQuery.noConflict ();.

    Если так и, если у Вас не работают модальные окна после настройки по инструкции, тогда меняйте все «$» на «jQuery».

    Поменять нужно в jquery.simplemodal.js и init.js

  31. Здравствуйте, Сергей! Спасибо вам за качественную работу и доброжелательность! Даже если у меня сейчас не получится, я «подрасту» и вернусь на ваш сайт позже. Я пока новичок и многое не понятно. А хочется просто до дрожи.... поэтому

    Постараюсь просто повторять за вами. Но, сначала нужно отредактировать шаблон окна.

    Мне привычней в фотошопе, а в вашем случае я так понимаю нужно будет просто заменить текст на свой (соблюдая количество знаков?). Слава богу цвет и размер шрифта подходят. Если не трудно, подскажите пожалуйста какой именно файл нужно редактировать. Можно это сделать в Notepad ++ или как то иначе?

    Еще раз спасибо и надеюсь, до свидания

    • Милая Танечка, Вам обязательно понравится видеоинструкция, которая чуть ниже статьи, или над кнопкой «скачать».

      Я специально записал новую видеоинструкцию — чтобы еще более подробнее, чтобы еще более ясно.

      Посмотрите, повторите, поделитесь результатом.

  32. Искреннее спасибо за ответ.....

  33. Здравствуйте, Сергей!

    Зашел сегодня на Ваш блог и глаза, и руки, и чуть ноги не разбежались в разные стороны!!!

    Не знаю за что хвататься, что устанавливать в первую очередь????????????

    Под наш проект даже цвета подобраны, как для нас делали?!!! Завтра буду переделывать все страницы!!!

    Вот еще вопрос: "Как установить на JustClick, вот такую форму комментариев, как у Вас? Очень нужно!

    Сайты почти готовы, а вот с комментариями «вопрос»? Вот куда нужна форма: гипертония-от-а-до-я.рф; стенокардия-от-а-до-я.рф и таких будет 5!

    Если не такая, то может что посоветуете? Конечно, хотелось бы именно такую! форму!!

    Очень благодарны за то, что уже есть на Вашем блоге!

    Заранее спасибо, если что подскажете по поводу формы комментариев!

    ------------------------

    Будьте здоровы! Берегите себя и своих близких!

    С уважением, Владимир Паис,

    руководитель проекта: "Слушай, о чем говорит твое сердце! "

    www.infarkty.net

    ----------------------

    P.S. Это просто ССССУУУУППППЕЕЕЕРРРРР!!!!!!!!!!!!!

    • По поводу формы...

      Если Вы про форму комментариев на моем блоге, которую Вы использовали чтобы оставить комментарий,

      то тут такое дело...Не получится Вам ее вставить.

      Могу Вам порекомендовать такую форму: disqus.com

      Там можно настроить ее на русский язык.

      Попробуйте. Очень качественно сделано, и есть статистика.

      Благодарю за пожелания. Взаимно.

  34. Иван:

    Здравствуйте, Сергей!

    Установил окно, но сайт перезагружается, появляется белый фон и все виснет, в чем проблема?

  35. Добрый вечер! Хочу автора поблагодарить за ценный материал и пожелать ему удачи во всём!

    У мня к вам один вопрос! Смотрите видео (Линк удалил — видео просмотрел)

    Если я закину на сайт свой такого не будет? Или это проблема на данный момент?

    • Александр, Вы потратили столько много времени на создание видео,

      а на видеоинструкцию(которая уже давно в статье) у Вас,

      к сожалению, не хватило времени.

      Посмотрите видеоинструкцию, что Выше(первую) начиная с 50 секунды.

  36. Сергей, здравствуйте.

    Подскажите, а есть ли возможность установить подобное модальное окно на страницы магазина JustClick?

    Спасибо.

  37. Сергей, подскажите, а на локальном хостинге модальное окно будет работать? Просто я сделала все по инструкции и даже заменила «$» на «jQuery», но окно не появляется.

  38. Виталий:

    Сергей, Здравствуйте.

    Делаю все, как Вы сказали. Но у меня окно вылетает, почему-то, при каждом закрытии .

    Подскажите, что не так.

    • Здравствуйте, Виталий!

      Если я правильно понял, то Вы скачали правильную версию, т.е. версию 1.1.(кнопка сверху), а так же Вы посмотрели внимательно новую инструкцию(а именно начиная с 50 секунды).

      И после этого у Вас всеравно показывается окно при каждом наведении на верхнюю панель браузера?

      • Виталий:

        Именно так. И еще такая же ситуация в демо версии, которая шла вместе с комплектом.

        • Виталий, попробуйте открыть ДЕМО версию в другом браузере, например Opera или Safari, или Firefox, только не том, в котором Вы уже открывали.

          Проблема в том, что Вы уже когда-то открывали это окно и куки сохранили в памяти то, что окно должно открываться постоянно. И даже после удаления куки за последний час ничего не даст. Можете так же удалить и все куки в браузере и потом проверить. Я сейчас скачал и проверил(на случай, а вдруг точно я что-то перепутал) — все работает как часики.

  39. Людям очень нравится такое окно. Есть смысл разнообразить дизайн)) Спасибище Вам большое!!!!!

  40. мэри:

    Не могу настроить окно с формой джастклик. Наверное какой-то конфликт чего-то там(((Делаю все по инструкции. Но когда навожу на закрыть сайт появляется просто белый фон. У меня было такое на окне другого автора. Там я убрала строчку из кода от джастклика вот эту —

    и заработало!

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

    • Мэри, очень неловко стало, когда посетил сайт, который Вы указали. Если это Ваш сайт, то очень странно, что Вы задаете подобный вопрос...

      В любом случае, Мэри, как мне узнать, где проблема, если я не вижу ни кода ни сайта, где это окно установлено? Остается гадать, придумывать, фантазировать... 😉

  41. Спасибо огромное, но мне пригодилось в другом не много направлении, а именно вместо подписки установил 2 блока от гугл адсенс 300х250, будите смеяться но доход с каждого сайта вырос примерно с 3-5$ в сутки до 25-30$ в сутки. Одна проблема в IE даже 10-м не работает, есть какие нибудь доделки по этому вопросу?

    • Кстати если кому интересно, установить куки на минуты можно так:

      date.setTime (date.getTime () + (2 * 60 * 1000)); — файл appruv.js

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

    • Неплохо, Вам Алексей подфортило!

      Кстати, совсем не смешно... Вот, что значит, когда хочешь включить мозги, действуешь и получаешь результат.

      А по поводу IE10, то все работало как часики и работает. И на 9 работает. Попробуйте с другого компьютера на IE9 и IE10 проверить.

  42. Алексей:

    Не получается настроить всплывающее окно с формой justclick, при наведении курсора на верхнюю панель, вместо всплывающего окна появляется белый фон. Всё делал по инструкции. С формой smartresponder работает отлично. Подскажите пожалуйста в чём косяк. Вот ссылка на страницу, где установлено всплывающее окно atelika.justclick.ru/test

    • Здравствуйте, Алексей!

      Установите на свой сайт это окно и будет работать. Это окно думано устанавливать не на сервис, а на сайт(WP, HTML), т.е. когда у Вас свой сайт и свой домен, а если решаете установить на сервис, то стабильность работы не гарантируется.

      P.S.

      Попробуйте еще удалить строку, где есть библиотека jquery-1.8.1.min.js, поскольку она уже установлена на джастклике. Если работать не будет и после этого, тогда пока помочь не могу, что касается установки на сервис ДжастКлик. Но я учту это. Благодарю за комментарий.

  43. Наталья Быкова:

    Все работает, благодарю!

  44. Наталья Быкова:

    Написала что все работает, а оно не работает... Вернее работает, но только на моем компе — показывает что надо, подписывает на getresponse.

    На других компах показывает эту форму с Вашим исходным текстом «Новый курс 2.0» и подпиской на него, а не на мое окно. Почему так?

  45. Михаил:

    Сергей, спасибо за отличную работу, пользуюсь на joomla 2.5. Правда, был конфликт модулем табов на главной, решился путем смены модуля.

    Мой вопрос сейчас в следующем. Можно ли как то подключить форму подписки к самой Joomla 2.5, чтобы делать рассылку непосредственно из Joomla, или может знаете сервис, где не требуется подтверждение почтового адреса (подтверждение снижает конверсию процентов на 20)?

  46. Здравствуйте. Попытался установить скрипт, но ничего не получилось. Сделано все верно, но видно какой то конфликт возникает. Когда увожу стрелку вверх показывает пустой белый лист. Код не снимаю с сайта, посмотрите пожалуйста. И подскажите в чем еще может быть проблемма

    • Здравствуйте!

      У Вас скрипты установлены в тег body, а необходимо их вставить в тег head — как в инструкции. Проверьте.

      • Скрипты установлены в тег head, а не в body! Уже даже вставил сразу после открытие тега боди. А результат все тот же! Белая страничка

        * проблема решена. (выбран более стабильный шаблон для сайта)

        • Людмила:

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

  47. Обновил, надеюсь будет работать.

    Гульнара, проверьте сейчас.

    Всегда удаляйте кеш(например, если у Вас установлен «W3 Total Cache») после установок любых скриптов и плагинов.

    Выберите тот вариант, что открывается постоянно,

    или как в инструкции — выберите вариант, что открывается один раз,

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

    Вы не возражаете, если я удалю наши комментарии прежние, а то слишком много их тут?

    Конечно, только после того, если окно будет у Вас работать.

  48. Вы, конечно, можете удалить нашу переписку прямо сейчас, чтобы не портить вид страницы, только самый первый комментарий оставьте. Но окошко все равно не работает.И сайт работать перестал, пришлось восстанавливать.

  49. Константин:

    Спасибо, Сергей!

    Прикрутил окно, жаль только что не всегда появляется. Я уже и разные версии ставил, и постоянно выскакивает и один раз. Чуть мозг не закипел. Так и не понял в чем проблема. Наверно конфликт какой то с шаблоном.

    • Константин, у Вас стоит версия, где окно появляется один раз в сутки. Думаю, что именно эта версия в Вашем случае самая правильная. Я заменил .zip архив — проверьте сейчас ту версию, что открывается постоянно.

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

  50. Дмитрий:

    Сергей, с чем может быть связано что эти окошки не работают? Установил «голый» wordpress 3.6.1 и попробовал установить smart popup. Новая версия приводит к зависанию страницы (экран белеет и постоянно грузится страница), а старая версия вообще себя никак не проявляет.

  51. Инга:

    Cергей, у Вас очень приятный голос! Слушаю и релаксирую! Спасибо)

  52. Вика:

    Все установила как в видео сказано, а поп ап не работает ((((Даже не знаю, что я не так сделала

    • Все работает у Вас, Вика! У Вас стоит та версия, что показывается один раз в сутки. Вам нужно чистить куки в браузере(как показано в инструкции), чтобы проверять.

  53. Елена:

    Сергей, здравствуйте.

    Устанавливаю smart-pop-up и если не прописываю строку, то вообще не получается никаких окон. Если же прописываю и добавляю файл jquery-1.8.1.min.js, то «слетает» слайдер.

    На используемом шаблоне уже есть jquery.

    Что делаю не так?

  54. Денис:

    Сергей спасибо Вам ОГРОМНОЕ!!!

    Просто суперские вещи!

    И я хотел спросить, если позволите?

    Версия 1.2 показывает окно ОДНОМУ пользователю раз в 24 часа, с этим все ясно. А если он зайдет через 27 часов то, снова увидит окно?

    И второй вопрос: окно будет показываться ВСЕМ ПОСЕТИТЕЛЯМ?

    • Здравствуй, Денис!

      По поводу первого вопроса...

      Если посетитель видит окно один раз и закрывает его, то через 24 часа он снова его увидит...через 27 так же, и через 57 часов, если, правда, он не почистит куки в браузере, или не откроет другим браузером.

      Смысл в том, что после его закрытия должно пройти 24 часа. Если человек открыл браузер через 35 часов, то он снова увидит окно.

      По поводу второго вопроса...

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

  55. Василий:

    Здравствуйте.

    Установлено новое Окно v1.1 на страницу на просто html.

    Сразу после установки этого окна, вместо окна вылетал белый сплошной фон.

    Появление белого фона вызывало подключение «jquery.simplemodal.js».

    Оказалось, что этот файл конфликтует с файлом «helper2.js.php» из кода JustCklik.

    После удаления из кода JustCklik строки

    [sourcecode language="plain"]<script language="JavaScript" src="http://ibusiness.justclick.ru/media/subscribe/helper2.js.php"></script>[/sourcecode]

    окно стало работать почти нормально.

    «Почти нормально» — потому что оно появляется только со ВТОРОГО движения мыши вверх. А это снижает эффективность она, т.к. с первого движения страница будет уже закрыта пользователем.

    Как исправить. чтобы окно показывалось с первого движения мыши?

    Спасибо.

    • Полезный комментарий. Благодарю, Василий.

      Непременно добавлю отрывок к статье (по поводу конфликта с JustClick).

      То, что окно открывается со второго движения — новинка,

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

      Кстати, если двигать очень быстро, то вообще открывать не будет даже через 10 раз.

      Василий, установите и пришлите мне линк используя слева на сайте RuBizHelper "Есть Вопросы? "

  56. Дмитрий:

    Так и есть. Открывается только со второго раза движения мышью. (

  57. Станислав:

    Здравствуйте, Сергей!

    Помогите пожалуйста, третий день бьюсь ничего сделать не могу.

    Установил smart-pop-up на сайт, окно не появлялось, нашел в чем дело, но теперь не работает кнопка.

    Загрузил вашу шаблонную страницу

    и так promocodmarket.ru/templates/index1.html

    и так promocodmarket.ru/index1.html,

    подключил все скрипты как на сайте, все работает.

    А на самом сайте не хочет.

    Может подскажете в чем дело?

    • Здравствуйте, Станислав.

      Вы установили окно, которое открывается 1 раз в сутки.

      Вы удаляли куки, после того, как проверяли в демо?

      Если у Вас WordPress, то прочитайте в желтом боксе, что над кнопкой «Скачать».

  58. Алекс:

    Здравствуйте!

    Подскажите, как поставить на друпал? Устанавливаю по схеме, пути рабочие, окошко не вылезает вообще. Чувствую что конфликт где то а как исправить не знаю))

  59. Альберт:

    Здравствуйте! А на джумла 2.5 будет работать?

    • Здравствуйте, Альберт!

      Не проверял еще. Попробуйте установить — должно работать.

      1) Попробуйте вначале подключить окно без библиотеки jQuery.

      2) Если не работает, вставьте 6 строк (где JavaScript и CSS) в <head>.

      3) Если не будет работать и тогда, то вставьте весь код со всеми скриптами сразу перед </body>

      4) У некоторых не работало из-за скрипта(«helper.js») в коде подписной формы JustClick — удалили строку — заработало.

  60. Майкл:

    Сергей привет. Огромное спасибо за обновление, у тебя все как всегда в лучшем виде!

  61. Антон:

    А можно ли сделать чтобы всплывающее окно открывалось с определенной временной задержкой?

    • Антон, тогда какой смысл такого окна?

      Пока оно откроется, посетитель успеет закрыть Вашу страницу и убежать в просторы и-нета...

      • Антон:

        Смысл покажет тестирование. А гипотеза такая: при пользовании сайтом мышка может пересечь верхнее окно браузера даже без умысла покинуть страницу, что называется — случайно. В итоге получается, что окно выпадает пока страница еще не до конца загрузилась или когда человек только начал знакомиться с сайтом и еще ничего не понял, а это, как Вы же пишете — может раздражать. А если человек не пробыл на странице и 15 секунд, что по мнению Яндекса является критерием не целевого посетителя, то и бесплатка, на которую можно подписаться во всплывающем окне, его не заинтересует...

  62. Спасибо Сергей.

    Решил написать несколько строк для тех, кто решит установить скрипт на Ucoz

    Есть подводный камень!

    Если установить, так как в описании то при авторизации (При входе в личный кабинет и тд.) у Вас будет вылетать такая ошибка:

    «This XML file does not appear to have any style information associated with it. The document tree is shown below.»

    Решение оказалось довольно простым)

    «»

    А в панели управления в общих настройках выбрать использование jquery-1.10.2 !

    Также строчки кода ниже писать после тега

    Еще раз огромное Вам спасибо Сергей!

    • Здравствуй, Богдан!

      Можно. Но это уже другая история...

      А чем плохо это окно?

      Или Вам нравятся те моменты в магазинах, когда Вы еще не успели подойти к стойке, а к вам уже бежит продавец с фразой "Чем я могу Вам помочь? ".

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

  63. Здравствуйте как это зделать на юкозе?

  64. max:

    На джумле 3.3 будет работать ?

    • Окно должно работать на любом сайте. Шаги установки в видеоинструкции.

      Все дело тут именно в библиотеке jQuery. Если ее установить в правильное место, то окно будет работать БЕЗ проблем.

      Окно можно установить сразу и буть уверенным, что все ок. Последний процесс — это установка jQuery. Там нужно поэксперементировать, т.е. установить вначале в тег < head >, а потом весь код окна установить в самый низ сайта.

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

  65. Сергей, спасибо конечно за скрипт, искал давно и вот нашел.

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

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

    www.info-factory.ru/test/ вот эта страница.

    Что сделано не так? Целый день промучился....

  66. Андрей:

    У меня не всегда срабатывает инициализация Поп-апа. Иногда с первого раза выскакивает окно, иногда с третьего. Чаще всего со второго. Даже когда медленно мышку подвожу, не срабатывает. Я в комментах видел такой вопрос, а решения не нашел. Подскажите есть решение данной проблемы?

    • Здравствуйте, Андрей!

      1) Вы на какой сайт пытаетесь установить (WordPress или HTML)?

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

      Нужно смотреть в консоли (console, где Вы смотрите исходный код),

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

      На обычных сайтах (не CMS) данной проблемы не наблюдалось, а на WP может и возникнуть из-за количества скриптов и неправильной установки (внешний jQuery нельзя напрямую устанавливать в WordPress). Раньше проблем не возникало (несмотря на неправильность установки), но сейчас это может «сбить с толку» некоторые плагины.

      Решение...

      Дождаться, когда я сделаю данное окно для WP. По сути, уже делается, поэтому ждать осталось не долго.

  67. Алексей:

    А в Drupal можно его вставить ?

  68. Леонид:

    Здравствуйте, отличный скрипт, все работает, спасибо.

    А как настроить, чтобы окно показывалось не через 24 часа, а через 120 часов?

  69. Сергей:

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

  70. Пожаулйста подскажите как установить куки скажет на неделю или на месяц, для меня 24 часа мало, заранее спасибо.

  1. Октябрь 15, 2015

    […]RuBizCSS3ModalRuBizModal […]

  2. Октябрь 18, 2015

    […]ПРИМЕРПерейти на статью и СКАЧАТЬ […]

  3. Июль 29, 2017

    […]ДЕМОна статью и СКАЧАТЬ […]

  4. Июль 29, 2017

    […]Перейти на статью и СКАЧАТЬ ➤ […]

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Есть вопросы?