React / Next.js

คอมโพเนนต์ <TalkmioChat siteKey="…" /> สำหรับ React, Next.js (App และ Pages router), Vite, Remix และ Gatsby รองรับ SSR — โดยจะโหลดวิดเจ็ตเพียงครั้งเดียวในเบราว์เซอร์และระบุตัวตนผู้ใช้ปัจจุบัน

ดาวน์โหลด talkmio-react-1.0.0.zip

การติดตั้ง

1. คัดลอก src/index.js ไปยังโปรเจกต์ของคุณ (หรือติดตั้งแพ็กเกจจากไฟล์ zip ด้วย npm install ./talkmio-react)
2. เรนเดอร์เพียงครั้งเดียว เช่น ใน root layout: <TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} />
3. Next.js App Router: ให้ใส่ไว้ใน client component ('use client') ที่ถูกเรียกใช้จาก app/layout.js

Site key ของฉันอยู่ที่ไหน? ลงชื่อเข้าใช้ที่ app.talkmio.com → Websites เพิ่มเว็บไซต์ของคุณและคัดลอกคีย์ 12 หลัก (เช่น 2wkxhgujxwlv) ยังไม่มีบัญชีใช่หรือไม่? สร้างบัญชีฟรี — โดยไม่ต้องใช้บัตรเครดิต

ทดสอบแชทก่อนเปิดใช้งานจริง

หลังติดตั้ง ให้เปิดเว็บไซต์ในหน้าต่างส่วนตัวของเบราว์เซอร์ แล้วถาม Mio สองหรือสามคำถามที่ลูกค้าถามบ่อย ตรวจสอบว่าทุกคำตอบมาจากหน้าเว็บของคุณเอง หากมีข้อมูลขาด ให้เพิ่มลงในเว็บไซต์หรือฐานความรู้แล้วถามอีกครั้ง

สิ่งที่ผู้เข้าชมจะเห็น

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

ขั้นตอนถัดไป

ดูการเชื่อมต่อทั้งหมด เปรียบเทียบแพ็กเกจและราคา อ่านเอกสารคู่มือ หรือดูคำถามที่พบบ่อย