Käännä perinteiset Web-lomakkeet keskusteluiksi tämän komentosarjan kanssa

Jos olet koskaan halunnut humanisoi Web-lomakkeet sitten rakastat SPACE10: n luomaa keskustelulomaketta.

Tämä skripti muuntaa kaikki syöttökentät automaattisesti Q & A-tyyppisiin chat-viesteihin. Käyttöliittymä muuttuu myös SMS-tyyppiseksi tekstikentäksi, jossa käyttäjä kirjoittaa vastauksensa ja chat-komentosarja vastaa.

Minä olen ensimmäinen, joka sanoo tämän ei tule olemaan hyödyllinen kaikille. Se ei tarjoa parasta käyttäjäkokemusta jokaiselle sivustolle, mutta se on ehdottomasti ainutlaatuinen idea, jota en ole vielä nähnyt missään muualla.

Voit katsella live-esittelyä nähdäksesi, miten se toimii ja mitä se näyttää sivustossasi.

Tämä on vain yksi esimerkki siitä, mitä voit tehdä tämän chat-komentosarjan kanssa, ja se varmasti tarjoaa paljon mukautuksia kehittäjille.

Sinun tarvitsee vain lisätä yksi JS-skripti sivullesi (ei riippuvuuksia) ja aseta sitten lomakkeesi mukautettujen määritteiden avulla. Näitä tietoja käsitellään yksityiskohtaisesti GitHubin tärkeimmässä repossa, johon sisältyy myös koko linkin latauslinkki.

chatbot tallentaa automaattisesti vastaukset jokaisesta kysymyksestä, tallentaa sitten vastaukset HTML-syöttökenttien sisällä. Melko viileä oikea?

Voit lukea lisää tästä prosessista yhtiön johdannossa olevasta blogikirjoituksesta, jossa kerrotaan, miten he saivat ajatuksen ja miten he ovat rakentaneet tämän käsikirjoituksen.

Voit tehdä mukautettuja asetuksia Lisää emojit, niihin liittyvät kuvat tai jopa määritellä mukautettua tekstiä tyylit, kuten lihavoituja kohteita tai ankkurilinkkejä.

Tämä on todella yksi dynaamisimmista web-muotoisista kokemuksista, joita olen koskaan nähnyt. Se vie mukautetun käyttöliittymäsuunnittelun kokonaan uudelle tasolle. Ja tämä osoittaa varmasti, kuinka pitkälle verkko on edennyt pari vuosikymmentä.

Jos haluat nähdä live-esittelyn, tutustu keskustelulomakkeisiin, jossa on linkki GitHub-repoon ja live-latauslinkki.

Lisäksi koko asia on MIT-lisenssin nojalla joten se on ilmaista käyttää millä tahansa verkkosivustolla.