In-Store Experience Survey
Capture valuable insights from your brick-and-mortar customers with this comprehensive in-store feedback form. The survey covers all touchpoints of the physical shopping experience: staff helpfulness and knowledge, store cleanliness and layout, product availability and pricing, fitting room experience, and checkout efficiency. MatrixQuestion components allow customers to rate multiple aspects efficiently, while conditional logic shows relevant sections based on their visit type. Ideal for retail chains looking to standardize feedback collection and identify store-specific improvement opportunities.
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
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
export function storeVisitFeedbackSurvey(form: FormTs) {
// In-Store Experience Survey
// Demonstrates: MatrixQuestion, StarRating, EmojiRating, ThumbRating, RadioButton, conditional sections
// ============================================
// HEADER
// ============================================
form.addRow(row => {
row.addTextPanel('header', {
label: 'How Was Your Visit?',
computedValue: () => 'Help us improve your shopping experience by sharing your feedback.',
customStyles: {
backgroundColor: '#059669',
color: 'white',
padding: '24px',
borderRadius: '12px',
textAlign: 'center'
}
});
});
// ============================================
// SECTION 1: Visit Details
// ============================================
const visitSection = form.addSubform('visitSection', {
title: 'About Your Visit'
});
visitSection.addRow(row => {
row.addDropdown('storeLocation', {
label: 'Store Location',
options: [
{ id: 'downtown', name: 'Downtown Main Street' },
{ id: 'mall-north', name: 'Northgate Mall' },
{ id: 'mall-south', name: 'Southside Plaza' },
{ id: 'suburb-west', name: 'Westfield Shopping Center' },
{ id: 'suburb-east', name: 'Eastview Retail Park' },
{ id: 'other', name: 'Other Location' }
],
placeholder: 'Select store...',
isRequired: true
}, '1fr');
row.addDatepicker('visitDate', {
label: 'Visit Date',
maxDate: () => new Date().toISOString(),
isRequired: true
}, '200px');
});
visitSection.addRow(row => {
row.addRadioButton('visitPurpose', {
label: 'What was the main purpose of your visit?',
options: [
{ id: 'browse', name: 'Browsing' },
{ id: 'specific', name: 'Looking for specific item' },
{ id: 'pickup', name: 'Order pickup' },
{ id: 'return', name: 'Return/Exchange' },
{ id: 'service', name: 'Customer service' }
],
orientation: 'horizontal',
isRequired: true
});
});
visitSection.addRow(row => {
row.addThumbRating('madePurchase', {
label: 'Did you make a purchase?',
showLabels: true,
upLabel: 'Yes',
downLabel: 'No',
size: 'lg',
alignment: 'left'
});
});
// ============================================
// SECTION 2: Staff Experience
// ============================================
const staffIntroSection = form.addSubform('staffIntroSection', {
title: 'Staff Assistance'
});
staffIntroSection.addRow(row => {
row.addRadioButton('staffInteraction', {
label: 'Did you interact with any staff members?',
options: [
{ id: 'yes-approached', name: 'Yes, staff approached me' },
{ id: 'yes-asked', name: 'Yes, I asked for help' },
{ id: 'no-needed', name: 'No, but I needed help' },
{ id: 'no-fine', name: 'No, I was fine on my own' }
],
orientation: 'vertical'
});
});
const staffSection = form.addSubform('staffSection', {
title: 'Rate Our Staff',
isVisible: () => {
const interaction = staffIntroSection.radioButton('staffInteraction')?.value();
return interaction === 'yes-approached' || interaction === 'yes-asked';
},
customStyles: { backgroundColor: '#f0fdf4', padding: '16px', borderRadius: '8px' }
});
staffSection.addRow(row => {
row.addMatrixQuestion('staffMatrix', {
label: 'Please rate our staff on the following:',
rows: [
{ id: 'greeting', label: 'Friendly greeting/welcome', isRequired: true },
{ id: 'knowledge', label: 'Product knowledge' },
{ id: 'helpfulness', label: 'Helpfulness' },
{ id: 'availability', label: 'Availability when needed' },
{ id: 'recommendations', label: 'Quality of recommendations' },
{ id: 'patience', label: 'Patience and attentiveness' }
],
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
});
});
staffSection.addSpacer({ height: '16px' });
staffSection.addRow(row => {
row.addStarRating('staffOverall', {
label: 'Overall staff rating',
maxStars: 5,
size: 'lg',
alignment: 'center',
showConfettiOnMax: true
});
});
// Needed help but did not get it
const noHelpSection = form.addSubform('noHelpSection', {
title: 'Tell Us What Happened',
isVisible: () => staffIntroSection.radioButton('staffInteraction')?.value() === 'no-needed',
customStyles: { backgroundColor: '#fef2f2', padding: '16px', borderRadius: '8px' }
});
noHelpSection.addRow(row => {
row.addCheckboxList('noHelpReasons', {
label: 'Why did you not receive help? (Select all that apply)',
options: [
{ id: 'no-staff', name: 'Could not find any staff' },
{ id: 'staff-busy', name: 'Staff were busy with others' },
{ id: 'ignored', name: 'Staff did not approach me' },
{ id: 'long-wait', name: 'Wait time was too long' },
{ id: 'gave-up', name: 'I gave up looking for help' }
],
orientation: 'vertical'
});
});
noHelpSection.addRow(row => {
row.addTextarea('noHelpDetails', {
label: 'Please tell us more about your experience',
placeholder: 'What were you looking for? How long did you wait?',
rows: 2
});
});
// ============================================
// SECTION 3: Store Environment
// ============================================
const environmentSection = form.addSubform('environmentSection', {
title: 'Store Environment'
});
environmentSection.addRow(row => {
row.addMatrixQuestion('environmentMatrix', {
label: 'Rate the store environment:',
rows: [
{ id: 'cleanliness', label: 'Cleanliness', isRequired: true },
{ id: 'organization', label: 'Organization & layout' },
{ id: 'navigation', label: 'Easy to find products' },
{ id: 'signage', label: 'Clear signage & pricing' },
{ id: 'lighting', label: 'Lighting & ambiance' },
{ id: 'crowding', label: 'Comfortable space (not crowded)' }
],
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
});
});
// ============================================
// SECTION 4: Product Experience
// ============================================
const productSection = form.addSubform('productSection', {
title: 'Products & Selection'
});
productSection.addRow(row => {
row.addEmojiRating('productSatisfaction', {
label: 'How satisfied were you with the product selection?',
preset: 'satisfaction',
size: 'lg',
showLabels: true,
alignment: 'center'
});
});
productSection.addRow(row => {
row.addThumbRating('foundItem', {
label: 'Did you find what you were looking for?',
showLabels: true,
upLabel: 'Yes',
downLabel: 'No',
alignment: 'left'
}, '1fr');
row.addThumbRating('pricingFair', {
label: 'Was the pricing fair and competitive?',
showLabels: true,
upLabel: 'Yes',
downLabel: 'No',
alignment: 'left'
}, '1fr');
});
// Product not found details
productSection.addRow(row => {
row.addTextarea('notFoundDetails', {
label: 'What were you looking for that you could not find?',
placeholder: 'Describe the product, size, color, etc.',
rows: 2,
isVisible: () => productSection.thumbRating('foundItem')?.value() === 'down'
});
});
// ============================================
// SECTION 5: Checkout Experience
// ============================================
const checkoutSection = form.addSubform('checkoutSection', {
title: 'Checkout Experience',
isVisible: () => visitSection.thumbRating('madePurchase')?.value() === 'up'
});
checkoutSection.addRow(row => {
row.addRatingScale('checkoutSpeed', {
label: 'How was the checkout speed?',
preset: 'satisfaction',
lowLabel: 'Very Slow',
highLabel: 'Very Fast'
});
});
checkoutSection.addRow(row => {
row.addRadioButton('checkoutMethod', {
label: 'How did you check out?',
options: [
{ id: 'cashier', name: 'With cashier' },
{ id: 'self', name: 'Self-checkout' },
{ id: 'mobile', name: 'Mobile/app checkout' }
],
orientation: 'horizontal'
});
});
checkoutSection.addRow(row => {
row.addMatrixQuestion('checkoutMatrix', {
label: 'Rate your checkout experience:',
rows: [
{ id: 'wait-time', label: 'Wait time' },
{ id: 'cashier-friendly', label: 'Cashier friendliness' },
{ id: 'accuracy', label: 'Transaction accuracy' },
{ id: 'bagging', label: 'Bagging/packaging' }
],
columns: [
{ id: 'na', label: 'N/A' },
{ id: '1', label: 'Poor' },
{ id: '2', label: 'Fair' },
{ id: '3', label: 'Good' },
{ id: '4', label: 'Excellent' }
],
striped: true,
fullWidth: true,
isVisible: () => checkoutSection.radioButton('checkoutMethod')?.value() === 'cashier'
});
});
// ============================================
// SECTION 6: Overall Experience
// ============================================
const overallSection = form.addSubform('overallSection', {
title: 'Overall Experience'
});
overallSection.addRow(row => {
row.addStarRating('overallRating', {
label: 'Rate your overall shopping experience',
maxStars: 5,
size: 'xl',
alignment: 'center',
showConfettiOnMax: true
});
});
overallSection.addRow(row => {
row.addRatingScale('returnLikelihood', {
label: 'How likely are you to return to this store?',
preset: 'nps',
showCategoryLabel: false,
showSegmentColors: true
});
});
// ============================================
// SECTION 7: Additional Feedback
// ============================================
const feedbackSection = form.addSubform('feedbackSection', {
title: 'Additional Comments'
});
feedbackSection.addRow(row => {
row.addSuggestionChips('highlights', {
label: 'What did you like most? (Select up to 3)',
suggestions: [
{ id: 'staff', name: 'Friendly staff' },
{ id: 'selection', name: 'Great selection' },
{ id: 'prices', name: 'Good prices' },
{ id: 'clean', name: 'Clean store' },
{ id: 'easy', name: 'Easy shopping' },
{ id: 'fast', name: 'Fast checkout' },
{ id: 'quality', name: 'Quality products' },
{ id: 'location', name: 'Convenient location' }
],
max: 3,
alignment: 'center'
});
});
feedbackSection.addSpacer({ height: '16px' });
feedbackSection.addRow(row => {
row.addTextarea('comments', {
label: 'Any other comments or suggestions?',
placeholder: 'Tell us how we can improve your shopping experience...',
rows: 3,
autoExpand: true
});
});
// ============================================
// SECTION 8: Summary
// ============================================
const summarySection = form.addSubform('summarySection', {
title: 'Visit Summary',
isVisible: () => overallSection.starRating('overallRating')?.value() !== null
});
summarySection.addRow(row => {
row.addTextPanel('summaryContent', {
computedValue: () => {
const overall = overallSection.starRating('overallRating')?.value();
const location = visitSection.dropdown('storeLocation')?.value();
const purpose = visitSection.radioButton('visitPurpose')?.value();
const purchased = visitSection.thumbRating('madePurchase')?.value();
const staffRating = staffSection.starRating('staffOverall')?.value();
const foundItem = productSection.thumbRating('foundItem')?.value();
const returnScore = overallSection.ratingScale('returnLikelihood')?.value();
if (!overall) return '';
const locationLabels: Record<string, string> = {
'downtown': 'Downtown Main Street',
'mall-north': 'Northgate Mall',
'mall-south': 'Southside Plaza',
'suburb-west': 'Westfield Shopping Center',
'suburb-east': 'Eastview Retail Park',
'other': 'Other Location'
};
const purposeLabels: Record<string, string> = {
'browse': 'Browsing',
'specific': 'Looking for specific item',
'pickup': 'Order pickup',
'return': 'Return/Exchange',
'service': 'Customer service'
};
let summary = `Store Visit Feedback\n`;
summary += `${'='.repeat(24)}\n\n`;
if (location) {
summary += `Store: ${locationLabels[location] || location}\n`;
}
if (purpose) {
summary += `Purpose: ${purposeLabels[purpose] || purpose}\n`;
}
summary += `Made Purchase: ${purchased === 'up' ? 'Yes' : purchased === 'down' ? 'No' : 'Not specified'}\n`;
summary += `Found Item: ${foundItem === 'up' ? 'Yes' : foundItem === 'down' ? 'No' : 'N/A'}\n\n`;
summary += `Overall Rating: ${'*'.repeat(overall)}${'*'.repeat(5 - overall)} (${overall}/5)\n`;
if (staffRating) {
summary += `Staff Rating: ${staffRating}/5\n`;
}
if (returnScore !== null && returnScore !== undefined) {
summary += `Return Likelihood: ${returnScore}/10\n`;
}
return summary;
},
customStyles: () => {
const overall = overallSection.starRating('overallRating')?.value() || 0;
const baseStyles = {
padding: '16px',
borderRadius: '8px',
whiteSpace: 'pre-wrap',
fontFamily: 'monospace',
fontSize: '14px'
};
if (overall >= 4) {
return { ...baseStyles, backgroundColor: '#d1fae5', borderLeft: '4px solid #059669' };
} else if (overall >= 3) {
return { ...baseStyles, backgroundColor: '#fef3c7', borderLeft: '4px solid #f59e0b' };
}
return { ...baseStyles, backgroundColor: '#fee2e2', borderLeft: '4px solid #ef4444' };
}
});
});
// ============================================
// FORM CONFIGURATION
// ============================================
form.configureSubmitButton({
label: 'Submit Feedback',
isVisible: () => overallSection.starRating('overallRating')?.value() !== null
});
form.configureCompletionScreen({
type: 'text',
title: 'Thank You for Shopping With Us!',
message: 'Your feedback helps us create a better shopping experience. We appreciate you taking the time to share your thoughts.'
});
}
Frequently Asked Questions
When should customers receive this survey?
Send immediately after purchase via receipt, SMS, or email. Alternatively, display QR codes at store exit points. The key is capturing feedback while the experience is fresh, ideally within 24 hours of the visit.
How can I use this for multiple store locations?
Add a store selector at the beginning of the form. This allows you to segment feedback by location and identify store-specific issues vs. chain-wide patterns.
What if the customer did not interact with staff?
The form includes conditional logic. If customers indicate they did not receive staff assistance, the staff evaluation section is hidden, keeping the survey relevant and shorter.
How do I improve staff performance with this data?
Use the staff evaluation matrix to identify training opportunities. Track trends in helpfulness, knowledge, and friendliness scores. Share positive feedback with team members and address patterns in negative feedback through coaching.
Should I include purchase information?
The survey captures visit purpose but not specific purchases to keep it brief. For deeper analysis, integrate with your POS system to correlate feedback with transaction data.