Biến các biểu mẫu web thông thường thành các cuộc hội thoại với tập lệnh này

Nếu bạn đã từng muốn nhân cách hóa các mẫu web của bạn sau đó bạn sẽ yêu thích tập lệnh Biểu mẫu hội thoại được tạo bởi SPACE10.

Kịch bản này tự động chuyển đổi tất cả các trường đầu vào của bạn thành tin nhắn trò chuyện loại Q & A. Giao diện cũng thay đổi thành trường văn bản loại SMS nơi người dùng nhập câu trả lời của họ và tập lệnh trò chuyện phản hồi.

Tôi sẽ là người đầu tiên nói điều này sẽ không hữu ích cho mọi người. Nó không cung cấp trải nghiệm người dùng tốt nhất cho mọi trang web nhưng đó chắc chắn là một ý tưởng độc đáo mà tôi chưa thấy ở bất kỳ nơi nào khác.

Bạn có thể xem qua bản demo trực tiếp để xem nó hoạt động như thế nào và nó sẽ trông như thế nào trên trang web của bạn.

Đây chỉ là một ví dụ về những gì bạn có thể làm với tập lệnh trò chuyện này và chắc chắn nó cung cấp rất nhiều tùy chỉnh cho các nhà phát triển.

Bạn chỉ cần đưa một tập lệnh JS vào trang của mình (không phụ thuộc) và sau đó thiết lập biểu mẫu của bạn bằng các thuộc tính tùy chỉnh. Chúng được trình bày chi tiết trên repo GitHub chính, bao gồm một liên kết tải xuống cho toàn bộ tập lệnh.

Các chatbot tự động lưu câu trả lời từ mỗi câu hỏi, sau đó lưu trữ những phản hồi đó bên trong các trường nhập HTML. Khá tuyệt phải không?

Bạn có thể đọc thêm về quy trình này trên bài đăng blog giới thiệu của công ty về cách họ có ý tưởng & cách họ xây dựng tập lệnh này.

Với các tùy chọn tùy chỉnh, bạn có thể thêm biểu tượng cảm xúc, hình ảnh liên quan hoặc thậm chí xác định văn bản tùy chỉnh với các kiểu như các mục được in đậm hoặc các liên kết neo.

Đây thực sự là một trong những trải nghiệm hình thức web năng động nhất mà tôi từng thấy. Nó đưa thiết kế UI tùy chỉnh lên một cấp độ hoàn toàn mới. Và điều này chắc chắn cho thấy web đã phát triển đến mức nào trong một vài thập kỷ.

Để có bản demo trực tiếp, hãy chắc chắn kiểm tra trang biểu mẫu trò chuyện bao gồm liên kết đến repo GitHub và liên kết tải xuống trực tiếp.

Cộng với toàn bộ điều là phát hành theo giấy phép MIT vì vậy nó miễn phí để sử dụng trên bất kỳ trang web nào.