Виджет социального доказательства

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

Как работает виджет

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

Ключевые преимущества

Интеграция этого виджета на ваш сайт дает несколько стратегических преимуществ:

  • Стимулируйте импульсные покупки: мгновенно привлекайте новых клиентов, используя социальное доказательство и импульсивное принятие решений. Людей естественным образом привлекают популярные товары, и они хотят повторять выбор других.

  • Формируйте доверие и лояльность: демонстрируйте большой объем заказов в реальном времени, чтобы повысить доверие. Клиенты с большей вероятностью будут доверять и оставаться лояльными к компаниям, которые показывают активную и довольную аудиторию.

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

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

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

Затем нажмите кнопку "Create a widget".

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

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

Общая информация

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

Укажите название вашего виджета в поле настроек "Widget name":

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

домен

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

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

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

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

Обратите внимание на плейсхолдеры, такие как [name], [city] и другие — вы будете использовать их при создании сообщений в виджете во вкладке "Widget Options".

Плейсхолдер имени

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

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

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

Тогда подбор имен будет скорректирован.

Плейсхолдер города

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

Плейсхолдер суммы

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

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

Если вы выберете тип "sum from range", вам нужно указать минимальное и максимальное значения в полях, чтобы сгенерировать случайное число в этом диапазоне:

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

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

Чтобы вставить в виджет свои собственные пользовательские переменные, нажмите "Add variable" .

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

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

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

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

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

Условия запуска виджета

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

Вы можете задать время показа виджета на сайте, используя функцию "When to show the widget":

  1. Сразу Эта настройка покажет виджет сразу, как только пользователь откроет сайт.

  2. После задержки

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

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

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

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

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

Также есть следующее условие запуска:

  1. Длительность показа:

    • Укажите значение в секундах.

    • Оно определяет, как долго виджет будет оставаться видимым до исчезновения уведомления.

  2. Интервал между задержками

    • Укажите значение в секундах.

    • Он определяет задержку между показами виджета — после появления одного уведомления следующее будет показано только после того, как пройдет указанное количество секунд.

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

Давайте подробнее рассмотрим доступные условия.

  1. UTM-параметры

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

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

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

В чем разница между contains/does not contain и equals/does not equal?

Основное отличие в том, что оператор "contains/does not contain" проверяет, содержит ли UTM-метка определенное значение (или не содержит его).

В отличие от него, оператор "equals" требует точного совпадения, то есть система ищет UTM-метку, которая полностью совпадает с заданным значением (и соответственно, "does not equal" работает наоборот).

Затем введите нужное значение для UTM-метки:

  1. Страна

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

Выберите нужную страну из списка, а также тип оператора ("is" или "is not"):

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

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

В настройках также есть возможность добавить несколько значений для отображения виджета. Просто нажмите "+ Add Value" и при необходимости задайте одно или несколько дополнительных условий:

Параметры виджета

После того как вы завершите настройку виджета, перейдите во вкладку "Widget options" :

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

Контент

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

Иконка

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

Внешний вид

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

  1. Палитра цветов: выберите цвета для любого элемента виджета — от текста до фона иконки. Также можно выбрать градиенты.

  2. Выравнивание текста можно настроить по центру, по правому или левому краю:

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

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

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

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

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

Положение виджета рассчитывается от нижнего и правого краев экрана. Чтобы сместить его в сторону левого края, установите в поле "Right margin" значение 60%.

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

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

Вы будете перенаправлены к списку существующих виджетов, где вам нужно нажать "Embed code on website" :

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

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

Затем вставьте скрипт в HTML-код в разделе:

Чтобы встроить виджет на сайт Tilda, скопируйте скрипт виджета с помощью кнопки "Embedcode on website", затем добавьте его на страницу вашего сайта.

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

Последнее обновление