Food Delivery Rating Form
Capture the complete food delivery experience with this comprehensive feedback form. From order accuracy and food temperature to delivery speed and driver professionalism, this template covers all critical touchpoints. The form uses visual ratings, conditional logic for order issues, and actionable feedback collection to help restaurants and delivery platforms improve their service. Smart branching shows relevant follow-up questions based on reported problems.
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
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
export function foodDeliveryFeedback(form: FormTs) {
// Food Delivery Feedback Form - Complete delivery experience rating
// Demonstrates: StarRating, EmojiRating, RatingScale, MatrixQuestion, Slider, conditional sections
// ============================================
// HEADER
// ============================================
form.addRow(row => {
row.addTextPanel('header', {
label: 'Rate Your Delivery',
computedValue: () => 'How was your food delivery experience?',
customStyles: {
backgroundColor: '#f97316',
color: 'white',
padding: '24px',
borderRadius: '12px',
textAlign: 'center'
}
});
});
// ============================================
// SECTION 1: Quick Overall Rating
// ============================================
const quickSection = form.addSubform('quickSection', {
title: 'Quick Rating',
customStyles: () => {
const rating = quickSection.starRating('overallDelivery')?.value();
if (rating !== null && rating !== undefined) {
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' };
}
return { padding: '16px', borderRadius: '8px', border: '1px dashed #f97316' };
}
});
quickSection.addRow(row => {
row.addStarRating('overallDelivery', {
label: 'Overall delivery experience',
maxStars: 5,
size: 'xl',
alignment: 'center',
showConfettiOnMax: true
});
});
quickSection.addRow(row => {
row.addEmojiRating('deliveryMood', {
label: 'How did you feel when your order arrived?',
preset: 'satisfaction',
size: 'lg',
showLabels: true,
alignment: 'center'
});
});
// ============================================
// SECTION 2: Order Accuracy
// ============================================
const accuracySection = form.addSubform('accuracySection', {
title: 'Order Accuracy',
isVisible: () => quickSection.starRating('overallDelivery')?.value() !== null,
customStyles: { padding: '16px', borderRadius: '8px', border: '1px solid #e2e8f0' }
});
accuracySection.addRow(row => {
row.addRadioButton('orderCorrect', {
label: 'Was your order complete and correct?',
options: [
{ id: 'perfect', name: 'Yes, everything was perfect' },
{ id: 'minor', name: 'Minor issues (correct items, small mistakes)' },
{ id: 'issues', name: 'Some items were wrong or missing' },
{ id: 'major', name: 'Major problems with my order' }
],
orientation: 'vertical'
});
});
// Conditional: Issues with order
const issuesSubform = accuracySection.addSubform('issuesSubform', {
isVisible: () => {
const accuracy = accuracySection.radioButton('orderCorrect')?.value();
return accuracy === 'minor' || accuracy === 'issues' || accuracy === 'major';
},
customStyles: { backgroundColor: '#fef3c7', padding: '16px', borderRadius: '8px', marginTop: '12px' }
});
issuesSubform.addRow(row => {
row.addCheckboxList('issueTypes', {
label: 'What issues did you experience?',
options: [
{ id: 'missing', name: 'Missing items' },
{ id: 'wrong', name: 'Wrong items received' },
{ id: 'quantity', name: 'Incorrect quantity' },
{ id: 'customization', name: 'Special instructions not followed' },
{ id: 'damaged', name: 'Damaged or spilled' },
{ id: 'packaging', name: 'Poor packaging' }
],
orientation: 'vertical'
});
});
issuesSubform.addRow(row => {
row.addTextarea('issueDetails', {
label: 'Please describe the issue',
placeholder: 'Tell us what went wrong so we can make it right...',
rows: 2,
autoExpand: true
});
});
// ============================================
// SECTION 3: Food Quality
// ============================================
const foodSection = form.addSubform('foodSection', {
title: 'Food Quality',
isVisible: () => quickSection.starRating('overallDelivery')?.value() !== null
});
foodSection.addRow(row => {
row.addMatrixQuestion('foodRatings', {
label: 'Rate the following aspects of your food:',
rows: [
{ id: 'temperature', label: 'Temperature on Arrival', description: 'Hot food hot, cold food cold', isRequired: true },
{ id: 'freshness', label: 'Freshness & Quality', description: 'Taste and appearance', isRequired: true },
{ id: 'portion', label: 'Portion Size', description: 'Amount of food for price', isRequired: false },
{ id: 'packaging', label: 'Packaging Quality', description: 'Protection and presentation', isRequired: false }
],
columns: [
{ id: '1', label: 'Poor' },
{ id: '2', label: 'Fair' },
{ id: '3', label: 'Good' },
{ id: '4', label: 'Very Good' },
{ id: '5', label: 'Excellent' }
],
striped: true,
fullWidth: true
});
});
// Temperature slider for detailed feedback
const tempSection = foodSection.addSubform('tempSection', {
isVisible: () => {
const rating = foodSection.matrixQuestion('foodRatings')?.getRowValue('temperature');
return rating === '1' || rating === '2';
},
customStyles: { backgroundColor: '#fee2e2', padding: '16px', borderRadius: '8px', marginTop: '12px' }
});
tempSection.addRow(row => {
row.addRadioButton('tempIssue', {
label: 'What was the temperature issue?',
options: [
{ id: 'cold', name: 'Hot food arrived cold/lukewarm' },
{ id: 'warm', name: 'Cold food arrived warm' },
{ id: 'both', name: 'Both hot and cold items had issues' }
],
orientation: 'vertical'
});
});
// ============================================
// SECTION 4: Delivery Experience
// ============================================
const deliverySection = form.addSubform('deliverySection', {
title: 'Delivery Speed & Driver',
isVisible: () => quickSection.starRating('overallDelivery')?.value() !== null
});
deliverySection.addRow(row => {
row.addRatingScale('deliverySpeed', {
preset: 'likert-5',
label: 'The delivery arrived on time or faster than expected',
lowLabel: 'Very Late',
highLabel: 'Early/On Time',
alignment: 'center'
});
});
deliverySection.addRow(row => {
row.addSlider('waitTime', {
label: 'Approximately how long did you wait? (minutes)',
min: 0,
max: 120,
step: 5,
showValue: true,
unit: 'min',
defaultValue: 30
});
});
// Driver ratings
const driverSection = deliverySection.addSubform('driverSection', {
title: 'Delivery Driver'
});
driverSection.addRow(row => {
row.addStarRating('driverRating', {
label: 'Driver professionalism',
maxStars: 5,
size: 'lg',
alignment: 'center'
}, '1fr');
row.addStarRating('communicationRating', {
label: 'Communication (updates, finding address)',
maxStars: 5,
size: 'lg',
alignment: 'center'
}, '1fr');
});
driverSection.addRow(row => {
row.addSuggestionChips('driverPositives', {
label: 'What did the driver do well?',
suggestions: [
{ id: 'friendly', name: 'Friendly' },
{ id: 'fast', name: 'Fast' },
{ id: 'careful', name: 'Careful with food' },
{ id: 'communication', name: 'Good updates' },
{ id: 'instructions', name: 'Followed delivery instructions' },
{ id: 'contactless', name: 'Proper contactless delivery' }
],
max: 4,
alignment: 'center'
});
});
// ============================================
// SECTION 5: Would Order Again
// ============================================
const intentSection = form.addSubform('intentSection', {
title: 'Would You Order Again?',
isVisible: () => quickSection.starRating('overallDelivery')?.value() !== null,
customStyles: () => {
const thumbs = intentSection.thumbRating('orderAgain')?.value();
if (thumbs === 'up') return { backgroundColor: '#d1fae5', padding: '16px', borderRadius: '8px' };
if (thumbs === 'down') return { backgroundColor: '#fee2e2', padding: '16px', borderRadius: '8px' };
return { padding: '16px', borderRadius: '8px', border: '1px dashed #cbd5e1' };
}
});
intentSection.addRow(row => {
row.addThumbRating('orderAgain', {
label: 'Would you order from us again?',
showLabels: true,
upLabel: 'Yes!',
downLabel: 'No',
alignment: 'center',
size: 'lg'
});
});
intentSection.addRow(row => {
row.addRatingScale('recommendLikelihood', {
preset: 'nps',
label: 'How likely are you to recommend us to friends?',
showSegmentColors: true,
showCategoryLabel: true,
alignment: 'center',
isVisible: () => intentSection.thumbRating('orderAgain')?.value() !== null
});
});
// ============================================
// SECTION 6: Additional Feedback
// ============================================
const feedbackSection = form.addSubform('feedbackSection', {
title: 'Additional Feedback',
isVisible: () => quickSection.starRating('overallDelivery')?.value() !== null
});
feedbackSection.addSpacer();
feedbackSection.addRow(row => {
row.addTextarea('comments', {
label: 'Any other comments or suggestions?',
placeholder: 'Tell us how we can improve your next delivery...',
rows: 3,
autoExpand: true
});
});
// Contact for issues
const contactSection = feedbackSection.addSubform('contactSection', {
isVisible: () => {
const accuracy = accuracySection.radioButton('orderCorrect')?.value();
return accuracy === 'issues' || accuracy === 'major';
},
customStyles: { backgroundColor: '#fef3c7', padding: '16px', borderRadius: '8px', marginTop: '12px' }
});
contactSection.addRow(row => {
row.addTextPanel('contactPrompt', {
label: 'We want to make this right!',
computedValue: () => "We're sorry about the issues with your order. Leave your contact info and we'll reach out to resolve this."
});
});
contactSection.addRow(row => {
row.addEmail('contactEmail', {
label: 'Email for follow-up',
placeholder: 'your@email.com'
}, '1fr');
row.addTextbox('orderNumber', {
label: 'Order number (if known)',
placeholder: 'e.g., #12345'
}, '1fr');
});
// ============================================
// SECTION 7: Summary
// ============================================
const summarySection = form.addSubform('summarySection', {
title: 'Feedback Summary',
isVisible: () => quickSection.starRating('overallDelivery')?.value() !== null
});
summarySection.addRow(row => {
row.addTextPanel('summary', {
computedValue: () => {
const overall = quickSection.starRating('overallDelivery')?.value();
const mood = quickSection.emojiRating('deliveryMood')?.value();
const accuracy = accuracySection.radioButton('orderCorrect')?.value();
const driverRating = driverSection.starRating('driverRating')?.value();
const waitTime = deliverySection.slider('waitTime')?.value();
const orderAgain = intentSection.thumbRating('orderAgain')?.value();
const nps = intentSection.ratingScale('recommendLikelihood')?.npsCategory();
if (overall === null || overall === undefined) return '';
const accuracyLabels: Record<string, string> = {
'perfect': 'Perfect order',
'minor': 'Minor issues',
'issues': 'Some problems',
'major': 'Major problems'
};
const moodLabels: Record<string, string> = {
'very-bad': '😢',
'bad': '😕',
'neutral': '😐',
'good': '🙂',
'excellent': '😍'
};
let emoji = overall >= 4 ? '🎉' : overall >= 3 ? '😐' : '😟';
let summary = `${emoji} DELIVERY FEEDBACK\n`;
summary += `${'═'.repeat(25)}\n\n`;
summary += `Overall: ${'★'.repeat(overall)}${'☆'.repeat(5 - overall)} (${overall}/5)\n`;
if (mood) {
summary += `Mood: ${moodLabels[mood] || mood}\n`;
}
if (accuracy) {
summary += `\nOrder: ${accuracyLabels[accuracy]}\n`;
}
if (waitTime !== null && waitTime !== undefined) {
summary += `Wait: ${waitTime} minutes\n`;
}
if (driverRating) {
summary += `Driver: ${'★'.repeat(driverRating)}${'☆'.repeat(5 - driverRating)}\n`;
}
if (orderAgain) {
summary += `\nOrder again: ${orderAgain === 'up' ? '👍 Yes' : '👎 No'}`;
}
if (nps) {
summary += `\nNPS: ${nps.charAt(0).toUpperCase() + nps.slice(1)}`;
}
return summary;
},
customStyles: () => {
const overall = quickSection.starRating('overallDelivery')?.value();
const baseStyles = {
padding: '16px',
borderRadius: '8px',
whiteSpace: 'pre-wrap',
fontFamily: 'monospace',
fontSize: '13px'
};
if (overall !== null && overall !== undefined) {
if (overall >= 4) {
return { ...baseStyles, backgroundColor: '#d1fae5', borderLeft: '4px solid #10b981' };
} else if (overall >= 3) {
return { ...baseStyles, backgroundColor: '#fef3c7', borderLeft: '4px solid #f59e0b' };
} else {
return { ...baseStyles, backgroundColor: '#fee2e2', borderLeft: '4px solid #ef4444' };
}
}
return { ...baseStyles, backgroundColor: '#fff7ed', borderLeft: '4px solid #f97316' };
}
});
});
// ============================================
// FORM CONFIGURATION
// ============================================
form.configureSubmitButton({
label: 'Submit Rating',
isVisible: () => quickSection.starRating('overallDelivery')?.value() !== null
});
form.configureCompletionScreen({
type: 'text',
title: 'Thanks for Your Feedback!',
message: 'Your rating helps us deliver better experiences. We appreciate you taking the time to share your thoughts!'
});
}
Frequently Asked Questions
What metrics should I track for food delivery?
Key metrics include: Order Accuracy Rate, Delivery Time vs. Estimate, Food Temperature/Quality on Arrival, Driver Professionalism, Packaging Quality, and Overall Satisfaction. This form captures all these metrics with appropriate rating scales.
How soon after delivery should I send the feedback request?
Send the feedback request within 30 minutes to 2 hours after delivery confirmation. This window ensures the experience is fresh while giving customers time to enjoy their meal.
How do I handle negative feedback from this form?
The form includes an optional contact permission field. For customers who report issues and agree to follow-up, reach out within 24 hours with a resolution. Common compensations include credits, refunds, or complimentary items.
Should I include driver ratings?
Yes, driver ratings are valuable for training and performance management. This form includes driver professionalism and communication ratings, but they can be removed if using third-party delivery services.
How can I improve low food temperature scores?
Common solutions include: better insulated delivery bags, optimized delivery routes, temperature monitoring, fresher food prep timing, and quicker dispatch after order completion. The form's data helps identify if temperature is a systematic issue.
What's a good order accuracy rate?
Industry standard is 95%+ order accuracy. This form helps track accuracy issues by category: missing items, wrong items, incorrect customizations, and quantity errors - enabling targeted improvements.