Convierta los formularios web convencionales en conversaciones con este script

Si alguna vez ha querido humanizar sus formularios web, adorará el script de Formulario conversacional creado por SPACE10.

Esta secuencia de comandos convierte automáticamente todos sus campos de entrada en mensajes de chat de preguntas y respuestas . La interfaz también cambia a un campo de texto de tipo SMS donde el usuario escribe sus respuestas y el script de chat responde.

Seré el primero en decir que esto no será útil para todos . No ofrece la mejor experiencia de usuario para cada sitio, pero definitivamente es una idea única que aún no he visto en ningún otro lado.

Puede echar un vistazo a la demostración en vivo para ver cómo funciona y cómo se verá en su sitio.

Este es solo un ejemplo de lo que puedes hacer con este script de chat, y ciertamente ofrece mucha personalización para los desarrolladores .

Solo necesita incluir una secuencia de comandos JS en su página (sin dependencias) y luego configurar su formulario con atributos personalizados. Estos están cubiertos en detalle en el repositorio principal de GitHub, que también incluye un enlace de descarga para todo el guión.

El chatbot guarda automáticamente las respuestas de cada pregunta, luego almacena esas respuestas dentro de los campos de entrada de HTML. Bastante bien ¿verdad?

Puede leer más sobre este proceso en la publicación introductoria del blog de la compañía que trata sobre cómo obtuvieron la idea y cómo crearon esta secuencia de comandos.

Con opciones personalizadas, puede agregar emojis, imágenes relacionadas o incluso definir texto personalizado con estilos como elementos en negrita o enlaces de anclaje.

Esta es realmente una de las experiencias de formulario web más dinámicas que he visto. Lleva el diseño de IU personalizado a un nivel completamente nuevo. Y esto definitivamente muestra cuán lejos ha avanzado la web en un par de décadas.

Para una demostración en vivo, asegúrese de consultar la página de formularios de conversación que incluye un enlace al repositorio de GitHub y un enlace de descarga en vivo.

Además, todo se lanzó bajo la licencia de MIT, por lo que es gratis para usar en cualquier sitio web.