Pagina principala » Setul de instrumente » Transformați formularele web convenționale în conversații cu acest script

    Transformați formularele web convenționale în conversații cu acest script

    Dacă v-ați dorit vreodată umanizați formele web atunci veți adora scriptul Formular conversație creat de SPACE10.

    Acest scenariu convertește automat toate câmpurile de introducere în mesaje de tip Q & A. Interfața se transformă, de asemenea, într-un câmp de text de tip SMS în care utilizatorul își tipărește răspunsurile și scriptul de chat răspunde.

    Voi fi primul care va spune asta nu va fi util tuturor. Nu oferă cea mai bună experiență de utilizare pentru fiecare site, dar este cu siguranță o idee unică pe care am văzut-o în altă parte.

    Puteți să aruncați o privire la demo-ul live pentru a vedea cum funcționează și ce va arăta pe site-ul dvs..

    Acesta este doar un exemplu de ceea ce puteți face cu acest script de chat, și cu siguranță oferă o mulțime de personalizare pentru dezvoltatori.

    Trebuie doar să includeți un script JS în pagina dvs. (fără dependențe) și apoi să configurați formularul utilizând atribute personalizate. Acestea sunt prezentate în detaliu pe principala replică GitHub, care include și un link de descărcare pentru întregul scenariu.

    chatbot salvează automat răspunsurile din fiecare întrebare, apoi stochează aceste răspunsuri în câmpurile de intrare HTML. Destul de cool bine?

    Puteți citi mai multe despre acest proces pe postul introductiv de blog al companiei care acoperă modul în care au primit ideea și cum au construit acest script.

    Cu opțiuni personalizate, poți adăugați emojis, imagini asemănătoare sau chiar definiți text personalizat cu stiluri precum elemente boldate sau link-uri de ancorare.

    Aceasta este cu adevărat una dintre cele mai dinamice experiențe de formular web pe care le-am văzut vreodată. Este nevoie de design personalizat UI la un nivel cu totul nou. Și acest lucru arată cu siguranță cât de departe a avansat web-ul în câteva decenii.

    Pentru o demonstrație live, asigurați-vă că verificați pagina de formulare de conversație care include un link către repo GitHub și un link live de descărcare.

    Plus totul este eliberat sub licența MIT astfel încât este gratuit pentru a utiliza pe orice site web.