Лендинг уже есть, а живых отзывов на сайте нет: стыдно выдумывать кейсы, непонятно – виджет Яндекса или свои карточки, а Cursor на просьбу «сделай отзывы» тянет React и npm. Как у Игоря: он попросил страницу «как в Next.js», увидел package.json и закрыл проект. За один вечер можно собрать отдельный reviews.html с 4–6 реальными цитатами, рейтингом и кнопкой в мессенджер – без программиста.
Свои HTML-карточки на старте сильнее чужого виджета: вы контролируете тон и CTA. Правило reviews.mdc в Cursor запрещает npm и React и оставляет один файл со стилями через Tailwind CDN. Достаточно 4–6 реальных отзывов из переписок с разрешением клиента. Публикация – папка на vercel.com/drop, ссылка /reviews.html открывается с телефона.
По обзорам Spiegel Research Center за 2026 год самый заметный скачок доверия – переход с нуля примерно к пяти отзывам (рост конверсии при показе отзывов до около 270%). BrightLocal отмечает порог «выглядит серьёзно» около 10–12 отзывов. Для новичка вывод простой: не ждать сотни кейсов и не клеить фейки. Параллельно в Яндекс Вордстат (регион Россия, прогон 2026-07-08) «добавить отзывы на сайт» даёт 310 показов, «виджет отзывов на сайт» – 288, «виджет яндекс отзывов на сайт» – 176. Спрос есть и на виджет, и на свою страницу – ниже разберём, с чего начать.
Если лендинг ещё не собран, сначала пройдите гайд как сделать лендинг в Cursor AI без кода, затем вернитесь к отзывам.
Соберите 4–6 реальных цитат без выдуманных кейсов
Боль здесь не в вёрстке, а в пустом блокноте: «нечего писать». Не делайте фейковые имена и чужие скрины. Возьмите 4–6 сообщений из Telegram или WhatsApp, где клиент уже сказал «спасибо» и назвал результат. На практике хватает короткой цитаты в 1–2 предложения.
Для каждой карточки зафиксируйте четыре поля:
- Имя или имя плюс роль (например, «Марина, владелица студии»).
- Конкретный результат («за неделю закрыли 3 заявки с сайта»).
- Короткая цитата своими словами клиента.
- Оценка от 1 до 5 звёзд.
Типичная ошибка – публиковать скрин переписки без разрешения. Спросите одним сообщением: «Можно показать ваш отзыв на сайте?». Без «да» карточку не ставьте. Фото клиента не обязательны: текст и звёзды уже дают доверие.
Зафиксируйте правило reviews.mdc, чтобы Cursor не тянул React
Откройте папку сайта в Cursor рядом с index.html. Создайте файл .cursor/rules/reviews.mdc. В официальной документации Cursor Rules нужны frontmatter и alwaysApply: true – иначе агент может игнорировать подсказку. Plain .md в папке rules не сработает.
alwaysApply: true
description: Static reviews page onlyОдин файл reviews.html в корне. Стили через Tailwind Play CDN (@tailwindcss/browser@4) в head. Запрещены npm, React, Next.js, package.json и команды терминала. Карточки отзывов – обычная HTML-сетка. CTA – ссылка на Telegram или WhatsApp.
На практике после такого замка в папке остаются понятные HTML-файлы, а не components/. Community-гайды по vibe coding прямо пишут: без явного «single static HTML» Cursor часто уходит в React. Не повторяйте запрос Игоря про Next.js – пишите «один reviews.html».
Соберите reviews.html в Agent: сетка, рейтинг и CTA
Откройте Agent (Ctrl+I на Windows, Cmd+I на Mac) и дайте промпт со своим списком цитат. Tailwind CDN – это один script в head: стили подключаются без установки программ, как готовая палитра для прототипа.
Собери reviews.html: заголовок «Отзывы клиентов», сетка 4–6 карточек из моего списка ниже, средний рейтинг сверху, кнопка «Написать в Telegram». Single static HTML, Tailwind CDN, без фреймворков и без npm. Список: [вставьте имя / результат / цитату / звёзды].
- Вставьте список отзывов в промпт и дождитесь создания reviews.html.
- Откройте файл двойным кликом в браузере – страница должна открыться без терминала.
- Попросите Agent поправить цвета и тексты фразами, не копируя разметку вручную.
- Проверьте, что видны звёзды и кнопка ведёт в ваш мессенджер.
- Сузьте окно браузера: на узком экране карточки должны идти столбиком (grid-cols-1, на широком – по две).
Схема вечера:
Цитаты из чата → правило reviews.mdc → промпт в Agent → reviews.html двойным кликом → ссылка в меню → Vercel Drop
Сравнение: свои карточки, виджет Яндекса или SaaS
Многие ищут «бесплатный виджет отзывов» и сразу вставляют iframe. Для новичка без CMS чаще лучше сначала свои карточки: тон, порядок и кнопка «написать нам» остаются под вашим контролем.
| Критерий | Свои карточки (reviews.html) | Виджет Яндекс.Карт | SaaS-виджет (Elfsight и аналоги) |
|---|---|---|---|
| Контроль текста и CTA | Полный | Только отзывы с карты | Зависит от кабинета сервиса |
| Нужен аккаунт / подписка | Нет | Карточка организации на Картах | Часто да |
| Риск сломать мобильную вёрстку | Низкий при сетке Tailwind | Средний (ширина 300–760px, высота от 500px) | Средний |
| Старт за один вечер без CMS | Да | Да, как доп. блок | Дольше из-за кабинета |
Итоговый вердикт: На старте сделайте свои 4–6 карточек и CTA в мессенджер. Виджет Яндекс.Карт добавляйте ниже, если организация уже есть на Картах – не вместо своих текстов. SaaS-виджеты оставьте на потом.
Опционально: в Яндекс.Картах откройте организацию → «Поделиться» → код виджета отзывов. Вставьте iframe под сеткой, задайте ширину 100% и max-width около 560–749px, чтобы блок не «плыл» на телефоне.
Свяжите reviews.html с лендингом и страницей услуг
Страница без ссылки с главной почти не работает: лид не найдёт отзывы за один тап. Добавьте в меню index.html пункт «Отзывы» на reviews.html. То же сделайте на странице услуг, если она уже есть.
Попросите Agent: «В шапке index.html добавь ссылку Отзывы на reviews.html». Проверьте с телефона: один клик с главной – и вы на карточках. Если ведёте заявки формой, рядом держите путь из гайда форма заявки на сайте через Cursor.
Опубликуйте папку через Vercel Drop и пройдите чеклист
Vercel Drop (анонс июня 2026) позволяет перетащить папку на vercel.com/drop без GitHub и командной строки. В папке должны лежать index.html и reviews.html. Укажите index.html как корень, нажмите Deploy, откройте адрес вида ваш-проект.vercel.app/reviews.html.
Чеклист запуска – ваш критерий успеха:
- В папке есть reviews.html, нет package.json.
- В браузере видны 4–6 карточек с именем, цитатой и звёздами.
- Кнопка CTA открывает Telegram или WhatsApp.
- Со смартфона текст читается, сетка не ломается.
- С главной кликается пункт «Отзывы».
- По публичной ссылке vercel.app открывается /reviews.html.
Если все пункты зелёные – страница отзывов готова к показу сомневающемуся лиду. Разметку Review schema для поисковиков можно добавить позже: Google требует, чтобы отзывы были видимы пользователю, а не только в коде. Сначала живые карточки, потом тонкая SEO-настройка.
Что дальше после первой страницы отзывов
- Раз в неделю добавляйте одну новую реальную цитату – копите до 10–12.
- Попросите довольного клиента короткое голосовое и перескажите суть текстом на карточке.
- Проверьте, что CTA ведёт в рабочий чат, а не в личный архив.
- Если автоматизируете заявки и прогрев, загляните в курс по Make.com и вайбкодингу – там разбирают связки сайт → мессенджер → CRM.
- Вопросы по сборке без кода можно задать в сообществе Telegram «Ковчег».
Материал проверен: Артур Хорошев (CEO Maya AI, автор курса по Make.com и вайбкодингу).
Достоверность данных: правила Cursor (.cursor/rules), Vercel Drop, Tailwind Play CDN, виджет отзывов Яндекс.Карт и рекомендации Google по Review/AggregateRating сверены с официальными docs на 2026-07-08; статистика доверия к отзывам – по обзорам Spiegel/BrightLocal через Reviewz 2026; частотность «добавить отзывы на сайт», «виджет отзывов», «сделать страницу отзывов» – Яндекс Вордстат, регион 225, прогон 2026-07-08.
Частые вопросы
Сколько отзывов достаточно, чтобы добавить отзывы на сайт?
На старте поставьте 4–6 реальных карточек. Этого хватает для первого скачка доверия. Дальше копите до 10–12, чтобы страница выглядела «серьёзнее». Не раздувайте блок фейками.
Можно ли вставить виджет Яндекс отзывов вместо своих карточек?
Можно технически, но не делайте так на старте. Сначала свои тексты и CTA в мессенджер, виджет Карт – опциональный блок ниже. Так вы не отдаёте тон страницы чужому iframe.
Нужны ли фото клиентов на странице отзывов компании?
Нет. Имя, результат, цитата и звёзды уже работают. Фото добавляйте только с явного разрешения. Без разрешения лучше текстовая карточка.
Нужен ли npm или React, чтобы сделать страницу отзывов в Cursor?
Нет. Зафиксируйте reviews.mdc, соберите один reviews.html с Tailwind CDN и открывайте файл двойным кликом. Если агент создал package.json – удалите лишнее и повторите промпт «single static HTML».
Как опубликовать reviews.html без GitHub?
Перетащите всю папку сайта на vercel.com/drop, укажите index.html как root и откройте /reviews.html по выданной ссылке. Проверьте открытие со смартфона.
Что делать, если на телефоне карточки «плывут»?
Попросите Agent поставить сетку в один столбец на узком экране и две колонки на широком. Для iframe Яндекса задайте width 100% и ограничение max-width. Обновите страницу и перепроверьте чеклист.
