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 demo
πŸ“

Form widget

Single-page forms

Create custom forms with multiple question types. Perfect for contact forms, registration, applications, and data collection.

Try live demo
πŸ“

Waitlist widget

Email collection for launches

Collect email addresses for product launches, beta signups, and feature announcements. Optional name field with validation.

Try live demo
πŸ‘

Feedback 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 demo
πŸ’‘

Feature request widget

User ideas with voting

Collect feature requests from users with voting capabilities, search functionality, and request management.

Try live demo

Quick start guide

1

Choose your widget

Select the widget type that fits your needs and click "Try live demo" to access the configurator.

2

Configure & preview

Customize all options and see the widget update in real-time with your changes.

3

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.

VariableDefault valueDescription
--askusers-color-primary#3b82f6Primary button and accent color
--askusers-color-background#ffffffWidget background color
--askusers-color-text#374151Primary text color
--askusers-color-success#10b981Success message color
--askusers-color-error#ef4444Error message color

Need help?

If you need assistance with widget integration or customization, check out our setup guide or contact support.