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

В статье расскажем, для чего нужен виджет стадного инстинкта, и покажем, как его настривать

Виджет "Стадного инстинкта" имитирует заказы/покупки вашего товара на сайте, отображаясь всплывающими окнами:

Виджет работает по принципу "клиент заметил, что другие пользователи покупают, тоже захотел и купил".

Основные плюсы использования такого виджета на сайте:

  1. Мгновенно привлекает новых клиентов за счет импульсивных решений – многим людям нравится и хочется подражать другим.

  2. Увеличивает доверие и преданность клиентов за счет множества заказов на Вашем сайте - клиенты охотнее доверяют магазинам/сервисам, у которых уже есть достаточная аудитория клиентов.

  3. Информирует клиентов о значимых событиях и предложениях: вы можете настроить частоту и аудиторию показа виджета по разным параметрам.

Создание и настройка виджета

Чтобы создать виджет, перейдите в соответствующую вкладку "Виджеты":

Далее кликните по кнопке "Создать виджет":

Откроется выпадающий список с доступными для внедрения на сайт виджетами, среди которого выберите необходимый:

После чего вы перейдете в настройки виджета:

Основная информация

Название виджета

В настройках поля "Название виджета" пропишите наименование для вашего виджета:

Название виджета является обязательным полем и будет отображаться только в разделе "Виджеты", но не будет видимым для ваших клиентов.

Домен

Это второе обязательное поле, где необходимо указать домен сайта:

Это может быть как сайт, спроектированный на Salebot, так и на сервисе Тильда, а также на свой собственный.

Общие настройки контента

Общие настройки контента, определяют, что будет отображено в всплывающих уведомлениях виджета на сайте

Обратите внимание на конструкцию [name], [city] и пр.: они понадобятся для написания сообщения внутри виджета во вкладке "Варианты виджета".

Подстановка имени

Поля подстановки имени помогут отображать конкретно только мужские или только женские имена на сайте:

Для изменения имен на мужские или женские воспользуйтесь соответствующим полем:

Также можно подобрать имена по территориальному расположению:

Тогда выборка имен будет изменена:

Подстановка города

Для своего сайта вы можете выбрать также и страну, города которой будут отображены в виджете:

Примеры:

  1. Выбор "Россия":

  1. Выбор "Беларусь":

  1. Выбор "Казахстан":

Подстановка суммы

В текстовый блок виджета можно встроить сумму для отображения, причем сумма может быть как точная, так и рандомная по заданному диапазону:

Для ввода точной суммы воспользуйтесь пустым полем справа:

Если вы выберите тип "сумма из диапазона", то необходимо ввести в поля интервалы для выборки рандомного числа строго от и до:

Также при необходимости установите округление числа после запятой:

Подстановка пользовательских переменных

Чтобы подставить в виджет собственные переменные, необходимо воспользоваться кнопкой "Добавить переменную":

Далее откроется модальное окно, в котором необходимо задать наименование переменной через квадратные скобки:

Далее введите значение переменной, где каждое новое значение должно быть написано с НОВОЙ строки без запятых и иных разделительных знаков:

Далее нажмите на "Сохранить", чтобы значения сохранились в системе:

Далее вы увидите, что пользовательская переменная сохранилась в общих настройках контента:

Чтобы в дальнейшем использовать переменную, необходимо будет подставить наименование переменной через квадратный скобки в поле "Основной текст" в разделе "Контент":

Условия срабатывания виджета

Временной интервал

Можно установить тайминг показа виджета на сайте. Для этого воспользуйтесь функцией "Когда показывать виджет":

  1. Сразу Данная настройка отобразит виджет в момент перехода пользователя на сайт.

  2. Спустя время

Виджет отобразится на сайте по прошествию определенного количества секунд после того, как клиент перешел на сайт.

Устанавливается временной интервал в секундах, где минимальное значение - 1 секунда, а максимальное - 15 секунд.

  1. После прокрутки

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

Временной интервал

Также в условиях срабатывания существует:

  1. Продолжительность показа: - Устанавливается значение в секундах. - Обозначает, что виджет покажется ровно на установленное количество секунд, затем уведомление пропадет из виду.

  2. Интервал между показами - Устаналивается значение в секундах. - Обозначает, что после показа уведомления (виджета) по прошествию заданного количества секунд покажется следующий виджет.

Задать условие

Разберем подробнее существующие условия.

  1. UTM-метки

Чтобы узнать, что такое UTM-метки и как ими пользоваться, рекомендуем прочитать статью "Как передать параметры и UTM-метки".

В соответствующем поле пропишите название необходимой метки:

Далее выберите оператор соответствия метки значению:

В чем разница содержит/не содержит и равно/не равно?

Основное различие в том, что "содержит/не содержит" проверяет значение на факт того, что UTM-метка включает (или не включает) то или иное значение. Тогда как оператор "равно" строго присваивает значение, в связи с чем система ищет совпадение в UTM-метке по строгому значению (соответственно "Не равно" противоположно).

После чего пропишите необходимое значение для UTM-метки:

  1. Страна

Также можно выбрать условие "Страна", которое отобразит виджет в зависимости от IP страны подключения. Выберите необходимую страну из перечня, а также тип оператора (является или не является):

  1. Устройство

При необходимости установите условие "Устройство", которое отобразит виджет в зависимости от типа устройства клиента, перешедшего на сайт:

В настройках также существует функция для добавления нескольких значений для отображения виджета. Для этого достаточно кликнуть по "+ Добавить значение" и установить еще одно или несколько необходимых условий:

Варианты виджета

После того как вы закончили с настройками виджета, переходите во вкладку "Варианты виджета":

В данной вкладке устанавливаются настройки внешнего вида и содержания виджета, которое отображается вашим пользователям.

Контент

В полях "Заголовок" и "Основной текст" вы можете прописать значения, установленные в настройках виджета:

Вместо переменных [name], [sum], [city] подтянутся значения, которые вы установили в настройках виджета.

Иконка

Иконка будет отображена внутри всплывающего уведомления:

Внешний вид

Настройки внешнего вида традиционно представляют собой выборку цвета из обширной палитры, скругления углов, настройку тени и прозрачности:

  1. Цветовая палитра: можно выбрать цвет для любого элемента виджета, начиная от текста, заканчивая фоном иконки, а также выбрать градиент:

  1. Выравнивание текста происходит относительно середины, правого или левого края:

  1. Настройка углов уведомления: можно выбрать скругленные, квадратные или круглые углы сообщения на сайте:

Скрыть кнопку закрытия виджета

Данный чекбокс скроет крестик в углу виджета:

Положение виджета на сайте

Положение уведомлений уже по умолчанию установлено внизу в правом углу экрана:

При необходимости переместите виджет в другое местоположение на сайте, воспользовавшись данными настройками:

Регулирование положения виджета происходит относительно нижнего и правого края.

Можно сместить виджет в левый край, установив значение, например, в поле "Отступ справа" - 60%:

Пример отображения виджета:

Настройки:

Как встроить виджет на сайт

После того, как вами были установлены все настройки и отредактирован внешний вид виджета по своему уникальному дизайну, нажмите на кнопку "Добавить виджет" внизу экрана:

После чего вы перейдете в список уже готовых виджетов, где вам необходимо кликнуть по кнопке "Встроить код на сайт":

После чего вам откроется модальное окно со скриптом:

Скопируйте скрипт и перейдите в настройки сайта, домен которого указали в настройках виджета:

После чего вставьте скрипт в HTML-код head:

Чтобы встроить виджет на сайт тильды, также скопируйте скрипт виджета с помощью кнопки "Встроить код на сайт", после чего устанавливаете его на сайт.

Готово! На этом настройка виджета и его установка на сайт завершена!

Last updated