Verwandeln Sie herkömmliche Webformulare in Konversationen mit diesem Skript

Wenn Sie jemals Ihre Webformulare personalisieren wollten, dann werden Sie das von SPACE10 erstellte Conversational Form-Skript lieben.

Dieses Skript konvertiert automatisch alle Ihre Eingabefelder in Q & A Chat-Nachrichten . Die Schnittstelle ändert sich auch in ein SMS-Typ-Textfeld, in dem der Benutzer seine Antworten eingibt und das Chat-Skript antwortet.

Ich werde der Erste sein, der sagt, dass das nicht für alle nützlich ist . Es bietet nicht die beste Benutzererfahrung für jede Website, aber es ist definitiv eine einzigartige Idee, die ich noch nirgendwo anders gesehen habe.

Sie können einen Blick auf die Live-Demo werfen, um zu sehen, wie es funktioniert und wie es auf Ihrer Website aussehen wird.

Dies ist nur ein Beispiel dafür, was Sie mit diesem Chat-Skript tun können, und es bietet sicherlich eine Menge Anpassung für Entwickler .

Sie müssen nur ein JS-Skript in Ihre Seite einfügen (keine Abhängigkeiten) und dann Ihr Formular mit benutzerdefinierten Attributen einrichten. Diese werden ausführlich im Haupt-GitHub Repo behandelt, das auch einen Download-Link für das gesamte Skript enthält.

Der Chatbot speichert automatisch Antworten von jeder Frage und speichert diese Antworten dann in den HTML-Eingabefeldern. Ziemlich cool oder?

Sie können mehr über diesen Prozess im einleitenden Blog-Eintrag des Unternehmens lesen, der beschreibt, wie sie die Idee und wie sie dieses Skript erstellt haben.

Mit benutzerdefinierten Optionen können Sie Emojis, verwandte Bilder oder sogar benutzerdefinierten Text mit Stilen wie fett formatierten Elementen oder Anker-Links hinzufügen.

Dies ist wirklich eine der dynamischsten Webform-Erfahrungen, die ich je gesehen habe. Es bringt Custom UI Design auf eine ganz neue Ebene. Und dies zeigt definitiv, wie weit das Web in ein paar Jahrzehnten fortgeschritten ist.

Für eine Live-Demo sollten Sie unbedingt die Conversational Forms-Seite mit einem Link zum GitHub-Repo und einem Live-Download-Link besuchen.

Außerdem ist das Ganze unter der MIT-Lizenz veröffentlicht, so dass es kostenlos auf jeder Website verwendet werden kann.