🚀 SNX Reviews Widget - Самый простой способ интеграции

Просто скопируйте и вставьте этот код на вашу страницу:

<!-- 1. Контейнер для виджета -->
<div 
    id="reviews-widget"
    data-snx-widget
    data-snx-base-url="https://reviews-widget.sanatorex.ru/dist"
    data-snx-config='{"cmsId": "2628058704", "maxReviews": 10, "showHeader": true, "showFilters": true, "showPagination": true}'
></div>

<!-- 2. Загрузчик виджета -->
<script src="https://reviews-widget.sanatorex.ru/dist/simple-loader.js" async></script>
            

📋 Параметры конфигурации

Измените параметры в data-snx-config:

🔧 Основные параметры

cmsId (обязательный) - ID вашей организации в системе отзывов
maxReviews (по умолчанию: 10) - максимальное количество отзывов на странице
showHeader (по умолчанию: true) - показывать ли заголовок с рейтингом
showFilters (по умолчанию: true) - показывать ли панель фильтров
showPagination (по умолчанию: true) - показывать ли пагинацию
showShareButton (по умолчанию: true) - показывать ли кнопку "Поделиться" в отзывах
includeMedia (по умолчанию: true) - включать ли медиа-контент (фото)
includeReplies (по умолчанию: true) - включать ли ответы организации

🔍 Параметры фильтрации

minRating (опционально) - минимальный рейтинг отзывов (1-5)
maxRating (опционально) - максимальный рейтинг отзывов (1-5)
hasReply (опционально) - фильтр по наличию ответа организации (true/false)
language (опционально) - фильтр по языку отзыва (например: "ru", "en")
source (опционально) - фильтр по источнику отзыва (например: "yandex", "google")
showBlocked (по умолчанию: false) - показывать ли заблокированные отзывы
showPending (по умолчанию: false) - показывать ли отзывы на модерации

📊 Параметры сортировки

sortBy (по умолчанию: "submitted_at") - поле для сортировки:
- "submitted_at" - по дате создания
- "rating" - по рейтингу
- "helpful" - по полезности
sortOrder (по умолчанию: "DESC") - порядок сортировки:
- "DESC" - по убыванию (новые/высокие рейтинги сначала)
- "ASC" - по возрастанию (старые/низкие рейтинги сначала)

🎯 Живой пример

Виджет загружается ниже:

💡 Примеры конфигурации

Минимальная конфигурация

data-snx-config='{"cmsId": "2628058704"}'

Отзывы только с высоким рейтингом

data-snx-config='{"cmsId": "2628058704", "minRating": 4, "maxReviews": 5}'

Без кнопки "Поделиться" и фильтров

data-snx-config='{"cmsId": "2628058704", "showShareButton": false, "showFilters": false}'
            

Только отзывы с ответами организации

data-snx-config='{"cmsId": "2628058704", "hasReply": true, "sortBy": "rating", "sortOrder": "DESC"}'
            

Полная конфигурация

data-snx-config='{
    "cmsId": "2628058704",
    "maxReviews": 15,
    "showHeader": true,
    "showFilters": true,
    "showPagination": true,
    "showShareButton": true,
    "includeMedia": true,
    "includeReplies": true,
    "minRating": 3,
    "maxRating": 5,
    "hasReply": false,
    "language": "ru",
    "source": "yandex",
    "showBlocked": false,
    "showPending": false,
    "sortBy": "submitted_at",
    "sortOrder": "DESC"
}'
            

⚡ Альтернативный способ (программный)

Если нужен больший контроль, используйте JavaScript API:

<div id="my-reviews"></div>

<script src="https://reviews-widget.sanatorex.ru/dist/simple-loader.js"></script>
<script>
// Инициализация через JavaScript
window.loadSNXWidget('my-reviews', {
    cmsId: '2628058704',
    maxReviews: 5,
    showHeader: true,
    showFilters: false,
    showPagination: true,
    showShareButton: true,
    minRating: 4
}, 'https://reviews-widget.sanatorex.ru/dist');
</script>
            

🎨 Дополнительные возможности

Deep Linking

Виджет поддерживает прямые ссылки на конкретные отзывы:

https://yoursite.com/page?review=12345

При переходе по такой ссылке виджет автоматически найдет и выделит отзыв с ID "12345".

Адаптивность

Виджет полностью адаптивен и автоматически подстраивается под размер экрана:

📱 Мобильные устройства - компактный интерфейс, touch-friendly элементы
💻 Планшеты - оптимальное использование пространства
🖥️ Десктоп - полный функционал с hover-эффектами

Изоляция стилей

Виджет использует префиксированные CSS классы и не конфликтует с вашими стилями:

Все стили изолированы в контейнере .snx-reviews-widget
Используется CSS-in-JS для максимальной совместимости
Не влияет на существующие стили вашего сайта

Производительность

Оптимизирован для быстрой загрузки:

Lazy loading изображений
Минифицированный код
Кеширование через CDN
Оптимизированные анимации

❓ Часто задаваемые вопросы

Как получить cmsId?

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

Можно ли кастомизировать внешний вид?

Виджет использует изолированные стили. Для кастомизации обратитесь к разработчикам виджета.

Поддерживаются ли все браузеры?

Виджет поддерживает все современные браузеры: Chrome, Firefox, Safari, Edge (последние 2 версии).

Как отключить кнопку "Поделиться"?

Добавьте параметр "showShareButton": false в конфигурацию виджета.