เปลี่ยนเว็บฟอร์มทั่วไปเป็นบทสนทนาด้วยสคริปต์นี้

หากคุณเคยต้องการที่จะ ทำให้เป็นมนุษย์ในเว็บฟอร์มของคุณ จากนั้นคุณจะชื่นชอบสคริปต์ของฟอร์มการสนทนาที่สร้างโดย SPACE10.

สคริปต์นี้ แปลงฟิลด์อินพุตทั้งหมดของคุณโดยอัตโนมัติเป็นข้อความสนทนาประเภทถาม & ตอบ. อินเทอร์เฟซยังเปลี่ยนเป็นฟิลด์ข้อความชนิด SMS ที่ผู้ใช้พิมพ์คำตอบและสคริปต์การตอบสนอง.

ฉันจะเป็นคนแรกที่พูดแบบนี้ จะไม่เป็นประโยชน์กับทุกคน. มันไม่ได้มอบประสบการณ์การใช้งานที่ดีที่สุดให้กับทุกเว็บไซต์ แต่เป็นความคิดที่ไม่เหมือนใครที่ฉันยังไม่เคยเห็นที่ไหนเลย.

คุณสามารถดูตัวอย่างสดเพื่อดูว่ามันทำงานอย่างไรและมีลักษณะอย่างไรในเว็บไซต์ของคุณ.

นี่เป็นเพียงตัวอย่างเดียวของสิ่งที่คุณสามารถทำได้กับสคริปต์แชทนี้และแน่นอน เสนอการปรับแต่งมากมายสำหรับนักพัฒนา.

คุณเพียงแค่ต้องรวมสคริปต์ JS หนึ่งรายการลงในหน้าของคุณ (ไม่มีการขึ้นต่อกัน) จากนั้นตั้งค่าแบบฟอร์มของคุณโดยใช้แอตทริบิวต์ที่กำหนดเอง รายละเอียดเหล่านี้กล่าวถึงใน repo หลักของ GitHub ซึ่งรวมถึงลิงค์ดาวน์โหลดสำหรับสคริปต์ทั้งหมด.

chatbot จะบันทึกคำตอบจากคำถามแต่ละข้อโดยอัตโนมัติ, จากนั้นเก็บคำตอบเหล่านั้นไว้ในฟิลด์ป้อนข้อมูล HTML ค่อนข้างเท่ห์?

คุณสามารถอ่านเพิ่มเติมเกี่ยวกับกระบวนการนี้ในโพสต์บล็อกเบื้องต้นของ บริษัท ซึ่งครอบคลุมถึงวิธีที่พวกเขาได้รับแนวคิดและวิธีสร้างสคริปต์นี้.

ด้วยตัวเลือกที่กำหนดเองคุณสามารถ เพิ่มอิโมจิภาพที่เกี่ยวข้องหรือแม้แต่กำหนดข้อความที่กำหนดเอง ด้วยสไตล์เช่นรายการตัวหนาหรือลิงค์ยึด.

นี่เป็นหนึ่งในประสบการณ์เว็บฟอร์มที่มีพลวัตที่สุดเท่าที่ฉันเคยเห็นมา ใช้การออกแบบ UI ที่กำหนดเองไปสู่ระดับใหม่ทั้งหมด และนี่แสดงให้เห็นว่าเว็บมีความก้าวหน้าในอีกไม่กี่ทศวรรษ.

สำหรับการสาธิตสดโปรดตรวจสอบหน้าแบบฟอร์มการสนทนาที่มีลิงค์ไปยัง repo GitHub และลิงค์ดาวน์โหลดสด.

รวมทั้งสิ่งทั้งหมดคือ เผยแพร่ภายใต้ใบอนุญาต MIT ดังนั้นจึงใช้ได้ฟรีบนเว็บไซต์ใด ๆ.