CSAT Quick Poll
The CSAT Quick Poll is designed for maximum response rates with minimum friction. This lightweight satisfaction survey uses a combination of star rating and thumbs up/down feedback to capture customer sentiment instantly. Perfect for post-interaction touchpoints, website widgets, or email follow-ups where you need quick, actionable feedback without survey fatigue.
Try the Form
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
export function csatSimpleSurvey(form: FormTs) {
// CSAT Quick Poll - Ultra-fast customer satisfaction survey
// Demonstrates: StarRating, ThumbRating, EmojiRating, SuggestionChips, conditional visibility, dynamic styling
// ============================================
// HEADER
// ============================================
form.addRow(row => {
row.addTextPanel('header', {
label: 'Quick Feedback',
computedValue: () => 'Your opinion matters! This takes less than 30 seconds.',
customStyles: {
backgroundColor: '#10b981',
color: 'white',
padding: '20px',
borderRadius: '12px',
textAlign: 'center',
fontSize: '14px'
}
});
});
// ============================================
// SECTION 1: Main CSAT Rating
// ============================================
const ratingSection = form.addSubform('ratingSection', {
title: 'How satisfied are you?',
customStyles: () => {
const rating = ratingSection.starRating('satisfaction')?.value();
if (rating === null || rating === undefined) {
return { padding: '16px', borderRadius: '8px', border: '2px dashed #e2e8f0' };
}
if (rating >= 4) return { backgroundColor: '#d1fae5', padding: '16px', borderRadius: '8px' };
if (rating >= 3) return { backgroundColor: '#fef3c7', padding: '16px', borderRadius: '8px' };
return { backgroundColor: '#fee2e2', padding: '16px', borderRadius: '8px' };
}
});
ratingSection.addRow(row => {
row.addStarRating('satisfaction', {
label: 'Rate your overall experience',
maxStars: 5,
size: 'xl',
alignment: 'center',
showCounter: true,
showConfettiOnMax: true
});
});
// Quick mood check with emoji
ratingSection.addRow(row => {
row.addEmojiRating('mood', {
label: () => {
const rating = ratingSection.starRating('satisfaction')?.value();
if (rating !== null && rating !== undefined && rating >= 4) return 'How are you feeling right now?';
if (rating !== null && rating !== undefined && rating <= 2) return "We're sorry to hear that. How do you feel?";
return 'How would you describe your mood?';
},
preset: 'mood',
size: 'md',
showLabels: true,
alignment: 'center',
isVisible: () => ratingSection.starRating('satisfaction')?.value() !== null
});
});
// ============================================
// SECTION 2: Quick Thumbs Feedback
// ============================================
const thumbsSection = form.addSubform('thumbsSection', {
title: 'Would you use our service again?',
isVisible: () => ratingSection.starRating('satisfaction')?.value() !== null
});
thumbsSection.addRow(row => {
row.addThumbRating('wouldReturn', {
label: 'Would you come back?',
size: 'lg',
showLabels: true,
upLabel: 'Definitely!',
downLabel: 'Probably not',
alignment: 'center'
});
});
// ============================================
// SECTION 3: What Did You Like? (for satisfied customers)
// ============================================
const positiveSection = form.addSubform('positiveSection', {
title: 'What did you like most?',
isVisible: () => {
const rating = ratingSection.starRating('satisfaction')?.value();
return rating !== null && rating !== undefined && rating >= 4;
},
customStyles: { backgroundColor: '#ecfdf5', padding: '16px', borderRadius: '8px' }
});
positiveSection.addRow(row => {
row.addSuggestionChips('highlights', {
label: 'Select all that apply',
suggestions: [
{ id: 'quality', name: 'Quality' },
{ id: 'speed', name: 'Speed' },
{ id: 'support', name: 'Support' },
{ id: 'value', name: 'Value' },
{ id: 'ease', name: 'Easy to use' },
{ id: 'friendly', name: 'Friendly staff' }
],
alignment: 'center'
});
});
// ============================================
// SECTION 4: What Went Wrong? (for unsatisfied customers)
// ============================================
const negativeSection = form.addSubform('negativeSection', {
title: 'What could we improve?',
isVisible: () => {
const rating = ratingSection.starRating('satisfaction')?.value();
return rating !== null && rating !== undefined && rating <= 2;
},
customStyles: { backgroundColor: '#fef2f2', padding: '16px', borderRadius: '8px' }
});
negativeSection.addRow(row => {
row.addSuggestionChips('issues', {
label: 'What disappointed you?',
suggestions: [
{ id: 'slow', name: 'Too slow' },
{ id: 'quality', name: 'Poor quality' },
{ id: 'expensive', name: 'Too expensive' },
{ id: 'confusing', name: 'Confusing' },
{ id: 'support', name: 'Bad support' },
{ id: 'bugs', name: 'Technical issues' }
],
alignment: 'center'
});
});
negativeSection.addSpacer();
negativeSection.addRow(row => {
row.addTextarea('improvementDetails', {
label: 'Tell us more (optional)',
placeholder: 'What could we have done better?',
rows: 2,
autoExpand: true
});
});
// ============================================
// SECTION 5: Follow-up Contact
// ============================================
const contactSection = form.addSubform('contactSection', {
title: 'Stay Connected',
isVisible: () => ratingSection.starRating('satisfaction')?.value() !== null
});
contactSection.addRow(row => {
row.addCheckbox('allowContact', {
label: 'You may contact me about my feedback'
});
});
contactSection.addRow(row => {
row.addEmail('email', {
label: 'Your email',
placeholder: 'email@example.com',
isVisible: () => contactSection.checkbox('allowContact')?.value() === true,
isRequired: () => contactSection.checkbox('allowContact')?.value() === true
});
});
// ============================================
// SECTION 6: Summary
// ============================================
const summarySection = form.addSubform('summarySection', {
title: 'Your Feedback',
isVisible: () => ratingSection.starRating('satisfaction')?.value() !== null
});
summarySection.addRow(row => {
row.addTextPanel('summary', {
computedValue: () => {
const rating = ratingSection.starRating('satisfaction')?.value();
const mood = ratingSection.emojiRating('mood')?.value();
const wouldReturn = thumbsSection.thumbRating('wouldReturn')?.value();
const highlights = positiveSection.suggestionChips('highlights')?.value() || [];
const issues = negativeSection.suggestionChips('issues')?.value() || [];
if (rating === null || rating === undefined) return '';
let emoji = rating >= 4 ? '🌟' : rating >= 3 ? '👍' : '😔';
let status = rating >= 4 ? 'Satisfied' : rating >= 3 ? 'Neutral' : 'Unsatisfied';
let summary = `${emoji} CSAT Summary\n`;
summary += `${'─'.repeat(20)}\n\n`;
summary += `⭐ Rating: ${rating}/5 stars\n`;
summary += `📊 Status: ${status}\n`;
if (mood) {
const moodLabels: Record<string, string> = {
'sad': '😢 Sad',
'down': '😔 Down',
'neutral': '😐 Neutral',
'happy': '😊 Happy',
'excited': '🤩 Excited'
};
summary += `🎭 Mood: ${moodLabels[mood] || mood}\n`;
}
if (wouldReturn) {
summary += `🔄 Would return: ${wouldReturn === 'up' ? 'Yes' : 'No'}\n`;
}
if (highlights.length > 0) {
summary += `\n✨ Liked: ${highlights.join(', ')}`;
}
if (issues.length > 0) {
summary += `\n⚠️ Issues: ${issues.join(', ')}`;
}
return summary;
},
customStyles: () => {
const rating = ratingSection.starRating('satisfaction')?.value();
const base = {
padding: '16px',
borderRadius: '8px',
whiteSpace: 'pre-wrap',
fontFamily: 'monospace',
fontSize: '13px'
};
if (rating !== null && rating !== undefined && rating >= 4) {
return { ...base, backgroundColor: '#d1fae5', borderLeft: '4px solid #10b981' };
} else if (rating !== null && rating !== undefined && rating <= 2) {
return { ...base, backgroundColor: '#fee2e2', borderLeft: '4px solid #ef4444' };
}
return { ...base, backgroundColor: '#fef3c7', borderLeft: '4px solid #f59e0b' };
}
});
});
// ============================================
// FORM CONFIGURATION
// ============================================
form.configureSubmitButton({
label: 'Submit Feedback',
isVisible: () => ratingSection.starRating('satisfaction')?.value() !== null
});
form.configureCompletionScreen({
type: 'text',
title: 'Thank you!',
message: 'Your feedback helps us improve. We appreciate you taking the time to share your thoughts!'
});
}
Frequently Asked Questions
What is CSAT (Customer Satisfaction Score)?
CSAT measures how satisfied customers are with a specific interaction, product, or service. It's typically measured on a 1-5 star scale and calculated as the percentage of satisfied responses (4-5 stars) out of total responses.
How is this different from NPS?
CSAT measures satisfaction with a specific interaction, while NPS measures overall loyalty and likelihood to recommend. CSAT is transactional (how was this experience?), NPS is relational (how do you feel about us overall?). Use CSAT for touchpoint feedback, NPS for relationship health.
What's a good CSAT score?
A good CSAT score is typically 75-85%. Excellent performance is 90%+. Scores vary by industry - SaaS averages around 78%, while retail often sees 80%+. The key is tracking trends over time rather than focusing on absolute numbers.
When should I send CSAT surveys?
Send CSAT surveys immediately after the interaction you want to measure - after a support ticket is resolved, after a purchase, or after using a feature. Timing is crucial; responses drop significantly if delayed more than 24 hours.
Can I customize the rating scale?
Yes, you can customize the number of stars (3, 5, or 10), add labels, change colors, and modify follow-up questions based on the score. The template includes conditional logic to show different questions for satisfied vs unsatisfied customers.