Live Interest - Живой интерес

🚀 Возможности системы

👀

Живая активность

Отображение количества посетителей и их действий в реальном времени

🔔

Уведомления

Показ недавних покупок, регистраций и других конверсионных действий

⚡

Создание urgency

Формирование ощущения популярности и срочности у посетителей

🎯

Умный показ

Адаптивные алгоритмы показа в зависимости от поведения пользователя

💡 Демо сценарии

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

Пример базового уведомления:

const liveInterest = new NHLeads({
    template: 'live-interest',
    title: 'Живой интерес активен!',
    text: 'Иван только что оставил заявку',
    buttonText: 'Тоже хочу!',
    position: 'bottom-left',
    showCloseButton: true,
    liveInterest: {
        currentViewers: 23,
        viewerLabel: 'человек сейчас смотрят',
        fluctuation: true,
        showRecentActions: true,
        showUrgency: true
    }
});

🎯 Минималистичные варианты

Компактные уведомления без заголовков и дополнительной информации:

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

const minimalCounter = new NHLeads({
    template: 'live-interest',
    // Без title и text - автоматически минималистичный режим
    position: 'bottom-right',
    showCloseButton: false,
    liveInterest: {
        currentViewers: 18,
        viewerLabel: 'онлайн',
        fluctuation: true,
        showRecentActions: false,
        showUrgency: false
    }
});

Пример углового бейджа:

const cornerBadge = new NHLeads({
    template: 'live-interest',
    // Без title, text и buttonText - активируется режим corner-badge
    position: 'top-left', // угловая позиция
    showCloseButton: false,
    liveInterest: {
        currentViewers: 25,
        viewerLabel: 'в сети',
        fluctuation: true,
        showRecentActions: false, // отключены для бейджа
        showUrgency: false // отключены для бейджа
    }
});

🎨 Различные стили и темы

Попробуйте разные варианты оформления:

Пример с темной темой:

const darkTheme = new NHLeads({
    template: 'live-interest',
    title: '🔥 Горячее предложение',
    text: 'Марина купила курс 3 минуты назад',
    buttonText: 'Купить сейчас',
    theme: 'dark',
    position: 'top-left',
    liveInterest: {
        currentViewers: 31,
        viewerLabel: 'покупателей сегодня',
        urgencyText: 'Только до конца дня!'
    }
});

📊 Типы уведомлений

💰

Покупки

"Анна купила курс 5 минут назад"

📝

Регистрации

"3 человека зарегистрировались за последний час"

👥

Активность

"27 человек сейчас на сайте"

🔔

Кастомные

Любые собственные события и действия

⚙️ Настройка конфигурации

Полная конфигурация live-interest:

const advancedLiveInterest = new NHLeads({
    template: 'live-interest',
    title: 'Живой интерес',
    text: 'Люди активно интересуются этим предложением',
    buttonText: 'Присоединиться',
    position: 'bottom-right',
    theme: 'dark',
    showCloseButton: true,
    liveInterest: {
        currentViewers: 23,
        minViewers: 15,
        maxViewers: 45,
        fluctuation: true,
        fluctuationInterval: 3000,
        viewerLabel: 'человек сейчас смотрят',
        recentActions: [
            'Анна из Москвы оформила заказ 2 минуты назад',
            'Дмитрий из СПб забронировал 5 минут назад',
            'Елена из Казани совершила покупку 7 минут назад'
        ],
        showRecentActions: true,
        actionUpdateInterval: 8000,
        urgencyText: 'Предложение ограничено!',
        showUrgency: true
    }
});

Минималистичный вариант (только счетчик):

const minimalLiveInterest = new NHLeads({
    template: 'live-interest',
    // Без title и text активируется минималистичный режим
    position: 'bottom-right',
    showCloseButton: false,
    liveInterest: {
        currentViewers: 18,
        viewerLabel: 'онлайн',
        fluctuation: true,
        // showRecentActions и showUrgency отключены по умолчанию
        showRecentActions: false,
        showUrgency: false
    }
});

С пользовательскими действиями:

const customActionsLiveInterest = new NHLeads({
    template: 'live-interest',
    title: 'Активность клиентов',
    text: 'Смотрите, что происходит прямо сейчас',
    buttonText: 'Я тоже хочу!',
    position: 'top-left',
    liveInterest: {
        currentViewers: 35,
        viewerLabel: 'активных пользователей',
        recentActions: [
            '🛒 Максим купил "Премиум курс" - 1 мин назад',
            '📞 Светлана заказала консультацию - 3 мин назад',
            '✅ Игорь скачал материалы - 5 мин назад',
            '💎 Ольга оформила VIP подписку - 8 мин назад'
        ],
        showRecentActions: true,
        actionUpdateInterval: 5000,
        urgencyText: '🔥 Акция заканчивается через 2 часа!',
        showUrgency: true
    }
});

🎛️ Расширенные примеры

Дополнительные варианты использования и настройки:

Пример использования:

Демонстрация базового live-interest уведомления

⚡ Live Interest