Виджет «Социальное доказательство» имитирует заказы или покупки вашего товара на сайте, отображая их в виде всплывающих уведомлений.

Как работает виджет
Виджет работает на простом психологическом принципе: когда посетители видят, что другие совершают покупки, они сами становятся более склонны к покупке.
Ключевые преимущества
Интеграция этого виджета на ваш сайт дает несколько стратегических преимуществ:
- Стимулирование импульсных покупок: мгновенно привлекайте новых клиентов, используя социальное доказательство и импульсивное принятие решений. Люди естественным образом тянутся к популярным товарам и хотят подражать выбору других.
- Формирование доверия и лояльности: демонстрируйте большое количество заказов в реальном времени для повышения доверия. Клиенты с большей вероятностью будут доверять и оставаться лояльными к компаниям, которые демонстрируют активную и удовлетворенную пользовательскую базу.
- Вовлечение с помощью целевых обновлений: информируйте клиентов о важных событиях и специальных акциях. Вы можете полностью настроить частоту появления виджета и то, кто его увидит, на основе определенных критериев аудитории.
Как создать и настроить виджет
Чтобы создать виджет, перейдите на соответствующую вкладку «Виджеты».

Затем нажмите кнопку «Создать виджет».

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

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

Общая информация
Название виджета
Укажите название для вашего виджета в поле настроек «Название виджета»:

Название виджета является обязательным полем и будет отображаться только в разделе «Виджеты»; оно не будет видно вашим клиентам.
Домен
Это второе обязательное поле, в котором необходимо указать домен вашего сайта:

Это может быть сайт, созданный на MaviBot, платформе Tilda или ваш собственный сайт.
Общие настройки контента
Общие настройки контента определяют, что будет отображаться во всплывающих уведомлениях виджета на сайте.

Обратите внимание на плейсхолдеры, такие как [name], [city] и другие — вы будете использовать их при создании сообщений в виджете на вкладке «Параметры виджета».
Плейсхолдер имени
Поля плейсхолдера имени позволяют отображать на сайте имена, характерные для мужского или женского пола:
Для переключения имен на мужские или женские используйте соответствующее поле:

Вы также можете выбирать имена на основе географического положения:

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

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

Чтобы ввести точную сумму, используйте пустое поле справа:

Если вы выберете тип «сумма из диапазона», необходимо ввести минимальное и максимальное значения в поля для генерации случайного числа в этом диапазоне:

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

Плейсхолдер пользовательской переменной
Чтобы вставить собственные пользовательские переменные в виджет, нажмите кнопку «Добавить переменную».

В открывшемся модальном окне необходимо задать имя переменной в квадратных скобках.

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

Затем нажмите «Сохранить», чтобы сохранить значения в системе:

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

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

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

Временной интервал
Вы можете настроить время отображения виджета на сайте с помощью функции «Когда показывать виджет»:
-
Мгновенно
Эта настройка отобразит виджет сразу после открытия сайта пользователем. - С задержкой

Виджет появится на сайте через указанное количество секунд после его открытия пользователем.
Временной интервал задается в секундах, минимальное значение — 1 секунда, максимальное — 15 секунд.
- После прокрутки

Условие «После прокрутки» обозначает, что виджеты начнут работать на сайте после того, как ваш пользователь пролистнет расстояние в установленное количество пикселей.
Временной интервал
Также существует следующее условие срабатывания:
- Продолжительность отображения:
- Установите значение в секундах.
- Оно определяет, как долго виджет будет оставаться видимым, прежде чем уведомление исчезнет.
- Интервал между задержками
- Установите значение в секундах.
- Оно определяет задержку между показами виджета — после появления одного уведомления следующее будет показано только через указанное количество секунд.

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

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

Затем выберите оператор, который сопоставляет тег со значением:

В чем разница между содержит/не содержит и равно/не равно?
Основное отличие в том, что оператор «содержит/не содержит» проверяет, включает ли UTM-метка (или не включает) определенное значение.
Напротив, оператор «равно» требует точного совпадения, то есть система ищет UTM-метку, которая точно соответствует указанному значению (и, соответственно, «не равно» работает как противоположность).
Затем введите необходимое значение для UTM-метки:

- Страна
Вы также можете выбрать условие «Страна», которое будет отображать виджет в зависимости от страны посетителя по IP.
Выберите нужную страну из списка, а также тип оператора («является» или «не является»):
- Устройство
При необходимости примените условие «Устройство», чтобы показывать виджет в зависимости от типа устройства, с которого посетитель заходит на сайт:
В настройках также есть функция добавления нескольких значений для отображения виджета. Просто нажмите «+ Добавить значение» и при необходимости задайте одно или несколько дополнительных условий:
Параметры виджета
После завершения настройки виджета перейдите на вкладку «Параметры виджета»:

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

Вы можете ввести статический текст или динамические переменные (например, [name], [sum], [city]) в поля Заголовок и Основной текст. Когда виджет активен, система автоматически заменяет эти переменные на фактические значения, настроенные в параметрах вашего виджета.
Иконка

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

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

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

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

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

Этот флажок скроет кнопку закрытия (×) в углу виджета.

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

Позиция виджета рассчитывается от нижнего и правого краев экрана. Чтобы переместить его к левому краю, установите поле «Отступ справа» на 60%.
Как встроить виджет на сайт
После того как вы настроили все параметры и настроили внешний вид виджета в соответствии с вашим уникальным дизайном, нажмите кнопку «Добавить виджет» в нижней части экрана.
Вы перейдете к списку существующих виджетов, где необходимо нажать кнопку «Код для вставки на сайт»:

Откроется модальное окно с кодом скрипта:

Скопируйте сгенерированный скрипт, затем перейдите в настройки сайта для домена, который вы указали ранее в конфигурации виджета.
Затем вставьте скрипт в HTML-код в раздел:

Чтобы встроить виджет на сайт Tilda, скопируйте скрипт виджета с помощью кнопки «Код для вставки на сайт», затем добавьте его на страницу вашего сайта.
Готово! Настройка и установка виджета на ваш сайт завершены!


