График работы: 10:00 - 19:00 Пн - Пт

Имитация покупок — это скрипт, который выводит сообщения с фейковыми заказами. С ним вашим посетителям будет казаться, что спрос на товары и услуги вашего магазина большой. Это позволит быстрее развиться на старте бизнеса.

Ключевые особенности имитации заказов:

  • Внешний вид настраивается в редакторе.
  • Можно задать цели метрик для отслеживания кликов по нему.
  • Можно выполнять любые действия при клике по сообщению: вызвать модальное окно, выполнить Javascript, перейти по ссылке.
  • Скрипт каждый раз выдает случайные комбинации, за счет этого правдоподобность значительно растет.
  • Простая, но функциональная настройка: интервала, задержки сообщения, данных и т.д.

Исходный код

Скопируйте в BODY код из файла body.txt.

Параметры

В BODY укажите параметры для работы скрипта.

где вам необходимо задать свой список имен, городов и действий.

Описание параметров:

names — список имен. Значение выбирается случайно.

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

actions — список действий и их иконок. Значение выбирается случайно. В actions вторым значением массива идет класс иконки из FontAwesome (например, fa-phone-square).

separate — разделитель между словами. Например, после имени можно поставить обычный пробел или неразрывный пробел  &nbsp. В этом случае имя + город будет иметь вид «Карина г.Климовск». Также в примере для города в separate указан  <br>. Следовательно после города будет добавлен символ переноса строк. Тогда текст действия будет написан с новой строки. Например:

Карина г.Климовск
заявка на обратный звонок

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

delay — задержка показа сообщения.


В разделе HEAD подключите стили (файл head.txt).

Редактор

Добавьте новую Секцию в самом низу страницы и задайте ей class=fake-section

Уберите отступы для секции

Добавьте в нашу секцию Кнопку и задайте class=fakeorder

Вы можете добавить любое количество кнопок и каждую настроить по своему стилю. Класс у всех должен быть fakeorder. Скрипт будет показывать их в ротации.

Имитация покупок в Платформе LP

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

Настройка кнопки Имитации покупок

Настройте внешний вид на свое усмотрение. Здесь же можете задать отступы от краев экрана.

Настраиваемая имитация заказов

Как видите настроить внешний вид имитации заказов довольно просто. Не надо для этого лезть в исходный код и править стили и сам скрипт.

Пример работы

Пример работы имитации покупок

Обновления

Обновление от 23 октября 2017

Скрипт переписан практически с нуля. Теперь он проще, надежнее и круче!

Вам больше не надо рисовать подложки в фотошопе.

Добавлено:

  • внешний вид настраивается в редакторе Платформы LP;
  • можно создавать любое количество вариантов внешнего вида;
  • сообщения теперь кликабельны и можно на них повесить какое-либо действие прямо в конструкторе Платформы LP;
  • разделитель текста.

Исправлено:

  • неправильная анимация при некорректном указании пары значений «интервал/задержка»;
  • значительно упрощена настройка;
  • оптимизирован исходный код.

Удалено:

  • в связи с невостребованностью и сложностью настройки, удалил поддержку сервиса randus;
  • убрал поддержку всех картинок: подложки и иконки.

Обновление от 21 марта 2018

Небольшие исправления багов.

Исправлено:

  • Кнопка кликабельна даже когда невидима. Это приводило к блокировке элементов (других кнопок) под ним.
  • Добавлены стили для скрытия секции с кнопками имитации.
  • Исправления в инструкции.

Обновление от 6 октября 2018

Мелкие исправления.

Исправлено:

  • Основной код вынесен в файл body.js и head.css, чтобы иметь возможность кеширования.
  • Исправления в инструкции.
  • Другие мелкие изменения.