Feature Request Form
This feature request form helps product teams collect structured feedback from users. It goes beyond simple suggestions to capture the underlying problem, use case details, business impact, and urgency. The form uses smart conditional logic to gather relevant follow-up information based on the request type, helping product managers prioritize effectively and build features that truly matter to users.
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
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
export function featureRequest(form: FormTs) {
// Feature Request Form - Product feedback and suggestion collector
// Demonstrates: Slider, CheckboxList, Textarea, RadioButton, dynamic labels, conditional sections
// ============================================
// HEADER
// ============================================
form.addRow(row => {
row.addTextPanel('header', {
label: 'Feature Request',
computedValue: () => 'Help us build the product you need',
customStyles: {
backgroundColor: '#8b5cf6',
color: 'white',
padding: '24px',
borderRadius: '12px',
textAlign: 'center'
}
});
});
// ============================================
// SECTION 1: Request Type
// ============================================
const typeSection = form.addSubform('typeSection', {
title: 'What type of request is this?',
customStyles: { backgroundColor: '#f5f3ff', padding: '16px', borderRadius: '8px' }
});
typeSection.addRow(row => {
row.addRadioButton('requestType', {
label: 'Request Category',
options: [
{ id: 'new_feature', name: 'New Feature - Something that doesn\'t exist' },
{ id: 'enhancement', name: 'Enhancement - Improve existing feature' },
{ id: 'integration', name: 'Integration - Connect with another tool' },
{ id: 'performance', name: 'Performance - Make something faster' },
{ id: 'usability', name: 'Usability - Make something easier to use' }
],
orientation: 'vertical',
isRequired: true
});
});
typeSection.addRow(row => {
row.addDropdown('productArea', {
label: 'Product Area',
options: [
{ id: 'dashboard', name: 'Dashboard & Analytics' },
{ id: 'reports', name: 'Reports & Exports' },
{ id: 'settings', name: 'Settings & Configuration' },
{ id: 'user_management', name: 'User Management' },
{ id: 'notifications', name: 'Notifications & Alerts' },
{ id: 'api', name: 'API & Integrations' },
{ id: 'mobile', name: 'Mobile App' },
{ id: 'other', name: 'Other' }
],
placeholder: 'Select product area'
}, '1fr');
row.addDropdown('userRole', {
label: 'Your Role',
options: [
{ id: 'admin', name: 'Admin/Manager' },
{ id: 'power_user', name: 'Power User' },
{ id: 'regular', name: 'Regular User' },
{ id: 'developer', name: 'Developer' },
{ id: 'other', name: 'Other' }
],
placeholder: 'Select your role'
}, '1fr');
});
// ============================================
// SECTION 2: Problem Statement
// ============================================
const problemSection = form.addSubform('problemSection', {
title: 'What problem are you trying to solve?',
customStyles: { padding: '16px', borderRadius: '8px', border: '1px solid #e2e8f0' }
});
problemSection.addRow(row => {
row.addTextbox('featureTitle', {
label: 'Feature Title (short summary)',
placeholder: 'e.g., "Bulk export to Excel"',
maxLength: 100,
isRequired: true
});
});
problemSection.addRow(row => {
row.addTextarea('problemDescription', {
label: () => {
const type = typeSection.radioButton('requestType')?.value();
if (type === 'enhancement') return 'What\'s frustrating about the current feature?';
if (type === 'integration') return 'What tool do you want to integrate with and why?';
if (type === 'performance') return 'What\'s slow and how does it affect you?';
if (type === 'usability') return 'What\'s difficult to use and how could it be better?';
return 'What problem are you trying to solve?';
},
placeholder: 'Describe the problem or need in detail...',
rows: 4,
autoExpand: true,
isRequired: true
});
});
problemSection.addRow(row => {
row.addTextarea('currentWorkaround', {
label: 'How do you currently work around this?',
placeholder: 'Describe any workarounds or manual processes you use...',
rows: 2,
autoExpand: true
});
});
// ============================================
// SECTION 3: Use Case Details
// ============================================
const useCaseSection = form.addSubform('useCaseSection', {
title: 'Use Case Details',
customStyles: { padding: '16px', borderRadius: '8px', backgroundColor: '#f0fdf4' }
});
useCaseSection.addRow(row => {
row.addTextarea('useCase', {
label: 'Describe a specific scenario where you need this',
placeholder: 'As a [role], I want to [action] so that [benefit]...',
rows: 3,
autoExpand: true
});
});
useCaseSection.addRow(row => {
row.addRadioButton('frequency', {
label: 'How often would you use this feature?',
options: [
{ id: 'daily', name: 'Multiple times daily' },
{ id: 'weekly', name: 'Several times per week' },
{ id: 'monthly', name: 'A few times per month' },
{ id: 'occasionally', name: 'Occasionally' },
{ id: 'once', name: 'One-time need' }
],
orientation: 'horizontal'
});
});
useCaseSection.addRow(row => {
row.addSlider('teamImpact', {
label: 'How many people on your team would benefit?',
min: 1,
max: 100,
step: 1,
showValue: true,
unit: 'people',
defaultValue: 5
});
});
// ============================================
// SECTION 4: Business Impact
// ============================================
const impactSection = form.addSubform('impactSection', {
title: 'Business Impact',
customStyles: { padding: '16px', borderRadius: '8px', border: '1px solid #e2e8f0' }
});
impactSection.addRow(row => {
row.addCheckboxList('impactAreas', {
label: 'How would this feature impact your work?',
options: [
{ id: 'save_time', name: 'Save time on repetitive tasks' },
{ id: 'reduce_errors', name: 'Reduce errors/mistakes' },
{ id: 'improve_collaboration', name: 'Improve team collaboration' },
{ id: 'better_insights', name: 'Provide better insights/data' },
{ id: 'customer_satisfaction', name: 'Improve customer satisfaction' },
{ id: 'cost_savings', name: 'Reduce costs' },
{ id: 'revenue', name: 'Increase revenue' },
{ id: 'compliance', name: 'Meet compliance requirements' }
],
orientation: 'vertical'
});
});
impactSection.addRow(row => {
row.addSlider('timeSavings', {
label: 'Estimated time saved per week (hours)',
min: 0,
max: 40,
step: 1,
showValue: true,
unit: 'hrs/week',
isVisible: () => {
const impacts = impactSection.checkboxList('impactAreas')?.value() || [];
return impacts.includes('save_time');
}
});
});
impactSection.addRow(row => {
row.addTextarea('businessValue', {
label: 'Describe the business value in your own words',
placeholder: 'How would this help your business goals?',
rows: 2,
autoExpand: true
});
});
// ============================================
// SECTION 5: Priority & Urgency
// ============================================
const prioritySection = form.addSubform('prioritySection', {
title: 'Priority & Urgency',
customStyles: () => {
const urgency = prioritySection.slider('urgency')?.value();
if (urgency && urgency >= 8) {
return { backgroundColor: '#fee2e2', padding: '16px', borderRadius: '8px', borderLeft: '4px solid #ef4444' };
} else if (urgency && urgency >= 5) {
return { backgroundColor: '#fef3c7', padding: '16px', borderRadius: '8px', borderLeft: '4px solid #f59e0b' };
}
return { backgroundColor: '#ecfdf5', padding: '16px', borderRadius: '8px', borderLeft: '4px solid #10b981' };
}
});
prioritySection.addRow(row => {
row.addSlider('urgency', {
label: () => {
const urgency = prioritySection.slider('urgency')?.value();
if (urgency && urgency >= 8) return 'How urgent is this for you? (Critical)';
if (urgency && urgency >= 5) return 'How urgent is this for you? (Important)';
return 'How urgent is this for you? (Nice to have)';
},
min: 1,
max: 10,
step: 1,
showValue: true,
defaultValue: 5
});
});
prioritySection.addRow(row => {
row.addRadioButton('blocker', {
label: 'Is this blocking you from achieving a goal?',
options: [
{ id: 'yes_major', name: 'Yes, major blocker' },
{ id: 'yes_minor', name: 'Yes, minor blocker' },
{ id: 'no', name: 'No, it\'s an improvement' }
],
orientation: 'horizontal'
});
});
prioritySection.addRow(row => {
row.addTextarea('deadline', {
label: 'Do you have a specific deadline or timeline?',
placeholder: 'e.g., "Need for Q2 reporting" or "Annual audit in March"',
rows: 2,
autoExpand: true,
isVisible: () => {
const blocker = prioritySection.radioButton('blocker')?.value();
return blocker === 'yes_major' || blocker === 'yes_minor';
}
});
});
// ============================================
// SECTION 6: Alternative Solutions
// ============================================
const alternativesSection = form.addSubform('alternativesSection', {
title: 'Alternatives & Competition',
customStyles: { padding: '16px', borderRadius: '8px', border: '1px solid #e2e8f0' }
});
alternativesSection.addRow(row => {
row.addThumbRating('seenElsewhere', {
label: 'Have you seen this feature in other products?',
showLabels: true,
upLabel: 'Yes',
downLabel: 'No',
alignment: 'left'
});
});
alternativesSection.addRow(row => {
row.addTextarea('competitorExamples', {
label: 'Which products have this feature?',
placeholder: 'List any competitors or tools with similar functionality...',
rows: 2,
autoExpand: true,
isVisible: () => alternativesSection.thumbRating('seenElsewhere')?.value() === 'up'
});
});
alternativesSection.addRow(row => {
row.addRadioButton('switchRisk', {
label: 'Would lack of this feature make you consider switching products?',
options: [
{ id: 'yes', name: 'Yes, it\'s critical' },
{ id: 'maybe', name: 'Maybe, depends on alternatives' },
{ id: 'no', name: 'No, I\'d stay anyway' }
],
orientation: 'horizontal'
});
});
// ============================================
// SECTION 7: Implementation Preference
// ============================================
const implementationSection = form.addSubform('implementationSection', {
title: 'Implementation Preference',
customStyles: { padding: '16px', borderRadius: '8px', backgroundColor: '#f0f9ff' }
});
implementationSection.addRow(row => {
row.addRadioButton('solutionPreference', {
label: 'Would you prefer...',
options: [
{ id: 'full', name: 'Full solution (even if it takes longer)' },
{ id: 'mvp', name: 'Basic version quickly, then iterate' },
{ id: 'any', name: 'Whatever works best for the team' }
],
orientation: 'vertical'
});
});
implementationSection.addRow(row => {
row.addCheckbox('betaTester', {
label: 'I\'d like to be a beta tester for this feature'
});
});
implementationSection.addRow(row => {
row.addCheckbox('provideFeedback', {
label: 'I\'m willing to provide feedback during development'
});
});
// ============================================
// SECTION 8: Attachments & Examples
// ============================================
const examplesSection = form.addSubform('examplesSection', {
title: 'Examples & References',
customStyles: { padding: '16px', borderRadius: '8px', border: '1px solid #e2e8f0' }
});
examplesSection.addRow(row => {
row.addTextarea('mockupIdea', {
label: 'Describe how you envision the feature (optional)',
placeholder: 'Describe the UI/UX, workflow, or share a link to a mockup...',
rows: 3,
autoExpand: true
});
});
examplesSection.addRow(row => {
row.addTextbox('referenceUrl', {
label: 'Link to reference/example (optional)',
placeholder: 'https://...'
});
});
// ============================================
// SECTION 9: Contact
// ============================================
const contactSection = form.addSubform('contactSection', {
title: 'Contact Information'
});
contactSection.addRow(row => {
row.addCheckbox('allowContact', {
label: 'You may contact me about this request'
});
});
contactSection.addRow(row => {
row.addEmail('contactEmail', {
label: 'Email Address',
placeholder: 'your@email.com',
isVisible: () => contactSection.checkbox('allowContact')?.value() === true,
isRequired: () => contactSection.checkbox('allowContact')?.value() === true
});
});
contactSection.addRow(row => {
row.addCheckbox('notifyUpdates', {
label: 'Notify me when this feature is released',
isVisible: () => contactSection.checkbox('allowContact')?.value() === true
});
});
// ============================================
// SUMMARY SECTION
// ============================================
const summarySection = form.addSubform('summarySection', {
title: 'Request Summary',
isVisible: () => problemSection.textbox('featureTitle')?.value() !== null && problemSection.textbox('featureTitle')?.value() !== ''
});
summarySection.addRow(row => {
row.addTextPanel('summaryContent', {
computedValue: () => {
const title = problemSection.textbox('featureTitle')?.value();
const type = typeSection.radioButton('requestType')?.value();
const area = typeSection.dropdown('productArea')?.value();
const urgency = prioritySection.slider('urgency')?.value();
const frequency = useCaseSection.radioButton('frequency')?.value();
const teamSize = useCaseSection.slider('teamImpact')?.value();
const impacts = impactSection.checkboxList('impactAreas')?.value() || [];
const blocker = prioritySection.radioButton('blocker')?.value();
const betaTester = implementationSection.checkbox('betaTester')?.value();
if (!title) return '';
let emoji = '💡';
if (blocker === 'yes_major') emoji = '🚨';
else if (urgency && urgency >= 8) emoji = '⚡';
const typeLabels: Record<string, string> = {
'new_feature': 'New Feature',
'enhancement': 'Enhancement',
'integration': 'Integration',
'performance': 'Performance',
'usability': 'Usability'
};
const frequencyLabels: Record<string, string> = {
'daily': 'Daily use',
'weekly': 'Weekly use',
'monthly': 'Monthly use',
'occasionally': 'Occasional use',
'once': 'One-time'
};
let summary = `${emoji} Feature Request Summary\n`;
summary += `${'═'.repeat(28)}\n\n`;
summary += `📝 ${title}\n\n`;
if (type) {
summary += `📋 Type: ${typeLabels[type] || type}\n`;
}
if (area) {
summary += `🎯 Area: ${area.replace('_', ' ')}\n`;
}
if (urgency) {
const urgencyLabel = urgency >= 8 ? 'Critical' : urgency >= 5 ? 'Important' : 'Nice to have';
summary += `⏰ Urgency: ${urgency}/10 (${urgencyLabel})\n`;
}
if (frequency) {
summary += `🔄 Frequency: ${frequencyLabels[frequency] || frequency}\n`;
}
if (teamSize) {
summary += `👥 Team Impact: ${teamSize} people\n`;
}
if (impacts.length > 0) {
summary += `\n💼 Business Impact: ${impacts.length} areas`;
}
if (betaTester) {
summary += `\n✅ Willing to beta test`;
}
return summary;
},
customStyles: () => {
const urgency = prioritySection.slider('urgency')?.value();
const baseStyles = {
padding: '16px',
borderRadius: '8px',
whiteSpace: 'pre-wrap',
fontFamily: 'monospace',
fontSize: '14px'
};
if (urgency && urgency >= 8) {
return { ...baseStyles, backgroundColor: '#fee2e2', borderLeft: '4px solid #ef4444' };
} else if (urgency && urgency >= 5) {
return { ...baseStyles, backgroundColor: '#fef3c7', borderLeft: '4px solid #f59e0b' };
}
return { ...baseStyles, backgroundColor: '#ecfdf5', borderLeft: '4px solid #10b981' };
}
});
});
// ============================================
// FORM CONFIGURATION
// ============================================
form.configureSubmitButton({
label: 'Submit Request',
isVisible: () => {
const title = problemSection.textbox('featureTitle')?.value();
return title !== null && title !== undefined && title.length > 0;
}
});
form.configureCompletionScreen({
type: 'text',
title: 'Thank You for Your Input!',
message: 'Your feature request has been submitted. Our product team reviews all suggestions and will keep you updated if you opted in for notifications.'
});
}
Frequently Asked Questions
How should I handle duplicate feature requests?
Use the form responses to track request frequency. Group similar requests together and show users they're not alone. Consider adding a voting/upvoting mechanism for popular requests. This data helps prioritize the roadmap.
What makes a good feature request?
Good requests include: clear problem statement (what they're trying to do), use case context (why they need it), impact description (how it affects their work), and urgency indicator. This form captures all these elements.
Should I respond to every feature request?
Yes, at minimum acknowledge receipt. For requests you're considering, share timeline expectations. For requests you won't build, explain why kindly. Users appreciate transparency about product direction.
How do I prioritize feature requests?
Use the RICE framework: Reach (how many users affected), Impact (how much it helps), Confidence (certainty of success), Effort (development time). This form collects data for Reach and Impact assessments.
Can I use this for bug reports too?
This form is optimized for feature requests. For bugs, use a dedicated bug report form with fields for steps to reproduce, expected vs actual behavior, and environment details. We have a separate bug report template available.