평점 블록
원탭 피드백 질문입니다 — CSAT, CES, NPS 방식 측정의 기반이 되는 블록입니다. 구조적으로는 라벨 세트만 다른 투표입니다: 각 점수는 실제 이메일 내 컨트롤인 동시에 일반 링크이므로, 평점은 투표가 작동하는 모든 곳에서 똑같이 작동하며, 그 위에 알림과 조건부 후속 질문이 더해집니다.
작동 방식
투표 블록과 마찬가지로 모든 점수는 두 가지 표현을 동시에 렌더링합니다: 이메일 내 폼 전송이 지원되는 곳에서는 선택지마다 실제 <form method="post">가, 그 외의 모든 곳에서는 /v/[token]/act로 연결되는 일반 <a href> 링크가 CSS로 숨겨진 채 존재합니다. 이 폴백 링크는 Outlook을 비롯해 이메일 내 폼을 전송할 수 없는 모든 클라이언트를 포괄합니다. 어느 경로를 거치든, 점수를 탭하면 그 값을 담은 rate 액션이 기록됩니다. 투표 결과와 마찬가지로 수신자별로 중복 제거됩니다: 결정론적 Firestore 문서 ID 덕분에 수신자가 자신의 확인 링크를 다시 탭해도 두 번째 행이 아니라 무동작으로 처리됩니다. 또한 단순한 링크 프리페치만으로는 절대 집계되지 않으며, 확인된 액션에서만 집계됩니다.
세 가지 표시 스타일이 이 동일한 제출 메커니즘을 공유하므로, 스타일을 바꿔도 기존 응답이 깨지거나 형태가 바뀌는 일은 없습니다:
- 별점 — 3~10개(척도로 설정)의 클래식한 별 나열이며, 각 별은 1부터 척도까지의 탭 가능한 점수입니다.
- 숫자 척도 — 리커트 방식의 번호가 매겨진 버튼 행(역시 척도로 크기가 정해집니다)으로, 양 끝에 직접 지정한 낮음 라벨과 높음 라벨이 붙습니다. 예: "전혀 동의하지 않음" → "매우 동의함".
- NPS — 고정된 0~10 행이며, 척도 필드는 완전히 무시됩니다(NPS는 항상 11개의 버튼입니다). 낮음/높음 라벨을 비워 두면 각각 "전혀 그렇지 않다"와 "매우 그렇다"로 기본 설정됩니다.
단순한 숫자를 운영에 활용 가능한 신호로 바꾸는 두 가지 필드가 더 있습니다:
- 알림 기준값(평점 ≤ N) — 이를 설정하면 그 이하의 응답이 도착하는 즉시 플래그가 지정됩니다: 웹훅 페이로드에
lowScore플래그를 설정하고, 프로젝트에서 설정한 주소로 앱 내 알림 이메일을 트리거할 수 있습니다 — 기본적인 경우라면 Zapier나 Make 같은 별도 단계가 전혀 필요 없습니다. 각 평점 블록은 자체 기준값을 독립적으로 설정합니다 — 1~5점 CSAT 질문과 0~10점 CES 질문은 서로 다른 기준값이 필요하며, 하나의 프로젝트에 평점 블록이 여러 개 있을 수도 있습니다. - 후속 질문, 평점 ≤ N일 때 표시 — 기준값을 만족하는 낮은 점수가 제출된 직후 나타나는 선택적 자유 서술형 질문입니다(예: "무엇이 문제였나요?"). 이는 호스팅된 라이브 뷰에서만 나타나며 발송된 HTML에는 절대 나타나지 않습니다 — 정적 이메일은 방금 제출된 답변을 기준으로 콘텐츠를 분기할 수 없으며, 읽는 도중 서버로 왕복할 방법도 없기 때문입니다. 후속 질문의 답변은 CSV 내보내기의
<질문> — 후속 질문열 아래, 같은 수신자에게 연결된 일반 자유 텍스트 답변으로 응답에 도착합니다.
그 외의 설정 가능한 필드: 질문 텍스트(자체 색상/글꼴 크기 포함), 배경색, 여백(패딩), 테두리, 모서리 반경, 끝 라벨 색상/글꼴 크기, 그리고 모든 점수 버튼에 적용되는 칩 색상 오버라이드(텍스트 및 배경)입니다. 프로젝트의 설문 라이프사이클 마감일이나 응답 상한에 도달한 경우, 라이브 뷰는 칩을 비활성화된 회색 등가물로 바꾸고 마감 안내를 표시합니다. 이 확인은 페이지가 열릴 때만 이루어지므로 발송된 HTML은 정적인 상태 그대로 영향을 받지 않습니다.
응답은 자동으로 집계됩니다: 응답 수, 평균, 그리고 전체 히스토그램(평균 뒤에 있는 분포 — 4.1이라는 평균도 대부분이 4점인지, 5점과 1점이 섞여 있는지에 따라 전혀 다른 의미를 가집니다), NPS 방식 블록의 경우 추천자/중립자/비추천자 세부 분석과 −100~100 점수, 그리고 시간에 따른 응답 추이 차트까지 포함됩니다. CSAT, CES, NPS 집계를 참고하세요.
예시
Subject
How was your recent order?
배송 확인 이메일 하단 근처에 넣은 구매 후 CSAT 질문("저희 서비스 어땠나요? 1~5점")이 가장 단순한 사용 사례입니다. 특히 기준값을 2로 설정해 두면, 나쁜 경험이 대시보드 안에 조용히 묻히는 대신 곧바로 알림 이메일로 연결됩니다. 더 넓은 패턴은 설문 & NPS 피드백을 참고하세요. 분기별 관계 진단은 NPS 스타일과 ≤6일 때의 후속 질문("무엇이 있으면 저희를 더 추천하시겠어요?")을 함께 사용하면 잘 작동합니다 — 수동적인 숫자를 이탈 위험이 있는 바로 그 고객으로부터의 실행 가능한 코멘트로 바꿔줍니다. 지원 티켓 해결 이메일은 커스텀 낮음/높음 라벨을 붙인 1~7 숫자 척도로 CES 스타일의 "이 문제를 해결하기가 얼마나 쉬웠나요?"를 물을 수 있으며, 만족도가 아니라 노력 자체를 다루는 지표를 얻게 됩니다.
정적 폴백의 모습
<div id="em-rating-1" style="margin:12px 0;background-color:transparent">
<p style="margin:0 0 10px;font-weight:600;font-size:16px;color:#111827">How did we do?</p>
<div>
<span class="kn-fallback">
<a href="https://mailinapp.com/v/eyJhbGci.../act?blockId=rating-1&blockType=rating&action=rate&rating=5"
style="display:inline-block;margin:0 6px 6px 0;padding:8px 14px;border:1px solid #d1d5db;border-radius:6px;background-color:#ffffff;color:#111827;font-size:14px;text-decoration:none">
5★
</a>
</span>
</div>
</div>
이는 별 하나의 칩에 대한 티어 2 링크입니다 — 대응하는 이메일 내 <form>이 CSS로 숨겨진 곳에서만 표시되며, 점수를 쿼리 파라미터로 담아 /v/[token]/act를 가리킵니다.