Quince encuestas reales y publicadas que puedes probar aquí mismo — no son capturas de pantalla, ni maquetas. Cada una de las siguientes es el widget de producción real, cargando su configuración de campos real en vivo, exactamente como lo haría en el sitio de un cliente real.
Formulario de contacto
Campos de una sola línea con una comprobación real del formato de email (Validations.basicEmailValidation), más un área de texto opcional.
Encuesta NPS
Una matriz de 0 a 10 como evaluación principal, junto con un área de texto de etiqueta condicional cuya pregunta cambia según la puntuación.
Comentarios post-compra
Valoración + grupo de casillas + un comentario opcional — la forma que usan la mayoría de encuestas de confirmación de pedido/compra.
Usabilidad del sitio web
Valoración + botones de opción + área de texto, enfocada en 'encontraste lo que buscabas' en lugar de una compra.
Comentarios sobre el evento
Lista desplegable (qué sesión), valoración y un área de texto de seguimiento — una forma habitual tras un webinar o evento.
Solicitud de empleo
Dos campos de una sola línea, una lista desplegable para el puesto y un área de texto obligatoria — un formulario mínimo de admisión de solicitudes.
Comentarios del restaurante
Dos campos de valoración independientes (comida, servicio) junto con grupo de casillas y área de texto — muestra que una encuesta puede usar el mismo tipo de campo dos veces.
Priorización de funciones
Grupo de casillas + control deslizante de rango, usado para medir el interés en lugar de recoger una valoración.
Informe de errores
Comienza con un bloque de texto enriquecido informativo, luego lista desplegable + área de texto obligatoria — una forma de admisión de soporte/errores.
Encuesta de salida
Botones de opción + área de texto — el tipo de encuesta corta que suele combinarse con un disparador de intención de salida.
Encuesta de bienvenida
Botones de opción + lista desplegable, sin texto libre en absoluto — el tipo de encuesta corta que suele combinarse con un disparador de retraso.
Estas cuatro llevan el CSS personalizado deliberadamente al extremo, para mostrar lo que realmente es posible sobre el tema predeterminado — consulta Estilos avanzados para saber cómo funciona.
Tema arcoíris
Un fondo degradado y un botón de envío degradado, todo mediante CSS personalizado en los slots formContainer/buttonSubmit.
Formulario invertido
Una sola declaración — transform: rotate(180deg) en el contenedor del formulario — y todo el formulario se voltea.
Retro de los 90
Colores neón, un borde discontinuo y un título en Comic Sans — CSS personalizado aplicado por slot y por tipo de campo.
Elige tu camino
Un simple grupo de botones de opción restilizado como una disposición de tarjetas mediante el propio contenedor del slot radioGroup.