Виджет "Стадный инстинкт"

FakeOrder - виджет, имитирующий заказы на сайте и повышающий конверсию

В простонародье "стадный инстинкт"

Суть и принцип

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

Уведомление появляется через разные промежутки времени в рамках заданного диапазона. Например, в период между 10 и 20 секундами (определяется в настройках). Кроме того, можно настроить текст уведомления с автоматической подстановкой случайного города, имени и товара или услуги.

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

1. Распакуйте скачанный архив в корень вашего сайта.
2. Настройте скрипт в файле fake-order-cinfig.js.
3. Подключите/обновите библиотеку jQuery (3 версия и выше).
4. Подключите файлы скрипта к сайту.

Подключение

	
	<link rel="stylesheet" href="/fake-order/css/fake-order.min.css">
	<script src="/fake-order/fake-order.min.js"></script>
	<script src="/fake-order/fake-order-config.js"></script>
	

Настройки

Сейчас для настройки доступны следующие параметры:

• minTime - минимальное время, через которое будет появляться уведомление с заказом (в миллисекундах 1000 мс - 1 секунда);
• maxTime - максимальное время, через которое будет появляться уведомление с заказом (в миллисекундах 1000 мс - 1 секунда);
• showTime - время показа уведомления (в миллисекундах 1000 мс - 1 секунда);
• isMobileActive - отключение показова на смартфоне: true|false.
• position - положение уведомлений на экране. 4 положения: 'top-right', 'top-left', 'bottom-right', 'bottom-left'. По умолчанию - 'top-right';
• cities - массив городов, из которых поступают заказы. Задаются через запятую в квадратных скобках. Пример: ['Енакиево', 'Донецк', 'Харьков', 'Киев'];
• isMaleName - использовать ли мужские имена? 'true' | 'false'. По умолчанию - 'true';
• maleName - массив мужских имен. Задаются через запятую в квадратных скобках. Пример: ['Дмитрий', 'Вячеслав', 'Павел'];
• isFemaleName - использовать ли женские имена? 'true' | 'false'. По умолчанию - 'true';
• femaleName - массив женских имен. Задаются через запятую в квадратных скобках. Пример: ['Татьяна', 'Ольга', 'Евгения'];
• products - массив товаров или услуг, которые заказывают на сайте. Задаются через запятую в квадратных скобках. Пример: ['смартфон', 'ноутбук', 'смарт-часы'];
• titleMale - заголовок для мужских имен появляющегося уведомления. Обычный текст с возможностью случайной подстановки имени, города и товара | услуги. Для подстановки используются [name], [city] и [product]. Пример: '[name] заказал [product]'. Подставится: 'Дмитрий закал ноутбук';
• descriptionMale - описание для мужских имен появляющегося уведомления. Обычный текст с возможностью случайной подстановки имени, города и товара | услуги. Для подстановки используются [name], [city] и [product]. Пример: '[name] из города [city] заказал [product]'. Подставится: 'Дмитрий из города Донецк закал ноутбук';
• titleFemale - заголовок для женских имен появляющегося уведомления. Обычный текст с возможностью случайной подстановки имени, города и товара | услуги. Для подстановки используются [name], [city] и [product]. Пример: '[name] заказала [product]'. Подставится: 'Татьяна закала смарт-часы';
• descriptionFemale - описание для женских имен появляющегося уведомления. Обычный текст с возможностью случайной подстановки имени, города и товара | услуги. Для подстановки используются [name], [city] и [product]. Пример: '[name] из города [city] заказал [product]'. Подставится: 'Татьяна из города Донецк закала смарт-часы';
• imgPath - путь к картинке. Пример: 'http://placehold.it/50x50';

Пример настроек (файл fake-order-config.js)

	
	$(function ($) {
	$('body').fakeorder({
		minTime: 8000,
		maxTime: 12000,
		showTime: 4000,

		position: 'top-left',

		cities: [
			'Харьков','Одесса','Днепр', 'Донецк', 'Запорожье', 'Львов', 'Кривой Рог', 'Николаев', 'Мариуполь', 'Луганск', 
			'Винница', 'Макеевка', 'Херсон', 'Полтава', 'Чернигов', 'Черкассы', 'Хмельницкий', 'Житомир', 'Черновцы', 
			'Сумы', 'Горловка', 'Ровно', 'Ивано-Франковск', 'Каменское', 'Кропивницкий', 'Кременчуг', 'Тернополь', 
			'Луцк', 'Краматорск', 'Ужгород', 'Бердянск', 'Славянск', 'Алчевск', 'Северодонецк', 'Лисичанск', 
			'Красный Луч', 'Хрустальный', 'Енакиево', 'Стаханов', 'Константиновка'
		],

		isMaleName: true,
		maleName: [
			'Александр', 'Алексей', 'Антон', 'Андрей', 'Анатолий', 'Борис', 'Богдан', 'Владимир', 'Виктор', 'Виталий',
			'Вячеслав', 'Валерий', 'Глеб', 'Геннадий', 'Григорий', 'Герман', 'Георгий', 'Денис', 'Давид', 'Евгений', 'Егор',
			'Иван', 'Игорь', 'Игнат', 'Илья', 'Константин', 'Кирилл', 'Леонид', 'Михаил', 'Марат', 'Николай', 'Никита',
			'Олег', 'Петр', 'Павел', 'Роман', 'Ренат', 'Руслан', 'Рустам', 'Станислав', 'Семен', 'Федор', 'Эдуард',
			'Юрий', 'Ярослав', 'Яков'
		],

		isFemaleName: false,
		femaleName: [
			'Анна', 'Анастасия', 'Алена', 'Алина', 'Анжелла', 'Агата', 'Валентина', 'Валерия', 'Виктория', 'Галина',
			'Диана', 'Дарья', 'Екатерина', 'Елена', 'Евгения', 'Жанна', 'Зоя', 'Ирина', 'Инна', 'Инесса', 'Инга',
			'Кристина', 'Ксения', 'Карина', 'Любовь', 'Людмила', 'Марина', 'Мария', 'Марта', 'Надежда', 'Наталия',
			'Ольга', 'Римма', 'Рая', 'Светлана', 'Софья', 'Татьяна', 'Тамара', 'Ульяна', 'Юлия', 'Яна'
		],

		products: [
			'планшет',
			'мобильный телефон',
			'ноутбук',
			'смарт-часы',
			'ультрабук'
		],

		
		titleMale: '[name] заказал  [product]',
		descriptionMale : '[name] из города [city] заказал [product]',

		titleFemale: '[name] заказала  [product]',
		descriptionFemale : '[name] из города [city] заказала [product]',

		imgPath: 'https://smartlanding.biz/wp-content/themes/smartlanding/img/logo-smartlanding-svg.svg',

	})
	}(jQuery));
		

Чем отличается версия 1.0 от 2.0?

Версия 1.0 — это менее функциональный вариант с ограниченным количеством настроек.

В урезанной версии нет:

• Настройки заголовка, можно редактировать только описание.
• Настройки выбора положения уведомления. Оно всегда слева вверху
• Настройки выбора с женскими или мужскими именами (показываются в случайном порядке и женские и мужские).
• Настройки интервала для показа уведомления и между показами. По умолчанию время между показами от 10 секунд.