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.