Ejemplos de widgets y demostraciones en vivo

Prueba cada tipo de widget con configuradores en vivo. Personaliza todas las opciones, ve vistas previas en tiempo real y copia el código generado para tu sitio web.

📊

Widget de encuesta

Encuestas paso a paso

Crea encuestas personalizadas con múltiples tipos de preguntas, reglas de validación y análisis detallados. Perfecto para investigación y comentarios.

Probar demostración
📝

Widget de formulario

Formularios de una página

Crea formularios personalizados con múltiples tipos de preguntas. Perfecto para formularios de contacto, registro, solicitudes y recopilación de datos.

Probar demostración
📝

Widget de lista de espera

Recopilación de correos para lanzamientos

Recopila direcciones de correo electrónico para lanzamientos de productos, inscripciones beta y anuncios de funciones. Campo de nombre opcional con validación.

Probar demostración
👍

Widget de comentarios

Me gusta/no me gusta con comentarios

Recopila comentarios de los usuarios con votos de me gusta/no me gusta y comentarios de texto opcionales. Perfecto para artículos, funciones y contenido.

Probar demostración
💡

Widget de solicitud de funciones

Ideas de usuarios con votación

Recopila solicitudes de funciones de los usuarios con capacidades de votación, funcionalidad de búsqueda y gestión de solicitudes.

Probar demostración

Guía de inicio rápido

1

Elige tu widget

Selecciona el tipo de widget que se adapte a tus necesidades y haz clic en "Probar demostración" para acceder al configurador.

2

Configura y previsualiza

Personaliza todas las opciones y ve cómo el widget se actualiza en tiempo real con tus cambios.

3

Copia e instala

Copia el código HTML generado y añádelo a tu sitio web. El widget funcionará inmediatamente.

Referencia de variables CSS

Todas las propiedades personalizadas CSS disponibles para estilizar widgets.

VariableValor predeterminadoDescripción
--askusers-color-primary#3b82f6Color primario del botón y acento
--askusers-color-background#ffffffColor de fondo del widget
--askusers-color-text#374151Color de texto primario
--askusers-color-success#10b981Color del mensaje de éxito
--askusers-color-error#ef4444Color del mensaje de error

¿Necesitas ayuda?

Si necesitas ayuda con la integración o personalización de widgets, consulta nuestra guía de configuración o contacta con soporte.