Вы запустили обновление интерфейса, но менеджеры не знают, доволен ли клиент после заказа. Стандартные формы обратной связи давали 2% заполняемости — мы переработали подход. Встроенный CSAT-опрос в один клик повысил конверсию ответов до 30–40% и увеличил Retention на 15–20% на десятках проектов.
CSAT (Customer Satisfaction Score) — метрика, измеряющая удовлетворённость клиента конкретным взаимодействием, будь то оформление заказа, обращение в поддержку или использование новой функции. Своевременный сбор обратной связи позволяет быстро выявлять узкие места в процессах и оперативно их устранять, не дожидаясь, пока клиент уйдёт к конкурентам. Благодаря простому интерфейсу и интеграции с CRM, бизнес получает непрерывный поток данных для принятия решений. По статистике, компании, использующие CSAT, улучшают качество сервиса на 25% быстрее тех, кто полагается только на NPS. Customer Satisfaction
Как CSAT помог сетевому ритейлеру снизить отток на 12%
Интернет-магазин с 1000+ заказов в день внедрил CSAT-виджет после оформления заказа. Заполняемость составила 45% — в 20 раз выше прежнего. Через неделю анализа выявили, что клиенты массово жалуются на медленную доставку. Ускорив логистику, снизили отток на 12% за месяц. Экономия на удержании клиентов оказалась значительной.
Почему CSAT лучше NPS для оперативной обратной связи?
CSAT (Customer Satisfaction Score) оценивает конкретную транзакцию: «Насколько вы довольны этим заказом/поддержкой?» Шкала 1–5 со смайлами или звёздами. NPS же замеряет лояльность в целом. Разница — в контексте: CSAT точечен, NPS стратегичен.
| Критерий | CSAT | NPS |
|---|---|---|
| Объект измерения | Конкретное взаимодействие | Общее восприятие бренда |
| Шкала | 1–5 (звёзды, смайлы) | 0–10 |
| Время сбора | Сразу после события | Периодически (раз в месяц/квартал) |
| Применение | Улучшение процессов | Оценка лояльности |
| Показатель | % довольных (4+5) | % промоутеров — % детракторов |
Для оперативного фидбека CSAT незаменим: он показывает, что пошло не так именно сейчас.
Как мы внедряем CSAT-опрос на сайте?
Процесс включает 4 этапа: аудит текущих точек контакта → проектирование полиморфной модели → разработка виджета и API → настройка триггеров и интеграция с CRM. На выходе вы получаете готовый инструмент сбора обратной связи.
Пример API и модели данных
API и модель данных
Schema::create('csat_responses', function (Blueprint $table) {
$table->id();
$table->foreignId('user_id')->nullable()->constrained()->nullOnDelete();
$table->morphs('subject'); // Полиморфная связь: Order, SupportTicket, Feature
$table->tinyInteger('score')->unsigned(); // 1-5
$table->text('comment')->nullable();
$table->timestamps();
});
// CsatController
public function store(Request $request): JsonResponse
{
$request->validate([
'score' => 'required|integer|min:1|max:5',
'subject_type' => 'required|string|in:order,ticket',
'subject_id' => 'required|integer',
'comment' => 'nullable|string|max:500',
]);
CsatResponse::updateOrCreate(
['user_id' => auth()->id(), 'subject_type' => $request->subject_type, 'subject_id' => $request->subject_id],
['score' => $request->score, 'comment' => $request->comment]
);
return response()->json(['success' => true]);
}
Полиморфная связь позволяет привязать оценку к любому объекту — заказу, тикету, фиче — без изменения схемы.
Frontend: звёздный виджет
const STARS = [1, 2, 3, 4, 5];
const LABELS = ['Ужасно', 'Плохо', 'Нормально', 'Хорошо', 'Отлично'];
export function CsatWidget({ subjectType, subjectId }: CsatProps) {
const [hover, setHover] = useState(0);
const [score, setScore] = useState(0);
const [submitted, setSubmitted] = useState(false);
const submit = async (s: number) => {
setScore(s);
await fetch('/api/csat', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ score: s, subject_type: subjectType, subject_id: subjectId }),
});
setSubmitted(true);
};
if (submitted) return <p className="text-sm text-gray-500">Спасибо за оценку!</p>;
return (
<div className="flex items-center gap-1">
<span className="text-sm text-gray-600 mr-2">Оцените качество:</span>
{STARS.map(s => (
<button key={s} title={LABELS[s - 1]}
onMouseEnter={() => setHover(s)} onMouseLeave={() => setHover(0)}
onClick={() => submit(s)}
className={`text-2xl ${(hover || score) >= s ? 'text-yellow-400' : 'text-gray-300'}`}>
★
</button>
))}
</div>
);
}
Виджет легко кастомизируется: меняйте цвета, лейблы, добавляйте эмодзи. Мы используем React, но адаптируем под Vue, Angular или чистый JS.
Триггер по email после закрытия тикета
// В Observer или Listener на SupportTicket closed event
public function handle(TicketClosed $event): void
{
Mail::to($event->ticket->user->email)
->later(now()->addMinutes(10), new CsatRequestMail($event->ticket));
}
В письме — прямые ссылки с оценкой: https://site.com/csat?ticket=123&score=5&token=HMAC. Токен HMAC защищает от подделки.
Какие триггеры мы используем?
В зависимости от сценария применяем разные каналы показа опроса:
| Тип триггера | Описание | Пример использования |
|---|---|---|
| Письмо с ссылкой на опрос через 10–30 минут после события | Закрытие тикета поддержки | |
| In-app | Всплывающий виджет сразу после действия | Оформление заказа |
| Webhook | Отправка данных во внешнюю систему (CRM, Slack) | Синхронизация CSAT с CRM |
Комбинируя эти триггеры, мы добиваемся 50–70% заполняемости опросов.
Что входит в работу?
- Аудит точек контакта — определяем, где и как задавать вопрос.
- Проектирование схемы — выбираем шкалу, варианты ответов, модель данных.
- Разработка API (Laravel + SQL) и интерактивного виджета (React/TypeScript).
- Настройка триггеров (email, in-app, webhook) и интеграция с CRM.
- Документация по API и инструкция для администраторов.
- Поддержка в течение 30 дней после запуска.
Сроки и стоимость
Базовый CSAT-виджет с API и одним триггером реализуется за 1–2 рабочих дня. Полный цикл с интеграцией в CRM, дашбордами аналитики и A/B-тестами — до 5 дней. Стоимость рассчитывается индивидуально после аудита вашего проекта.
Свяжитесь с нами для обсуждения вашего проекта и получите персональное предложение. Получите консультацию по внедрению CSAT прямо сейчас — мы оценим ваш проект и предложим оптимальное решение.
Гарантируем работоспособность и соответствие Core Web Vitals: виджет не влияет на LCP и не вызывает смещения контента. За более чем 5 лет работы мы реализовали 50+ успешных проектов — ваш CSAT будет работать надёжно.