Widget examples & live demos
Try out each widget type with live configurators. Customize all options, see real-time previews, and copy the generated code for your website.
Survey widget
Step-by-step surveys
Create custom surveys with multiple question types, validation rules, and detailed analytics. Perfect for research and feedback.
Try live demoForm widget
Single-page forms
Create custom forms with multiple question types. Perfect for contact forms, registration, applications, and data collection.
Try live demoWaitlist widget
Email collection for launches
Collect email addresses for product launches, beta signups, and feature announcements. Optional name field with validation.
Try live demoFeedback widget
Thumbs up/down with comments
Collect user feedback with thumbs up/down votes and optional text comments. Perfect for articles, features, and content.
Try live demoFeature request widget
User ideas with voting
Collect feature requests from users with voting capabilities, search functionality, and request management.
Try live demoQuick start guide
Choose your widget
Select the widget type that fits your needs and click "Try live demo" to access the configurator.
Configure & preview
Customize all options and see the widget update in real-time with your changes.
Copy & install
Copy the generated HTML code and add it to your website. The widget will work immediately.
π¨ CSS variables reference
All available CSS custom properties for styling widgets.
| Variable | Default value | Description |
|---|---|---|
| --askusers-color-primary | #3b82f6 | Primary button and accent color |
| --askusers-color-background | #ffffff | Widget background color |
| --askusers-color-text | #374151 | Primary text color |
| --askusers-color-success | #10b981 | Success message color |
| --askusers-color-error | #ef4444 | Error message color |
Need help?
If you need assistance with widget integration or customization, check out our setup guide or contact support.