Verander conventionele webformulieren in gesprekken met dit script

Als je ooit je webformulieren wilt humaniseren, ben je dol op het script Conversational Form gemaakt door SPACE10.

Dit script converteert automatisch al uw invoervelden naar Q & A type chatberichten . De interface verandert ook in een tekstveld van het SMS-type waarin de gebruiker zijn antwoorden typt en het chatscript antwoordt.

Ik zal de eerste zijn om te zeggen dat dit niet voor iedereen nuttig zal zijn . Het biedt niet de beste gebruikerservaring voor elke site, maar het is absoluut een uniek idee dat ik nog nergens anders heb te zien.

U kunt een kijkje nemen bij de live demo om te zien hoe het werkt en hoe het eruit zal zien op uw site.

Dit is slechts één voorbeeld van wat u met dit chatscript kunt doen, en het biedt zeker veel aanpassingsmogelijkheden voor ontwikkelaars .

U hoeft slechts één JS-script op te nemen in uw pagina (geen afhankelijkheden) en vervolgens uw formulier in te stellen met behulp van aangepaste kenmerken. Deze worden gedetailleerd behandeld in de hoofdrepos van GitHub die ook een downloadkoppeling voor het hele script bevat.

De chatbot slaat automatisch antwoorden op van elke vraag en slaat die antwoorden vervolgens op in de HTML-invoervelden. Best cool toch?

Je kunt meer over dit proces lezen in de introductieblog van het bedrijf over hoe ze het idee kregen en hoe ze dit script hebben gebouwd.

Met aangepaste opties kunt u emoji's, verwante afbeeldingen toevoegen of zelfs aangepaste tekst definiëren met stijlen zoals vetgedrukte items of ankerkoppelingen .

Dit is echt een van de meest dynamische webformulier-ervaringen die ik ooit heb gezien. Het neemt een aangepast UI-ontwerp naar een geheel nieuw niveau. En dit laat duidelijk zien hoe ver het web in een paar decennia is gevorderd.

Kijk voor een live demo op de pagina met conversatievormen die een link naar de GitHub-repo en een live downloadlink bevat.

Bovendien wordt het hele ding vrijgegeven onder de MIT-licentie, dus het is gratis te gebruiken op elke website.