Startpagina » Toolkit » Verander conventionele webformulieren in gesprekken met dit script

    Verander conventionele webformulieren in gesprekken met dit script

    Als je dat ooit wilde humaniseer uw webformulieren dan zal je dol zijn 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 dit te zeggen zal niet voor iedereen nuttig 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 een voorbeeld van wat u kunt doen met dit chatscript en dat is het zeker biedt veel maatwerk 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 besproken in de hoofdrepos van GitHub, die ook een downloadkoppeling voor het hele script bevat.

    De chatbot slaat automatisch antwoorden op van elke vraag, slaat vervolgens die antwoorden op in de HTML-invoervelden. Best wel goed?

    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 toevoegen, verwante afbeeldingen of zelfs aangepaste tekst definiëren met stijlen zoals vetgedrukte items of ankerlinks.

    Dit is echt een van de meest dynamische webformulierervaringen 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.

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