Таймер обратного отсчета для сайта
Мы разработали МеgaTimer, новый бесплатный таймер обратного отсчета онлайн с функциями зацикливания и отложенного запуска. Благодаря данным настройкам, счетчик может автоматически обнуляться каждый день.
Мегатаймер – это простой онлайн-сервис, не требующий знания программирования и сложной настройки. Мы максимально упростили интерфейс, используя бегунки и переключатели, чтобы вы смогли настраивать таймер для своего сайта очень гибко. Изменение размеров, шрифтов, типов и форматов – позволяет сделать полностью кастомизированный счетчик обратного отсчета для своего сайта бесплатно.
Счетчик обратного отсчета на сайт
Счетчик обратного отсчета позволяет повысить конверсию вашего сайта или landing page. Используя таймер обратного отсчета, можно гибко выстроить коммуникацию с вашими пользователями. Рассмотрим основные типы таймера обратного отсчета:
Счетчик до определенной даты:
Данный тип позволяет выставить время окончания таймера, причем учитывая локальное время пользователя. То есть, если счетчик автоматически будет пересчитывать время для пользователей, находящихся в разных часовых поясах. Теперь, вам не нужно ломать голову как закончить акцию по всей России в один момент времени.
Либо вы можете выбрать конкретный часовой пояс в таймере обратного отсчета. Данный вариант обычно используют локальные сайты или интернет-магазины из конкретного города или региона.
Счетчик на промежуток времени:
Данный формат счетчика эффективно используется для таймеров, которые отсчитывают несколько часов или минут, заставляя посетителя сайта быстрее сделать нужное целевое действие. Например «У вас есть 10 минут, чтобы оформить заявку получить скидку 30% на все товары».
Начало отсчета может быть прямо сейчас, либо отсчет таймера начнется с момента первого посещения клиентом сайта. Таймер будет автоматически отсчитывать время для каждого нового пользователя, который зашел на страницу.
Зацикленный таймер:
Один из самых популярных (и наиболее востребованных) типов счетчика обратного отсчета. Каждый день, таймер может перезапускаться с определенной периодичностью в нужное время. Можно настроить счетчик на локальное время пользователя, либо жестко задать часовой пояс.
Данный вид таймеров используется для перезапуска акций на самые популярные товары. Например «Успейте сегодня купить сайт по акции со скидкой 40%».
Вставка скрипта обратного отсчета
Вы сможете легко установить скрипт обратного отсчета Megatimer. Теперь нет необходимости искать Javascript и jquery таймер обратного отсчета, так как счетчик легко устанавливается через html вставку таймера. Html код счетчика генерируется на сервисе и его нужно просто вставить на сам сайт.
Обратная связь
Если у вас есть предложения по улучшению качества сервиса или по функционалу таймера – пишите на почту support@lpmotor.ru Если вы уже используете наш таймер обратного отсчета на своем сайте – напишите нам о вашем сайте и расскажите, как вы используете функционал счетчика. Лучшие истории будут попадать в раздел «Примеры использования», где вы сможете прорекламировать свою деятельность и свой сайт полностью бесплатно.
Web-благотворительность
Мы надеемся, что вам понравился наш сервис и генерируемые таймеры обратного отсчета, так как мы делали его с любовью и не собираемся на нем зарабатывать. Мы разрабатываем классные и бесплатные сервисы, которые помогут тысячам владельцев сайтов решить их маленькие проблемы.
Обзор сервиса проведения акций и счетчика обратного отсчета — proТаймер
Вы же используете акции и спецпредложения? Это один из самых популярных инструментов увеличения продаж в онлайн бизнесе.
Они везде: специальные бонусы для новых клиентов, сезонные скидки, праздничные акции, скидки для тех, кто зашел к вам в первый раз и т.п.
И proТаймер, как раз тот инструмент, который помогает технически и визуально такие акции проводить.
Но зачем proТаймер использовать, когда можно и без него?
Вот список преимуществ при использовании этого продукта:
Варианты акций
Акция до определенной даты
Это самый простой вариант. Примеры: праздничные акции (в честь Нового Года и т.п.), сезонные распродажи, акции в честь запуска продукта, в честь вашего дня рождения и просто так.
Для праздников и крупных событий внутри продукта есть календарь, показывающий ближайшие, которые вы можете использовать как повод для своих акций:
Фишка: если ваши клиенты не в одном городе, а многих, есть возможность показать дату завершения по местному времени посетителя. В этом случае вы можете сказать им, что акция продлится до 12 часов по местному времени, что поможет избежать путаницы с переводом в московское время:
Циклическая акция
Это автоматические акции, которые начинаются и заканчиваются по расписанию. Некоторые люди используют их, чтобы сделать видимость для новых посетителей как будто у них идет настоящая акция, хотя она на самом деле перезапускается каждый день.
Более честный способ использования: для акций по выходным (или наоборот, по будним дням) и для ночных скидок.
Настраивается она просто: выбираете дни недели для старта акции и время. Также для каждого посетителя можно показывать дату завершения по его местному времени:
С посещения страницы
Это достаточно популярный тип акций. Акция запускается с момента пользователь первый раз посетил ваш лендинг.
Идея в том, чтобы мотивировать новых посетителей выполнить нужное действие. Есть и минус – если одновременно сменить IP адрес и браузер, время начнет отсчитываться заново (легко “взломать”).
Пример такой акции: скидка при покупке в течении первых 24-х часов после посещения страницы. Или скидка на 2 часа на 2-ой продукт, после покупки первого.
Для улучшения реалистичности акции ее можно завершить в определенное время дня. Например 12 часов ночи. Потому что, если посетитель увидит, что акция длится ровное время или заканчивается не в ровное время, он может понять, что такую акцию можно сбросить.
Это поможет вашей акции выглядеть как та, которая проводится вручную, а не автоматически, что повысит к ней интерес.
А если хотите сделать еще реалистичнее, добавьте текстовую версию даты завершения акции на странице (например, строчка “Акция закончится j F в H:i по мск” превратится в “Акция закончится 4 октября в 23:59 по мск.” (с правильной датой для того конкретного посетителя).
С открытия письма
Это более интересный вариант акции “с открытия страницы”, в случае, если конечно же у вас есть база подписчиков. Плюс в том, что акция начнется как только клиент узнает о ней в письме, что смотивирует его перейти на ваш сайт. Кроме того, вы можете указать точно через сколько акция закончится прямо в письме (а если бы таймер считал с открытия сайта, то посетитель мог бы просто не перейти на ваш сайт и указанное вами время стало бы ошибочным).
Минус в том, что некоторые программы для почты загружают письма при их получении. В этом случае акция запустится с момента скачивания письма программой, а не открытия. Будьте к этому готовы.
С даты подписки
Это очень интересный тип акций. Если она начинается не сразу после подписки, а через некоторое время, ее будет сложно взломать.
Этот тип отсчета можно использовать для проведения акций:
На данный момент поддерживаются следующие сервисы рассылки:
Это только для данного типа отсчета, таймер в письмо можно вставить практически в любом сервисе рассылки.
Что будет когда акция прошла?
Когда акция прошла, нужно показать это на странице. И сделать, чтобы предложением нельзя было воспользоваться. В proТаймере добиться этого можно разными способами:
Изменить страницу
Плюс: самый простой вариант. Минус: так как открытие другой страницы требует время, есть задержка.
Таймер откроет другую страницу, так, что адрес страницы в браузере не изменится. Просто сделайте 2 страницы, с акцией и без.
Поменять ссылки и картинки на странице
Плюс: просто. Минус: подходит не для всех
В случае если акция у вас оформлена как кнопка покупки картинкой со ссылкой на версию продукта со скидкой, то этот вариант, то, что вам нужно.
Изменить часть страницы
Плюс: максимально гибкое изменение. Минус: работает не на всех сайтах и нужно быть аккуратным с пробелами.
Вставляете кусок HTML кода страницы, который хотите заменить и кусок, на который заменить. Кодом может быть текст, кнопки и другие элементы.
Добавить класс для элементов которые нужно показать и спрятать
Плюс: самый гибкий и быстрый вариант. Минус: нужно знать как добавить класс к элементам страницы.
Для элементов, которые должны показываться во время акции добавьте класс protimer_promo. А для тех, что после окончания акции, класс protimer_nopromo. Таймер спрячет или покажет нужные в зависимости от того прошла акция или нет.
Выполнить произвольный JavaScript код
Плюс: можно сделать что угодно. Минус: нужно быть программистом или иметь его под рукой.
При загрузке таймера и моменте когда акция истечет, таймер запускает вашу JavaScript функцию и передает туда данные истекла акция или нет. Ваш код делает все остальное.
Пробный период: не ограничен, но таймеры будут выключаться каждые 2 часа (то есть можно все попробовать, но использовать для реальных акций не получится).
Цена за 1 таймер начинается с 41 рубля, а за неограниченное кол-во 199 рублей в месяц.
Отсчет до конца акции
В настройках скидки вы можете задать период ее действия и подключить таймер обратного отсчета, который отображается на превью и карточках привязанных к скидке товаров. Актуально для решений Аспро: Next, Аспро: Маркет, Аспро: Оптимус и Аспро: Крутой шоп.
Чтобы установить таймер обратного отсчета, переключитесь на административный раздел и перейдите в Рабочий стол → Маркетинг → Товарный маркетинг → Скидки на товар → Скидки на товар.
Выберите нужную вам скидку и войдите в режим редактирования, нажав кнопку «гамбургер» и выбрав пункт «Изменить параметры скидки».
В поле «Период активности» выберите пункт «Интервал» и задайте дату начала и окончания действия скидки.
Система автоматически рассчитает оставшееся время и выведет счетчик на карточках привязанных к этой скидке товаров.
Уточнить список привязанных товаров и товарных предложений вы можете на вкладке «Условия».
Подробнее о том, как добавлять и настраивать условия, читайте в статье о правилах работы с корзиной.
В результате на карточке товара появится счетчик, который исчезнет после окончания срока действия скидки.
На вкладке «Внешний вид» активируйте или деактивируйте отображение срока действий скидки:
Сохраните изменения. Вот так выглядит список товаров после применения настройки:
Вывести дату окончания скидки в карточке товара
Если нужно вывести информацию о скидке в карточке товара, можно воспользоваться методом CCatalogDiscount::GetList. Данные метод позволяет получить любую информацию о скидке: купон, название, типа скидки и.т.д. Но, я думаю, наиболее актуально вывести дату окончания скидки или количество дней до окончания.
Получаем информацию о скидке
Для начала, создаем скидку с интевалом в модуле маркетинга и выводим всю информацию о ней, в карточке товара:
Собственно, если нужно просто вывести дату. Выводим переменную $saleDateTo в нужном месте шаблона.
Выводим количество дней до конца скидки
Более актуально, вывести количество дней до конца скидки. При этом, если осталось меньше одного дня, выводит «закончится сегодня».
Просто высчитываем разницу между текущей датой и датой завершения активности скидки. Подсказки в комментариях:
Здесь. С помощью strtotime перевели обе даты (сегодняшний день и дату завершения скидки) в секунды, вычли из большей меньшую и разделили на 86000 (количество секунд в сутках) с округлением до целого числа.
Таким образом, в переменной saleEndDiff получили количество дней до конца скидки. И простым if-ом, создали переменную daysToEndSale c нужным текстом.
При желании, можно все оставить в секундах и сделать красивый виджет, обратного отсчета на jquery- тут уже, дело дизайна и техники.
Модуль отсчета времени до конца акции OpenCart
При создании интернет магазина большое внимание уделяется созданию мотивации покупателю к оформлению заказа. В первую очередь — это скидки и акции. Но для усиления эффекта, большинство интернет магазинов использует таймеры обратного отсчета до окончания акции.
CMS OpenCart позволяет создать достаточно функциональный интернет магазин, и в стандартной сборке каждому товару вы можете добавить акционную цену и дату окончания действия акционной цены. Но как красиво и не навязчиво показать пользователю что необходимо оформить заказ на товар именно сегодня?
Для решения этой проблемы представляю вашему вниманию модуль Product Countdown timer, который позволяет вывести таймер обратного отсчета до конца акции на странице продукта.
Модуль позволяет вывести таймер обратного отсчета в карточке товара. Модуль написан для vQmod, но за счет малого объема не составит труда перенести модуль в стандартные файлы OpenCart.
Для редактирования вывода модуля вы можете воспользоваться CSS стилями, или же править исходный XML-файл. За подробными иструкциями вы можете обращаться ко мне.
Модуль абсолютно бесплатный, для использования, однако загружать на сторонние ресурсы запрещено – делитесь ссылкой на эту страницу, спасибо за понимание.
Скачать модуль Product Countdown Timer: product_countdown_timer_1.0
UPD: для добавления текстовых значений к полю (дней, часов, минут, секунд) используйте скрипт склонение названия величин времени в дате
UPD2: исправил небольшую ошибку с локализацией — выдавало ошибку «Notice: Undefined variable: text_countdown«. Обращаю также ваше внимание, на то что данный модуль применяется к шаблону, и в случае если ваш шаблон изменен, или изменяется еще с помощью vQmod модулей (например autocalc_price_option), то вам необходимо изменить в файле модуля строку:
На ту, после которой будет вставлен код таймера. В случае возникновения сложностей с модулем — пишите в комментарии с указанием текста ошибки. Спасибо за использование моих модулей.
24 комментария
Не хочет чет работать на ocstore 1.5.5.1.2
проверьте файлы логов в папке vqmod/logs/ или в файле vqmod/log.log или другой файл в зависимости от версии.
Скорей всего проблема в шаблоне.
REQUEST URI : /software/microsoft_software/microsoft-windows-81-professional-6pr-00006.html
MOD DETAILS:
modFile : /var/www/vhosts/u7630875.plsk.regruhosting.ru/httpdocs/popularelectronics.ru/vqmod/xml/nikita_sp_product_countdown_timer.xml
id : Product sale countdown Timer
version : 1.0
vqmver : 2.1.7
author : nikita-sp.com.ua
File Name : catalog/view/theme/default/template/product/product.tpl(0)
VQModObject::applyMod — SEARCH NOT FOUND (ABORTING MOD):
Желательно отправлять все в одном сообщении.
У вас используется не стандартная тема, и vQmod не может найти строку:
« »
Тема стандартная, файл product.tpl на том же месте, где он ищетсяв xml файле, в нем есть строки
кстати, возможно, что вы используете еще модули, которые изменяют шаблон. Проверьте в файлах кеша vQmod (vqmod/vqcache/) файл vq2-catalog_view_theme_YOUR-THEME-NAME-HERE_template_product_product.tpl
Что на месте цены, поищите там вышеуказанную строку.
значит строка все-таки не совпадает.
Это vQmod в конце концов. В таком случае просто скопируйте в шаблон кусок кода куда вам необходимо его вставить.
Установила модуль, тема моя измененная, и модуль не завелся, но Никита откликнулся и быстро все исправил, был так же конфликт и с другим модулем, его тоже по ходу дела поправил, огромное спасибо.
Добрый вечер Никита! У меня проблема возникла, мне нужно что бы таймер выводился не только в карточке товара но и на странице категория где много товаров у каждого в мини карточке свой выводился. все перепробовал ничего не смог сам подкорректировать. Модуль классный. Спасибо
Я постараюсь до понедельника выложить обновленную версию с выводом таймера в каталоге (странице категорий).
Спасибо что пользуетесь моими плагинами.
Возможно у вас есть еще идеи по улучшению модулей или идеи для новых модулей? С радостью выслушаю.
Никита здравствуйте! Проблема возникла такая, нужно что бы таймер выводился не только в карточке товара, но и в категориях в миникарточке. Если и там и там не получится то хотя бы в категориях. Весь попробовал поперешаманить ваш скрипт ничего не смог сделать. Ошибки швыряет на php или вообще не добавляет код на сайт. Очень хотелось бы быстро получить ответ. Заранее благодарю. И да, спасибо за замечательный и простой скрипт. Он шикарен
пока могу по этому модулю предложение выдвинуть. Нужно добавить точную настройку вывода результата скрипта, к примеру показывать только часы минуты секунды или только дни вообще. Главное полностью что бы она была доступна. т.е. я мог что угодно вывести с чем угодно. И еще не мало важно, к примеру я не хочу показывать дни, хочу только часы минуты секунды, а счетчик на несколько дней стоит. Предоставить такую возможность, что бы часы могли показывать и 24 часа в сутки и обновляться каждые 24 часа(т.е. в 0 превращаться) либо часы показывали полное кол-во часов т.е.38, 56, 48 и т.д. Важно во второй доработке что бы было ограничение, например показывать по двое суток, или показывать по 38 часов каждые. И тогда у часов максимальное значение будет 38 оно будет уменьшаться, и каждый раз когда достигнет нуля будет заново появляться 38, если конечно счетчик установлен на долгую дату. Вот такие хитрости в гибкости вывода сделают твой счетчик просто незаменимым. А особенно круто, если ты сможешь это сделать для админки, т.е. не в файлах менять настройки а прям в админке, потому что есть люди которые боятся всех этих(непонятных для них символов). Это перспектива в общем. Самое главное выложи поскорей пожалуйста что бы в категориях показывался, потому что мне очень срочно нужен, уже сейчас… Спасибо огромное тебе
Спасибо за обширный ответ. Постараюсь все реализовать в новом обновлении!
Спасибо что остаетесь со мной!
Приступил к модификации модуля, проработал пару мелких моментов, вот решил вникнуть в ваши пожелания, и честно говоря, не совсем понял предложение по формату часов.
Если вы хотите показывать только часы и минуты — то количество часов будет равным количеству дней * 24 + количество часов. Вы такой формат хотите чтобы был доступен?
Постарался в обновление включить все что можно было придумать. Вы можете уже скачать его и протестировать!
