Умное модальное окно | «RuBizModal» (feat. SimpleModal)
Сразу хочу поблагодарить Эрика Мартина за скрипт pop-up окна. За дизайн модального окна отвечаю «скромный я».
Также ОГРОМНОЕ «СПАСИБО» Виктору Шурыгину за то, что настроил модальное окно таким образом, что теперь оно открывается лишь один раз в сутки.
Иногда, если совместить одно с другим, можно получить вещь вдвое полезнее. Так и получилось с очередным вкусным пирожком, которым я хочу Вас угостить :).
Речь пойдет о всплывающих (модальных) окнах (Pop-Up или Popup), нет, не тех, что выскакивают СРАЗУ, как посетитель оказался на сайте, а о тех, которые показываются лишь тогда, когда посетитель уводит курсор к верхней панели браузера, т.е. собирается покинуть страницу.
Обычно, возникшее сразу Pop-Up модальное окно мы тут же закрываем и, если информация на сайте нас не устраивает — покидаем сайт, забыв об окне и его прекрасном предложении. В нашем же случае, конечно уйти можно без проблем, но наше модальное окно, в отличии от обычных, открывается если подвести курсор к верхней панели браузера(«старый осел» так же показывает окно, если подводишь к нижней панели браузера)
Привычные модальные окна:
Показывается сразу, порою так быстро, что страница еще не загрузилась — раздражает конкретно.
Если настроено так, что показывается через определенное время, то после его закрытия посетитель, почитав Ваш продающий текст и решив уйти, уже больше не видит Вашего бесплатного предложения, поскольку окно он, как обычно, закрыл.
Наше модальное окно RuBizModal:
Открывается только тогда, когда посетитель направляет курсор к верхней панели браузера — подразумевая, что он хочет покинуть Вашу страницу.
Открывается ОДИН раз с сутки.
Настроено для: SendPulse, GetResponse, FalconSender
Прилагается как видеоинструкция, так и инструкция в текстовом формате.
Приятный внешний вид окна.
Если людям интересно такое модальное окно, тогда есть и смысл разнообразить его дизайн.
ПРИМЕРЫ RuBizModal:
Поскольку информации много, я создал отдельный сайт для данного проекта, да и не хочется все сюда пихать.
Сергей, у вас отличные курсы! но у меня к сожалению не все получилось. можете помочь?
Людмила, обязательно помогу! Рассказывайте, что у Вас не получается?
Сергей, у меня все получилось! Спасибо огромное за помощь! Вы разместили ОТЛИЧНОЕ pop_up окно с подробными комментариями! Мне очень понравилось с Вами работать! Ждем новых проектов и материалов!
Людмила, благодарю Вас за теплые слова.
Сергей, а можно это модальное окно настроить таким образом, чтобы оно выскакивало только один раз для данного посетителя, а при следующих наведениях на верхнюю панель не появлялось?
Я уверен, что можно. Правда тут, действительно к сожалению, помочь не могу.
В самой нижней части статьи прочитайте.
Я бы настроил, если мне пришлют код с решением.
Не знаю, как точно это сделать, но можно убрать запись «срока годности» cookie, которые пишет скрипт. Тогда сообщение не будет появляться, пока пользователь не почистит cookie самостоятельно.
Собрался устанавливать, а видео не воспроизводит:) Жаль...
Сергей, уточните, что Вы имели ввиду под «видео не воспроизводит»?
Сергей, все в порядке, это у меня что-то с браузером было — писал, что воспроизведение невозможно, попробуйте позже.
Попробую разобраться в настройке окна к себе на ресурс.
Благодарю за информацию и внимание.
Сергей, а как с Вами можно связаться?
Хочется более «развернуто» с Вами пообщаться по поводу настройки всплывающего окна?
мой e-mail ratibor144@yandex.by
Никак не могу подключить модальное окно:)
Рассказывайте в чем проблема тут.
Возможно у кого-то такая же возникнет,
а мы ее тут решим.
Сергей супер!
Я очень доволен, что наткнулся на ваш сайт.
Скачал сегодня элегантные сквизи, сижу редактирую, класс!!!
А сейчас модальные окошки увидел, тоже здорово!
А вы могли бы мне помочь сделать простую обложку для моего модального окна?
Примерно такую же как в вашем...
Напишите мне на мыло, договоримся.
Спасибо!
Сергей, а решение по поводу однократного показа всплывающего окна посетителю так еще и не найдено?
Пока решение никто не предложил...к сожалению.
Ждем. С удовольствие интегрирую в код, если кто-то предложит решение.
Даже разработаю новые варинты дизайна.
На моем блоге о йоге установлено Ваше модальное окно. (правда не на всех страницах, а только на главных страницах тематических рубрик). Можно ли попасть в Ваш список?
Здравствуйте Сергей я так и не понял как его установить где на хостинге index.html ведь там index.php ??? (wordpres)
Приветствую, Артур!
Если у Вас обычная тема на WP, то код вставляется в файл header.php, где начинается тег body
(если это вордпрес, то рекомендую вставить код сразу перед закрытием тега body, т.е. перед /body)
А Java скрипты соответственно в пределах тега head.
Обязательно проверьте на наличие библитеки jquery, либо проверьте версию, чтобы была не ниже.
Спасибо теперь понял, у меня почему-то в браузере хром отображается отлично, решил проверить в мозилле там все стили уплыли, может ли это быть изза темы, хотя сейчас сам проверю и отпишусь
проверил тоже самое
Хороший комплект, только в IE отображается не корректно. Прежде чем его устанавливать, проверил скачанную версию во всех браузерах.
Эдуард, поясните Вы о чем именно?
О комплекте, который Вы получили после, как подписались?
Или Вы проверяли данное модальное окно?
Кстати, про комплект.
Его я на днях обновлю — будет гораздо привлекательнее.
Старую версию оставлю как вариант.
Ух ты как здорово! Какой отличный pop-up! Весь гугл переыла, перепробовала за последних два дня кучу всевозможных плагинов, и ничего не работает или работает но не так. А у Вас тут все так здорово расписано и показано. Спасибо огромное-преогромное!
Сергей, вроде все установил по урокам, окно так и не появилось. То ли у меня тема WP замороченная, то ли я не так все таки что то делаю. У меня body и head разбросаны по разным .php Может тут ошибаюсь. Иногда, при эксперементах, элементы окна появлются (статичные)то вверху то внизу, но как скрипт не работают.
Сергей, все дело в том, что вы не указали полный путь к файлам. Ко всем файлам и картинкам.
Я это рекомендую для того, чтобы не зависимо от темы все стили и скрипты работали нормально.
Жду ответ и результат.
Теперь все пути прописал. Картинки появились. но не в виде POpUp окна, а статично. Внизу сайта.
Сереж, ко всем файлам включая, т.е. CSS и JavaSript включая, которые Ты вставил в тег head.
У тебя не работает, поскольку нет привязки с CSS файлом и со скриптами.
Пропиши им полный путь и заработает.
Адреса к скриптам прописал полностью, вствил перед, это в header.php
Перед в footer.php вставил сам код, тоже прописал пути к картинкам. В style.css те же действия. Картинка стала невидимой, но скрипт не запустился. Не пойму в чем подвох.
Сергей, у меня такая история была. Причина оказалась в том что один из установленных ранее плагинов конфликтовал с js. Путем отключения всех плагинов и поочередного их включения удалось найти, отключить и заменить лишний. После этого PopUp окно заработало как надо.
Спасибо Вам Сергей. Поставил себе на Блог. (Благодаря комментариям).
Но Думаю лучше снять Видео для Блогов, так как эта сфера сейчас развиваеться очень быстро.
Здравствуйте Сергей. Замечательно.
У вас всё сделано «с иголочки» — это радует.
Я конечно не спец в JavaScript-е, но предоставить код,
который работает на другом самописном Pop-Up*е могу.
Думаю, что Вы разберётесь. Напишите мне на e-mail
или в контакте — vk.com/ivlady
Здравствуйте! Большое спасибо за замечательные материалы!
У меня все получается. Но лишь один вопрос.
У вас нету инструкции, как настроить форму подписки от smartdresponder
под ваш код? Я не разбираю к сожалению в input и т.п.
А стандартные (новые) герераторы подписок не смотрятся под ваш дизайн.
Инструкция есть, Azam.
Смотрите ее тут:
sergeychunkevich.com/smar...podpisnie-formi/
Сергей, отличная форма подписки.! Но, вот сам процес установки все же очень сложный для новичков. Надо бы проще методику установки продумать.
Окно классное ноя не пойму как его ставить на сайт! Изменения вроде все сделал! КАК ЕГО ПОСТАВИТЬ НА САЙТ! У меня ворд пресс, подскажите и объясните как поставить на мой блог
Хорошо, Артем, сделаю видеоинструкцию более подробную!
Сергей а можете помочь поставить!
Сергей, окошко сделать получилось, еще ранее, БлагоДарю.
А вот после замены файлов «appruv.js» и «init.js» на сервере, всё равно окошко выскакивает много раз, а не один раз в сутки. Куки и кэш почистил, проверил также и в другом браузере.
Это потому, что у Вас не удалены куки. Попробуйте другим браузером проверить, или удалите куки в браузере.
Здравствуйте Сергей! С большим уважением отношусь к Вашему труду и пользуюсь проектами. Скажите, а когда планируется выход видеоинструкции установки модального окна с кодом на justclick? Он почетче smartrespondera будет!
Здравствуйте, Supreme!
Я хочу до нового года закончить.
Постараюсь более подробно рассказать и показать.
Окно замечательное, поэтому новые варианты окна уже в разработке.
Правда, не в этом году и не в первую неделю нового.
Отлично! Мне бы его к justclick прикрепить и начну дизайн сайта оформлять! Вчера ставил Рубизхелпер, вроде делал все по инструкции, но оно встало криво, наверно тема такая...
Графика хорошая, но скрипт я лучше под себя настрою через popinbuilder.icoder.com.
Даниил, popinbuilder хорош, но Он не делает скриптов на модальные! окна.
Сергей предложил модальное окно, а не Pop-Up.. 🙂
Все легко и доступно! но есть одно но! прислучайном нажатии не на само окно происходит закрытие окна и что приводит к тому что это окно больше не выводится и следует ждать сутки! как сделать так чтоб закрытие окна происходило только при нажатии на крестик???
Мысль понятна. Отлично, что заметили.
Хмм, посмотрим, что можно с этим придумать...
Благодарю за внимание к моим материалам.
Сергей, я поставил себе на блог, но у меня съезжает с правой стороны текстовки нет, поля для ввода имени и мейла в самом верху, а над ними замочек и нет слов «Ваш емейл в безопасности». В чем может быть дело?
Привет, спасибо за твой огромный и главное полезный труд, но у меня к тебе небольшая просьба. А именно: мне нравится как на твоем сайте реализованы комментарии, если это специальный плагин на wordpress, не мог бы ты его название обнародовать, с установкой думаю проблем не возникнет, хоть я в «блогинге» и новичок) Заранее спасибо)
Александр, рад узнать, что Вам мои материалы приходятся полезными.
По поводу комментариев — нет, никакого плагина не устанавливал(за исключением плагина «Captcha»).
Поколдовал над кодом и со стилями...
Даже над плагином поколдовал, поскольку и с ним так же недопонимания возникли.
Посмотрите в поисковике комментарии для блога «Disqus» — довольно интересная штука,
правда я ее удалил — решил улучшить дизайн обычным.
Спасибо за красивый попап! А можно настроить окно, чтобы выпадало по времени?
Оно уже настроено по времени — 1 день.
Можно настроить на 2 дня, на 7 и т.д.
Или же Вы думали о времени как о часах и минутах?
В этом случае такое тоже возможно, но не думаю, что это актуально.
Сергей спасибо Вам за форму, но сейчас нуждаюсь в Вашей помощи:
Установил форму и всё работает, но форму установил для justclick, а она у Вас без заглавных тегов типа: "БЕСПЛАТНЫЙ ВИДЕОКУРС! Как Создавать Отличные Диаграммы Легко? " и от этого не много съезжает...вот скрин —
s1.ipicture.ru/uploads/20130302/e2y2uw55.png
Можете дать код для justclick c этими надписями?
ЗА ранее спасибо!
Благодарю за замечание!
Я действительно не вставил в инструкцию эти две строки.
Кстати, у Джастклика теперь другой код при генерации.
Я заменил уже старый на новый.
Читайте коротенькую инструкцию.
Здравствуйте, Сергей! Спасибо Вам за Ваш труд и за то, что Вы делаете для нас всякие супер-вещи! Все великолепно и дизайн превосходный. По поводу 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.
Надеюсь, помог...
Так должно быть:
Поулучится путь:
http://домен/wp-content/mycode/smart-pop-up-files. Далее, в соответствие инструкции, пропишите пути в файле header.php.Вставьте код окна перед <body>: в файле footer.php вашего шаблона.
Опять 25.
...перед <body>...
Вот:
...перед </body>..
Спасибо! Но вот когда в хроме, не знаю как в других, стрелочку со всплывающего окошечка убираешь, стрелочка превращается в крутящийся кружочек, т.е как будто бы что то грузится или загружается. А так форма хорошая, смотрится отлично, но кружочек загрузки все таки отвлекает. Удачи!
Это специально сделано.
Можно изменить в CSS стилях в 38 строке.
Просто уберите "cursor:wait; " и все.
Хорошие модальные окна. И отлично функционируют на статичных сайтах или страницах. Но есть одна загвоздка.
На многих движках уже используется jQuery, и иногда в ней используется функция jQuery.noConflict (); для того, чтобы не возникали конфликты с другими библиотеками. Поэтому, возможно нужно будет поменять «$» на «jQuery».
Чтобы проверить, используется ли функция jQuery.noConflict ();, просто откройте свою библиотеку, и в конце файла может быть записано: jQuery.noConflict ();.
Если так и, если у Вас не работают модальные окна после настройки по инструкции, тогда меняйте все «$» на «jQuery».
Поменять нужно в jquery.simplemodal.js и init.js
Отлично, Максим!
Спасибо за важную заметкую.
Здравствуйте, Сергей! Спасибо вам за качественную работу и доброжелательность! Даже если у меня сейчас не получится, я «подрасту» и вернусь на ваш сайт позже. Я пока новичок и многое не понятно. А хочется просто до дрожи.... поэтому
Постараюсь просто повторять за вами. Но, сначала нужно отредактировать шаблон окна.
Мне привычней в фотошопе, а в вашем случае я так понимаю нужно будет просто заменить текст на свой (соблюдая количество знаков?). Слава богу цвет и размер шрифта подходят. Если не трудно, подскажите пожалуйста какой именно файл нужно редактировать. Можно это сделать в Notepad ++ или как то иначе?
Еще раз спасибо и надеюсь, до свидания
Милая Танечка, Вам обязательно понравится видеоинструкция, которая чуть ниже статьи, или над кнопкой «скачать».
Я специально записал новую видеоинструкцию — чтобы еще более подробнее, чтобы еще более ясно.
Посмотрите, повторите, поделитесь результатом.
Искреннее спасибо за ответ.....
Здравствуйте, Сергей!
Зашел сегодня на Ваш блог и глаза, и руки, и чуть ноги не разбежались в разные стороны!!!
Не знаю за что хвататься, что устанавливать в первую очередь????????????
Под наш проект даже цвета подобраны, как для нас делали?!!! Завтра буду переделывать все страницы!!!
Вот еще вопрос: "Как установить на JustClick, вот такую форму комментариев, как у Вас? Очень нужно!
Сайты почти готовы, а вот с комментариями «вопрос»? Вот куда нужна форма: гипертония-от-а-до-я.рф; стенокардия-от-а-до-я.рф и таких будет 5!
Если не такая, то может что посоветуете? Конечно, хотелось бы именно такую! форму!!
Очень благодарны за то, что уже есть на Вашем блоге!
Заранее спасибо, если что подскажете по поводу формы комментариев!
------------------------
Будьте здоровы! Берегите себя и своих близких!
С уважением, Владимир Паис,
руководитель проекта: "Слушай, о чем говорит твое сердце! "
www.infarkty.net
----------------------
P.S. Это просто ССССУУУУППППЕЕЕЕРРРРР!!!!!!!!!!!!!
По поводу формы...
Если Вы про форму комментариев на моем блоге, которую Вы использовали чтобы оставить комментарий,
то тут такое дело...Не получится Вам ее вставить.
Могу Вам порекомендовать такую форму: disqus.com
Там можно настроить ее на русский язык.
Попробуйте. Очень качественно сделано, и есть статистика.
Благодарю за пожелания. Взаимно.
Здравствуйте, Сергей!
Установил окно, но сайт перезагружается, появляется белый фон и все виснет, в чем проблема?
Иван, пришлите ссылку на Ваш сайт.
Согласитесь, когда видишь код страницы,
можно гораздо быстрее разобраться в чем проблема.
Добрый вечер! Хочу автора поблагодарить за ценный материал и пожелать ему удачи во всём!
У мня к вам один вопрос! Смотрите видео (Линк удалил — видео просмотрел)
Если я закину на сайт свой такого не будет? Или это проблема на данный момент?
Александр, Вы потратили столько много времени на создание видео,
а на видеоинструкцию(которая уже давно в статье) у Вас,
к сожалению, не хватило времени.
Посмотрите видеоинструкцию, что Выше(первую) начиная с 50 секунды.
Сергей, здравствуйте.
Подскажите, а есть ли возможность установить подобное модальное окно на страницы магазина JustClick?
Спасибо.
Сергей, подскажите, а на локальном хостинге модальное окно будет работать? Просто я сделала все по инструкции и даже заменила «$» на «jQuery», но окно не появляется.
Сергей, Здравствуйте.
Делаю все, как Вы сказали. Но у меня окно вылетает, почему-то, при каждом закрытии .
Подскажите, что не так.
Здравствуйте, Виталий!
Если я правильно понял, то Вы скачали правильную версию, т.е. версию 1.1.(кнопка сверху), а так же Вы посмотрели внимательно новую инструкцию(а именно начиная с 50 секунды).
И после этого у Вас всеравно показывается окно при каждом наведении на верхнюю панель браузера?
Именно так. И еще такая же ситуация в демо версии, которая шла вместе с комплектом.
Виталий, попробуйте открыть ДЕМО версию в другом браузере, например Opera или Safari, или Firefox, только не том, в котором Вы уже открывали.
Проблема в том, что Вы уже когда-то открывали это окно и куки сохранили в памяти то, что окно должно открываться постоянно. И даже после удаления куки за последний час ничего не даст. Можете так же удалить и все куки в браузере и потом проверить. Я сейчас скачал и проверил(на случай, а вдруг точно я что-то перепутал) — все работает как часики.
Людям очень нравится такое окно. Есть смысл разнообразить дизайн)) Спасибище Вам большое!!!!!
Полностью с Вами согласен, Марина!
Постараюсь порадовать новым дизайном скоро.
Не могу настроить окно с формой джастклик. Наверное какой-то конфликт чего-то там(((Делаю все по инструкции. Но когда навожу на закрыть сайт появляется просто белый фон. У меня было такое на окне другого автора. Там я убрала строчку из кода от джастклика вот эту —
и заработало!
Но в вашей форме просто не знаю что и делать. Уже что только не пробовала — и даже без формы не идет.... Если подскажете, может я какую-то очевидную вещь не так делаю. Спасибо.
Мэри, очень неловко стало, когда посетил сайт, который Вы указали. Если это Ваш сайт, то очень странно, что Вы задаете подобный вопрос...
В любом случае, Мэри, как мне узнать, где проблема, если я не вижу ни кода ни сайта, где это окно установлено? Остается гадать, придумывать, фантазировать... 😉
Спасибо огромное, но мне пригодилось в другом не много направлении, а именно вместо подписки установил 2 блока от гугл адсенс 300х250, будите смеяться но доход с каждого сайта вырос примерно с 3-5$ в сутки до 25-30$ в сутки. Одна проблема в IE даже 10-м не работает, есть какие нибудь доделки по этому вопросу?
Кстати если кому интересно, установить куки на минуты можно так:
date.setTime (date.getTime () + (2 * 60 * 1000)); — файл appruv.js
2-это 2 минуты и после снова будет выходить окно, для чего этого? поясню, бывает что у вас на верху сайта что то и посетитель туда курсор гонит, а ему всплывает ваше окно, но он сейчас заинтересован добраться туда, так что не глядя закрывает и делает свои дела, после когда уже уходит, тогда его ни чего не интересует и ему снова окно, тут уже может и засмотреться что там в нём.
Очень полезное наблюдение(совет).
Неплохо, Вам Алексей подфортило!
Кстати, совсем не смешно... Вот, что значит, когда хочешь включить мозги, действуешь и получаешь результат.
А по поводу IE10, то все работало как часики и работает. И на 9 работает. Попробуйте с другого компьютера на IE9 и IE10 проверить.
Не получается настроить всплывающее окно с формой justclick, при наведении курсора на верхнюю панель, вместо всплывающего окна появляется белый фон. Всё делал по инструкции. С формой smartresponder работает отлично. Подскажите пожалуйста в чём косяк. Вот ссылка на страницу, где установлено всплывающее окно atelika.justclick.ru/test
Здравствуйте, Алексей!
Установите на свой сайт это окно и будет работать. Это окно думано устанавливать не на сервис, а на сайт(WP, HTML), т.е. когда у Вас свой сайт и свой домен, а если решаете установить на сервис, то стабильность работы не гарантируется.
P.S.
Попробуйте еще удалить строку, где есть библиотека jquery-1.8.1.min.js, поскольку она уже установлена на джастклике. Если работать не будет и после этого, тогда пока помочь не могу, что касается установки на сервис ДжастКлик. Но я учту это. Благодарю за комментарий.
Все работает, благодарю!
Написала что все работает, а оно не работает... Вернее работает, но только на моем компе — показывает что надо, подписывает на getresponse.
На других компах показывает эту форму с Вашим исходным текстом «Новый курс 2.0» и подпиской на него, а не на мое окно. Почему так?
Сергей, спасибо за отличную работу, пользуюсь на joomla 2.5. Правда, был конфликт модулем табов на главной, решился путем смены модуля.
Мой вопрос сейчас в следующем. Можно ли как то подключить форму подписки к самой Joomla 2.5, чтобы делать рассылку непосредственно из Joomla, или может знаете сервис, где не требуется подтверждение почтового адреса (подтверждение снижает конверсию процентов на 20)?
Здравствуйте. Попытался установить скрипт, но ничего не получилось. Сделано все верно, но видно какой то конфликт возникает. Когда увожу стрелку вверх показывает пустой белый лист. Код не снимаю с сайта, посмотрите пожалуйста. И подскажите в чем еще может быть проблемма
Здравствуйте!
У Вас скрипты установлены в тег body, а необходимо их вставить в тег head — как в инструкции. Проверьте.
Скрипты установлены в тег head, а не в body! Уже даже вставил сразу после открытие тега боди. А результат все тот же! Белая страничка
* проблема решена. (выбран более стабильный шаблон для сайта)
Спасибо Вам за инструкцию. У меня тоже — белый лист появляется и модального окна не видно. Попробую вначале поменять шаблон.
Обновил, надеюсь будет работать.
Гульнара, проверьте сейчас.
Всегда удаляйте кеш(например, если у Вас установлен «W3 Total Cache») после установок любых скриптов и плагинов.
Выберите тот вариант, что открывается постоянно,
или как в инструкции — выберите вариант, что открывается один раз,
но удаляйте куки в браузере(чтобы открыть окно снова и проверять его.)
Вы не возражаете, если я удалю наши комментарии прежние, а то слишком много их тут?
Конечно, только после того, если окно будет у Вас работать.
Вы, конечно, можете удалить нашу переписку прямо сейчас, чтобы не портить вид страницы, только самый первый комментарий оставьте. Но окошко все равно не работает.И сайт работать перестал, пришлось восстанавливать.
Во как. Из-за окна, перестать работать сайт не мог, конечно, если при его установке не было удалено что-то важное в коде. Надеюсь все сейчас нормально с вебсайтом.
Да, конечно.
Спасибо, Сергей!
Прикрутил окно, жаль только что не всегда появляется. Я уже и разные версии ставил, и постоянно выскакивает и один раз. Чуть мозг не закипел. Так и не понял в чем проблема. Наверно конфликт какой то с шаблоном.
Константин, у Вас стоит версия, где окно появляется один раз в сутки. Думаю, что именно эта версия в Вашем случае самая правильная. Я заменил .zip архив — проверьте сейчас ту версию, что открывается постоянно.
Кстати, Вы можете дописать сверху, что окно открывается лишь один раз, а закрыв его — человек теряет возможность получить от Вас полезность. (Это как вариант)
Сергей, с чем может быть связано что эти окошки не работают? Установил «голый» wordpress 3.6.1 и попробовал установить smart popup. Новая версия приводит к зависанию страницы (экран белеет и постоянно грузится страница), а старая версия вообще себя никак не проявляет.
Да, Дмитрий, и на 3.6 уже не работало...Пока не могу разобраться, — не силен я в JavaScript и jQuery.
Cергей, у Вас очень приятный голос! Слушаю и релаксирую! Спасибо)
Все установила как в видео сказано, а поп ап не работает ((((Даже не знаю, что я не так сделала
Все работает у Вас, Вика! У Вас стоит та версия, что показывается один раз в сутки. Вам нужно чистить куки в браузере(как показано в инструкции), чтобы проверять.
Сергей, здравствуйте.
Устанавливаю smart-pop-up и если не прописываю строку, то вообще не получается никаких окон. Если же прописываю и добавляю файл jquery-1.8.1.min.js, то «слетает» слайдер.
На используемом шаблоне уже есть jquery.
Что делаю не так?
Сергей спасибо Вам ОГРОМНОЕ!!!
Просто суперские вещи!
И я хотел спросить, если позволите?
Версия 1.2 показывает окно ОДНОМУ пользователю раз в 24 часа, с этим все ясно. А если он зайдет через 27 часов то, снова увидит окно?
И второй вопрос: окно будет показываться ВСЕМ ПОСЕТИТЕЛЯМ?
Здравствуй, Денис!
По поводу первого вопроса...
Если посетитель видит окно один раз и закрывает его, то через 24 часа он снова его увидит...через 27 так же, и через 57 часов, если, правда, он не почистит куки в браузере, или не откроет другим браузером.
Смысл в том, что после его закрытия должно пройти 24 часа. Если человек открыл браузер через 35 часов, то он снова увидит окно.
По поводу второго вопроса...
Да, всем, конечно же исключая тех, кто просматривает сайт на мобильных устройствах.
Благодарю =)
Здравствуйте.
Установлено новое Окно 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 "Есть Вопросы? "
наверное, то у меня Opera необновленная глючит
в других браузерах, вроде, нормально
Так и есть. Открывается только со второго раза движения мышью. (
Здравствуйте, Сергей!
Помогите пожалуйста, третий день бьюсь ничего сделать не могу.
Установил smart-pop-up на сайт, окно не появлялось, нашел в чем дело, но теперь не работает кнопка.
Загрузил вашу шаблонную страницу
и так promocodmarket.ru/templates/index1.html
и так promocodmarket.ru/index1.html,
подключил все скрипты как на сайте, все работает.
А на самом сайте не хочет.
Может подскажете в чем дело?
Здравствуйте, Станислав.
Вы установили окно, которое открывается 1 раз в сутки.
Вы удаляли куки, после того, как проверяли в демо?
Если у Вас WordPress, то прочитайте в желтом боксе, что над кнопкой «Скачать».
Здравствуйте!
Подскажите, как поставить на друпал? Устанавливаю по схеме, пути рабочие, окошко не вылезает вообще. Чувствую что конфликт где то а как исправить не знаю))
Здравствуйте! А на джумла 2.5 будет работать?
Здравствуйте, Альберт!
Не проверял еще. Попробуйте установить — должно работать.
1) Попробуйте вначале подключить окно без библиотеки jQuery.
2) Если не работает, вставьте 6 строк (где JavaScript и CSS) в
<head>.3) Если не будет работать и тогда, то вставьте весь код со всеми скриптами сразу перед
</body>4) У некоторых не работало из-за скрипта(«helper.js») в коде подписной формы JustClick — удалили строку — заработало.
Сергей привет. Огромное спасибо за обновление, у тебя все как всегда в лучшем виде!
А можно ли сделать чтобы всплывающее окно открывалось с определенной временной задержкой?
Антон, тогда какой смысл такого окна?
Пока оно откроется, посетитель успеет закрыть Вашу страницу и убежать в просторы и-нета...
Смысл покажет тестирование. А гипотеза такая: при пользовании сайтом мышка может пересечь верхнее окно браузера даже без умысла покинуть страницу, что называется — случайно. В итоге получается, что окно выпадает пока страница еще не до конца загрузилась или когда человек только начал знакомиться с сайтом и еще ничего не понял, а это, как Вы же пишете — может раздражать. А если человек не пробыл на странице и 15 секунд, что по мнению Яндекса является критерием не целевого посетителя, то и бесплатка, на которую можно подписаться во всплывающем окне, его не заинтересует...
Спасибо Сергей.
Решил написать несколько строк для тех, кто решит установить скрипт на 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 !
Также строчки кода ниже писать после тега
Еще раз огромное Вам спасибо Сергей!
Здравствуй, Богдан!
Можно. Но это уже другая история...
А чем плохо это окно?
Или Вам нравятся те моменты в магазинах, когда Вы еще не успели подойти к стойке, а к вам уже бежит продавец с фразой "Чем я могу Вам помочь? ".
Умный продавец спросит, но уже в тот момент, когда человек положил вещь, или собирается уйти...
Здравствуйте как это зделать на юкозе?
На джумле 3.3 будет работать ?
Окно должно работать на любом сайте. Шаги установки в видеоинструкции.
Все дело тут именно в библиотеке jQuery. Если ее установить в правильное место, то окно будет работать БЕЗ проблем.
Окно можно установить сразу и буть уверенным, что все ок. Последний процесс — это установка jQuery. Там нужно поэксперементировать, т.е. установить вначале в тег < head >, а потом весь код окна установить в самый низ сайта.
Вы можете попробовать установить, и если оно не будет открываться — дайте знать и укажите ссылку на сайт(используйте слева на сайте банер, чтобы прислать ссылку).
Сергей, спасибо конечно за скрипт, искал давно и вот нашел.
Правда сделав все по вашим инструкциям получил плохой результат.
Посмотрите пожалуйста на мою страницу, окно без графики и появляется оно сразу в самом низу страницы да еще и сбоку...
www.info-factory.ru/test/ вот эта страница.
Что сделано не так? Целый день промучился....
Руслан, Вы загрузили папку «rubizmodal-files» в эту же папку «test», где у вас сайт?
Просто я проверяю файлы, а их нет. Нет ни коробки, ни стилей... и т.д.
У меня не всегда срабатывает инициализация Поп-апа. Иногда с первого раза выскакивает окно, иногда с третьего. Чаще всего со второго. Даже когда медленно мышку подвожу, не срабатывает. Я в комментах видел такой вопрос, а решения не нашел. Подскажите есть решение данной проблемы?
Здравствуйте, Андрей!
1) Вы на какой сайт пытаетесь установить (WordPress или HTML)?
2) Иногда нужно дать сайту полностью загрузиться, чтобы проверять окно.
Нужно смотреть в консоли (console, где Вы смотрите исходный код),
чтобы определить, что мешает окну показаться мгновенно.
На обычных сайтах (не CMS) данной проблемы не наблюдалось, а на WP может и возникнуть из-за количества скриптов и неправильной установки (внешний jQuery нельзя напрямую устанавливать в WordPress). Раньше проблем не возникало (несмотря на неправильность установки), но сейчас это может «сбить с толку» некоторые плагины.
Решение...
Дождаться, когда я сделаю данное окно для WP. По сути, уже делается, поэтому ждать осталось не долго.
А в Drupal можно его вставить ?
Здравствуйте, отличный скрипт, все работает, спасибо.
А как настроить, чтобы окно показывалось не через 24 часа, а через 120 часов?
Все очень круто, мне понравились ваши варианты реализации, хотелось бы если это возможно чтобы вы подсказали как я могу сделать так чтобы у меня оно открывалось через 5 секунд после открытия сайта. Спасибо заранее
Пожаулйста подскажите как установить куки скажет на неделю или на месяц, для меня 24 часа мало, заранее спасибо.