Transformez les formulaires Web conventionnels en conversations avec ce script

Si vous avez toujours voulu humanisez vos formulaires Web alors vous adorerez le script Conversational Form créé par SPACE10.

Ce script convertit automatiquement tous vos champs de saisie en messages de discussion de type questions / réponses. L’interface se transforme également en un champ de texte de type SMS dans lequel l’utilisateur tape ses réponses et où le script de discussion répond..

Je serai le premier à le dire ne va pas être utile à tout le monde. Il n'offre pas la meilleure expérience utilisateur pour chaque site, mais il s'agit certainement d'une idée unique que je n'ai pas encore vue ailleurs.

Vous pouvez jeter un coup d'œil à la démonstration en direct pour voir comment cela fonctionne et à quoi ça ressemblera sur votre site..

Ce n’est qu’un exemple de ce que vous pouvez faire avec ce script de chat. offre beaucoup de personnalisation pour les développeurs.

Vous devez simplement inclure un script JS dans votre page (pas de dépendances), puis configurer votre formulaire à l'aide d'attributs personnalisés. Celles-ci sont couvertes en détail dans le dépôt principal de GitHub, qui comprend également un lien de téléchargement pour le script complet..

le chatbot enregistre automatiquement les réponses à chaque question, puis stocke ces réponses dans les champs de saisie HTML. Assez cool droit?

Vous pouvez en savoir plus sur ce processus sur le billet de blog d'introduction de la société décrivant comment elle a eu l'idée et comment elle a construit ce script.

Avec des options personnalisées, vous pouvez ajoutez des émoticônes, des images associées ou même définissez un texte personnalisé avec des styles comme des éléments en gras ou des liens d'ancrage.

C'est vraiment l'une des expériences de formulaire Web les plus dynamiques que j'ai jamais vues. La conception de l'interface utilisateur personnalisée atteint un tout autre niveau. Et cela montre clairement à quel point le Web a progressé en quelques décennies.

Pour une démonstration en direct, consultez la page des formulaires de conversation qui inclut un lien vers le dépôt GitHub et un lien de téléchargement en direct..

De plus, le tout est publié sous licence MIT il est donc gratuit d'utiliser sur n'importe quel site web.