Модульный WordPress-плагин, который выводит адаптивную карусель отзывов
с премиальным минималистичным дизайном. Поддерживает изображения, видео
(YouTube, Vimeo, MP4), аудио (MP3 + waveform-визуализация), скриншоты
оригинальных отзывов, JSON-LD Schema.org, UTM-метки, CTA-блок «Оставить
отзыв», полную кастомизацию цветов и локализацию.
Для пользователей
Адаптивная карусель отзывов
Адаптивная карусель отзывов (премиум-минимализм, UTM, JSON-LD SEO, cache-friendly, WPML-ready). Русский / English / Български.
Адаптивная карусель отзывов
Адаптивная карусель отзывов (премиум-минимализм, UTM, JSON-LD SEO, cache-friendly, WPML-ready). Русский / English / Български.
Адаптивная карусель отзывов
Адаптивная карусель отзывов (премиум-минимализм, UTM, JSON-LD SEO, cache-friendly, WPML-ready). Русский / English / Български.
Адаптивная карусель отзывов
Адаптивная карусель отзывов (премиум-минимализм, UTM, JSON-LD SEO, cache-friendly, WPML-ready). Русский / English / Български.
Для модераторов и админов
Адаптивная карусель отзывов
Адаптивная карусель отзывов (премиум-минимализм, UTM, JSON-LD SEO, cache-friendly, WPML-ready). Русский / English / Български.
Адаптивная карусель отзывов
Адаптивная карусель отзывов (премиум-минимализм, UTM, JSON-LD SEO, cache-friendly, WPML-ready). Русский / English / Български.
Адаптивная карусель отзывов
Адаптивная карусель отзывов (премиум-минимализм, UTM, JSON-LD SEO, cache-friendly, WPML-ready). Русский / English / Български.
1-1
Адаптивная карусель отзывов (премиум-минимализм, UTM, JSON-LD SEO, cache-friendly, WPML-ready). Русский / English / Български.
Вставьте этот шорткод в любую страницу или запись, чтобы отобразить карусель: [review_carousel]
Показывает все отзывы, помеченные как видимые, по 4 в ряд на десктопе, с автопрокруткой каждые 5 секунд.
| Параметр | По умолчанию | Значения | Описание |
|---|---|---|---|
autoplay |
true |
true / false | Автопрокрутка карусели |
interval |
5000 |
1500–30000 | Задержка автопрокрутки в миллисекундах (минимум 1500) |
per_view |
4 |
1–6 | Количество карточек, видимых на десктопе. Автоматически 3/2/1 на меньших экранах |
gap |
20 |
0–60 | Расстояние между карточками в пикселях |
loop |
true |
true / false | Бесконечная прокрутка (после последнего — снова первый) |
3 карточки в ряд, без автопрокрутки:
[review_carousel per_view="3" autoplay="false"]
Медленная автопрокрутка (10 сек), без бесконечной прокрутки:
[review_carousel interval="10000" loop="false"]
Компактный — 2 карточки с узким промежутком:
[review_carousel per_view="2" gap="10"]
Быстрая, эффектная карусель для лендинга:
[review_carousel per_view="5" interval="3500" gap="24"]
У каждого отзыва есть UTM-поля (utm_source, utm_medium, utm_campaign, utm_content, utm_term) в разделе «UTM-метки» редактора отзыва. Они автоматически добавляются к «Внешней ссылке» при выводе на сайте — так вы можете отслеживать клики в Google Analytics или Яндекс.Метрике.
Плагин автоматически выводит структурированные данные (JSON-LD) вместе с каждой каруселью:
Product — сущность, которую рецензируют (ваш сайт по умолчанию)
AggregateRating — средняя оценка и общее количество отзывов
Review — отдельные отзывы с автором, рейтингом, датой и издателем
Проверить разметку можно здесь: Google Rich Results Test · Schema.org Validator
Совет: устанавливайте рейтинг (1–5) для каждого отзыва — это влияет на AggregateRating, отображаемый в сниппетах Google.
● Свайп на мобильных через Pointer Events (без jQuery, без внешних
зависимостей). Работает даже при скрытых CTA-слайдах на десктопе.
● Cache-friendly: нет inline-скриптов, все данные пробрасываются через
wp_localize_script. Совместимо с WP Rocket, LiteSpeed, W3 Total Cache,
Autoptimize.
● Ассеты подгружаются ТОЛЬКО на страницах, где реально есть шорткод.
Никакого «ожирения» остального сайта.
● Автоплей карусели с умной паузой:
– вне viewport (IntersectionObserver)
– когда вкладка неактивна (visibilitychange)
– на hover / focus
– когда открыта модалка
● Модалка со всей информацией:
– автоматически создаётся, если тема не выводит wp_footer
– Prev / Next / свайп между отзывами
– Focus trap, возврат фокуса, ESC для закрытия
– Двух-колоночная вёрстка со скриншотом отзыва справа
– Реалтайм-волна для MP3 через Web Audio API + <canvas>
● 4 типа медиа для каждого отзыва:
1. Изображение
2. Видео (YouTube / Vimeo / MP4 автоплей muted playsinline)
3. Аудио MP3 (waveform на карточке + плеер+анализатор в модалке)
4. Скриншот отзыва (доп. картинка справа от текста в модалке)
● Оценка 1–5 звёзд с автоматическим агрегатом.
● SEO / JSON-LD Schema.org:
Product → AggregateRating + Review[] (author, rating, date, publisher).
Работает с Google Rich Results Test.
● UTM-метки для каждого отзыва
(utm_source, utm_medium, utm_campaign, utm_content, utm_term)
автоматически добавляются к внешней ссылке — трекинг в GA / Метрике.
● CTA-блок «Оставить отзыв»:
– Sticky на десктопе (позиция слева/справа настраивается)
– In-flow на мобильных (каждый N-й слот)
– Модалка со списком платформ (Google, Trustpilot, Yandex, …)
– Наплывающие аватары авторов
– 4 отдельных цвета
● Полная настройка цветов в админке (13 переменных):
accent, accent-ink, surface, surface-alt, text, text-soft, muted,
border, btn-bg, btn-ink, dot-active, star-on, quote-bar.
Внедряются как CSS-переменные — работает с любой темой.
● Локализация из коробки:
– Русский (полный перевод)
– Английский (исходный)
– Български (полный перевод)
– WPML-config.xml + фильтры для WPML String Translation
– Polylang: `plugin_locale` фильтр по текущему языку
● OOP-архитектура:
Один класс на ответственность:
RC_Post_Type — кастомный post-type
RC_Admin — мета-боксы редактора
RC_Sources — платформы (Google, Trustpilot, …)
RC_Shortcode — рендер [review_carousel]
RC_Ajax — endpoints для модалки и CTA
RC_Assets — умный enqueue
RC_Help — страница-инструкция
RC_CTA — конфиг CTA-блока
RC_Appearance — палитра цветов
RC_WPML — совместимость с WPML/Polylang
● 0 внешних зависимостей на фронте (ni jQuery, ni Slick, ni Swiper).
Инструкция
1. Требования
WordPress 5.0+ | PHP 7.4+ | MySQL 5.6+
2. Установка
Через админ-панель:
→ Плагины → Добавить новый → Найти «Compact Custom Fields Viewer» → Установить → Активировать
Вручную:
→ Скачать архив → Загрузить в /wp-content/plugins/ → Активировать
