Плагин «Тур (Tour)»
5 фото
Плагин создает тур по сайту, отображая подсказки появляющиеся около обозначенных элементов, делая знакомство с сайтом максимально дружелюбным.
У подсказок указываются id или class элемента около которого она будет отображатся. Задается название, описание, текст кнопки, эффекты и сторона появления подсказки. Так же при желании можно указать свой кастомный класс подсказки и сделать ее совершенно уникальной.
Но перед тем как это случится на счетчике покупок должно появится число 20.
Что бы не мотать вверх купите прямо сейчас!
Актуальность
Сейчас сайты не такие как раньше, статичность, примитивность нельзя назвать чертой сайтов сегодняшнего дня. В динамичном меняющемся мире для выживания проекта и выделения его на фоне других создаются удивительные по сложности функции и возможности, с которыми не всегда просто разобратся. А интерфейсы? Когда вы стараетесь совместисть минимализм и комфортное общение с сайтом, часто пользователю необходимо исследовать интерфейс самостоятельно прежде чем разобратся в том как что работает. Но почему бы нам не облегчить данный этап? Познакомьте сами вашего пользователя с вашим удивительным проектом!Увеличьте конверсию посетителей в активных пользователей!
Как работает
Плагин имеет свою собственную административную панель, где создаются группы подсказок для авторизованных и неавторизованных пользователей. Каждая группа относится к конкретной странице сайта либо адресу заданному упрощенным регулярным выражением, например — profile/*/wallУ подсказок указываются id или class элемента около которого она будет отображатся. Задается название, описание, текст кнопки, эффекты и сторона появления подсказки. Так же при желании можно указать свой кастомный класс подсказки и сделать ее совершенно уникальной.
В работе
Видео о том как работала первая версия данного плагина. Сейчас он стал более гибче, удобнее и функциональнее. Скриншоты ниже отображают его возможности в текущем виде.Вкуснятина на последок
В процессе создания плагина записывалось видео с экрана, поэтому можно посмотреть, поучится или просто послушать приятную музыку, пока на ваших глазах создается данный плагин первой версии.
Но перед тем как это случится на счетчике покупок должно появится число 20.
Промо
Для экономии ваших средств и ускорения набора 20 покупок ниже представлены 10 промо-кодов на скидку в 10%(2.5$).
0b356212b5093b58ec7426d4c04fab50ef8c0a142ed75f5b143f0feed6abdb89e0e70ea0be157361
Что бы не мотать вверх купите прямо сейчас!
137 комментариев
на сколько я понимаю это возможно? нужно тока поработать с стилями, так?
или как всем максимум скидка 20% )
То «упрощенное» регулярное выражение которое нужно задать для показа топиков будет таким:
Только для данного блога:
Для того что бы подсказки отображались только на главной странице:
Если у вас есть мысли по поводу таких «рыб» — пишите.
Есть
После последней подсказки кнопка «повторить обучение» не появляется. только после перезагрузки.
Попробуем :) я уже перелопатил половину стилей, как обычно не могу удержаться, чтобы не доделать все под себя ) Получается очень круто)
Вот пожалуй самые главные и приятные слова :) Если что не так пишите.
Нельзя ли вызывать первую подсказку сразу по клику на кнопку, без перезагрузок?
Возможно потом сделаю, но это было не критично.
Ну да ладно…
Еще пожелание, для 200% гибкости, так сказать.
Сейчас есть положение bottom. Но треугольник подсказки всегда находится в ее левой части. В итоге получается вот так:
Хорошо было бы менять положение треугольника. В данном случае он так и просится вправо, и подсказку сместить влево. Т.е. чтобы подсказка указывала на объект не левым углом (как на скрине), а правым.
по id блок отпозиционировался очень точно, но вот его положение все равно bottom. Хотя я поставил left. Очень странно, учитывая что блоком выше все работает как надо. Даже не знаю, куда копать…
Этот блок имеет верстку идентичную эфиру. И ссылаюсь я так же на id у заголовка блока. Но вот что выходит:
profile$ — подсказки только в профиле
topic/*.html — подсказки только в топиках. т.е вместо * подставляется любое значение что между топик и чтмл.
topic/*.html к примеру не работает. Нужно ли перед ним вставлять адрес сайта? site.ru/topic/*.html? или нет?
Просто хотел пользователю объяснить как пользоваться комментариями, что почем и зачем.
blog/*/*.html
сам допетрил :)
Я таким образом сделал приветствие на главной новым пользователям.
Второе: Сделать функцию «действие по клику» для «Текст кнопки». Т.е. бывает что последняя подсказка в самом низу страницы. И хотелось бы после нажатия кнопки плавно прокрутить пользователя обратно в начало страницы. Можно такое сделать?
Подсказка привязывается к элементу, но всегда так, что верхняя граница тултипа находится на одном уровне с верхней границей объекта. ПОлучается вот так иногда:
Видно, что верх подсказки на одном уровне с верхом кнопки «обновить». Треугольник при этом показывает не совсем на объект. Так кстати часто бывает и при положении bottom — если объект слишком маленький (например иконка-кнопка), то треугольник будет показывать не на иконку, а где то правее нее.
некоторые вообще пишут описание плагина на английском, а там все на русском… шаблон Banana — вроде должно было быть все переведено, но картинки они забыли добавить… сори это я о наболевшем (
если вы переведете свой плагин на английский — я обещаю его купить! думаю есть еще такие как я )
Я не говорю то он совсем плох, но и говорить что переведено все правильно, соблюдая правила и логику предложений не могу.
Сами подсказки будут отображаться в не зависимости от шаблона :)
Но проблема мне известана и решается в нынешнем варианте переносом tpl файлов из шаблона плагина в шаблон админки по пути указанной в ошибке.
Появились предложения:
1. Порядок подсказок в пределах страницы (как уже выше заметили) — мастхэв
2. Отображать в подсказках текущий прогресс (1 из 5, на следующей 2 из 5 и т.д.), а то многих пугает что неясно сколько оно продлится.
3. При переходе на страницу из поисковика — не показывать подсказки. Пока как идея, но думаю многих может раздражать, что вместо того контента который ищут их начнут пичкать подсказками.
4. Было бы здорово, если внутри подсказки была кнопка создания дубля — чтобы из правила для зарегистрированных можно было оперативно сделать такое же для гостей и наоборот. Непонятно только как с группами решить. Сейчас я так понимаю приходиться только дублировать правила, иначе никак. Или сделать группу для всех — пожалуй самое логичное.
А в общем спасибо за плагин. Кому то он может просто полезен, а для меня — просто необходим)
Подсказка не выводится, подскажите в чем может быть дело? Может быть используются хуки, а я их удалил из шаблона?
Помочь я могу только видя рабочий сайт в действии.
Если нуждаетесь в помощи пишите в личку разработчику :)
Все работает, надо было написать
Почему возникло такое желание: человек заходит на сайт и ему тут же вываливается подсказка, не давая ему осмотреться. Я бы поставил задержку в секунд 5, прежде чем показывать первую подсказку.
screenshot.su/show.php?img=4430043c8b1813b8e24a7cacc02e05d8.jpg
подсказка уезжает за пределы экрана.
Установлена aceAdminPanel последней версии, это не может влиять?
POST /tour/ajaxtipsawdelete/