วิธีเพิ่มแชตบอต AI ลงในเว็บไซต์โดยไม่ต้องเขียนโค้ด

คุณสามารถเพิ่มแชตบอต AI ลงในเว็บไซต์ ได้โดยให้ความรู้ธุรกิจกับ Agent ตั้งค่าคำตอบ และติดตั้งวิดเจ็ตแชตผ่านปลั๊กอินหรือสคริปต์ที่ให้มา แชตบอตเว็บไซต์ของ Quickchat AI รวมความรู้ การตั้งค่าบทสนทนา และ Inbox ของทีมไว้ในที่เดียว ผู้เข้าชมถามคำถามบนเว็บไซต์ได้โดยไม่ต้องสร้างบัญชี

บทเรียนนี้สร้างแชตบอตให้ Kestrel Kitchens ธุรกิจออกแบบครัวสมมติ ผู้เข้าชมถามว่าการปรับปรุงใช้เวลานานเท่าใด ตรวจสอบค่าใช้จ่ายโดยประมาณของครัวขนาด 3 คูณ 4 เมตร แล้วขอใบเสนอราคา Agent ตอบจากข้อมูลของบริษัท เก็บรายละเอียดโครงการ และให้นักออกแบบสนทนาต่อ

การตั้งค่าหลักไม่ต้องเขียนโปรแกรม ทำตามส่วนความรู้และคำสั่ง เก็บข้อมูลผู้สนใจ และส่งต่อให้พนักงาน แล้วติดตั้งวิดเจ็ต ส่วนเสริม API Action ใช้ส่งคำขอที่มีข้อมูลครบไปยังระบบอื่น

ดาวน์โหลดชุดตั้งค่า Kestrel Kitchens เพื่อรับเว็บไซต์ตัวอย่าง ความรู้ Main Prompt การตั้งค่า และข้อความทดสอบ ไฟล์เหล่านี้แก้ไขได้และใช้ทำตามในแดชบอร์ด ไม่ใช่ไฟล์นำเข้า Agent ด้วยคลิกเดียว

ภาพหน้าจอและชุดตัวอย่าง พรอมป์ต์ และการตั้งค่าที่คัดลอกได้ยังคงเป็นภาษาอังกฤษ เพื่อให้ทำซ้ำตัวอย่างที่ทดสอบแล้วได้

แชตบอตบนเว็บไซต์จะทำอะไรได้บ้าง?

แชตบอตตอบคำถามจากเนื้อหาของคุณ บันทึกรายละเอียดเมื่อมีคำขอให้ติดต่อกลับ และส่งต่อบทสนทนาให้ทีมเมื่อจำเป็นต้องให้คนช่วย

ผลลัพธ์แต่ละอย่างต้องมีหลักฐานต่างกัน ช่วงราคาที่ถูกต้องมาจาก Knowledge Base คำขอใบเสนอราคาต้องมีข้อมูลติดต่อและรายละเอียดโครงการใน Inbox ส่วนการส่งต่อต้องมีพนักงานรับผิดชอบและส่งคำตอบถึงผู้เข้าชมจริง

เส้นทางของผู้เข้าชมในตัวอย่าง คำขอใบเสนอราคาบันทึกความสนใจไว้ ส่วนนักออกแบบยังต้องยืนยันราคาและความพร้อมให้บริการ

ต้องเตรียมอะไรก่อนเพิ่มแชตบอต?

คุณต้องมีบัญชี Quickchat AI ข้อมูลธุรกิจที่ตรวจสอบได้ และสิทธิ์เข้าถึงการตั้งค่าปลั๊กอินหรือโค้ดที่กำหนดเองของเว็บไซต์

1. สร้างบัญชี Quickchat AI และสมัครให้ครบทุกขั้นตอน ใช้ Agent แยกสำหรับแบบฝึกหัดนี้ เพื่อไม่ให้ข้อมูลตัวอย่างกระทบบริการลูกค้าที่ใช้อยู่
2. เตรียมหน้าบริการ คำถามที่พบบ่อย และนโยบาย หรือใช้ความรู้สมมติในชุดตัวอย่าง เปลี่ยนราคาและพื้นที่ให้บริการสมมติก่อนนำไปใช้กับธุรกิจจริง
3. ตรวจสอบว่าแพ็กเกจเว็บไซต์รองรับวิธีติดตั้งที่ต้องใช้ WordPress ต้องมีสิทธิ์ใช้ปลั๊กอิน ส่วนบริการสร้างเว็บไซต์แบบโฮสต์บางแห่งต้องใช้แพ็กเกจเสียเงินจึงจะเพิ่มโค้ดที่ทำงานทั่วเว็บไซต์ได้
4. จัดให้มีคนเฝ้า Inbox ทดสอบขณะลองส่งต่อให้พนักงาน เตรียมเบราว์เซอร์บนคอมพิวเตอร์และโทรศัพท์สำหรับตรวจเว็บไซต์ในขั้นตอนสุดท้าย

Free ใช้สำหรับการเรียนรู้ส่วนบุคคลที่ไม่ใช่เชิงพาณิชย์ แพ็กเกจ Free มีเครดิต AI 50 เครดิตต่อเดือน การใช้งานธุรกิจต้องใช้แพ็กเกจเชิงพาณิชย์ และการทดสอบใช้โควตาคำตอบเดียวกับบทสนทนา AI อื่น ค่าสมัครบริการสร้างเว็บไซต์และค่า API ภายนอกแยกต่างหาก ส่วนค่าใช้จ่าย อธิบายความแตกต่างของค่าใช้จ่ายเหล่านี้

ขั้นตอนที่ 1: ให้แชตบอตเรียนรู้ข้อมูลเว็บไซต์อย่างไร?

เพิ่มหน้าที่มีคำตอบเกี่ยวกับธุรกิจลงใน Knowledge Base แล้วตรวจสอบเนื้อหาที่นำเข้าก่อนทดสอบ เพื่อให้ Agent มีแหล่งอ้างอิงสำหรับตอบคำถาม

สร้าง Agent สำหรับเรียนรู้

1. ในหน้าตั้งค่าแรก เลือก Set up manually หากเริ่มจากแดชบอร์ดที่มีอยู่ ให้กด + ข้าง AI Agent (Add new AI Agent) เพื่อสร้าง Agent แยก แล้วเลือก Set up manually
2. ใน Identity ใส่ Kestrel Kitchens ใต้ Name your AI Agent วาง main-prompt.txt จากชุดตัวอย่างลงใน Describe what you want your agent to do ข้อความนี้จะเป็น Main Prompt ของ Agent ซึ่งอธิบายในขั้นตอนที่ 2 เลือก Next
3. เว้น Knowledge Base ว่างไว้ก่อน แล้วเลือก Next ผ่าน External apps โดยไม่เลือกการเชื่อมต่อ ใน Deployment เลือก Chat widget แล้วเลือก Next
4. ใน Choose your plan เลือก Skip for now เพื่อทำแบบฝึกหัดสำหรับเรียนรู้ส่วนบุคคลต่อ หรือเลือกแพ็กเกจเชิงพาณิชย์ที่เหมาะสมสำหรับธุรกิจ ดำเนินการหรือปิดข้อเสนอเพิ่มเติมที่อาจปรากฏหลังจากนั้น
5. ในแดชบอร์ด ตรวจสอบชื่อ Agent ใน Identity แล้วเปิด Knowledge Base เลือกใช้หน้าเว็บไซต์ของคุณเองหรือบทความตัวอย่างด้านล่าง

นำเข้าหน้าเว็บไซต์ของคุณเอง

1. ใน Knowledge Base เลือก Add Website เลือกนำเข้าหน้าเดียวหรือทั้งเว็บไซต์ตามปริมาณข้อมูลที่ต้องการ
2. ใส่ URL สาธารณะ หากนำเข้าทั้งเว็บไซต์ ให้ตรวจหน้าที่ค้นพบ แล้วเลือกหน้าบริการ ราคา กระบวนการ และคำถามที่พบบ่อยที่ควรใช้ประกอบคำตอบ
3. ตรวจข้อความที่นำเข้า ยืนยันว่าราคาใช้สกุลเงินและวิธีคิดภาษีถูกต้อง และไม่มีโปรโมชันเก่าหรือหน้าที่ไม่เกี่ยวข้องกลายเป็นแหล่งข้อมูล
4. รอให้ประมวลผลเสร็จ ใช้หรือเผยแพร่การเปลี่ยนแปลงความรู้ที่ยังค้างตามที่แดชบอร์ดแสดง ก่อนทดสอบวิดเจ็ตที่ติดตั้งแล้ว

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

ใช้แหล่งข้อมูล Kestrel Kitchens

หากต้องการทำซ้ำตัวอย่างโดยไม่ต้องโฮสต์เว็บไซต์ก่อน ให้เพิ่มข้อเท็จจริงโดยตรง:

1. ใน Knowledge Base เลือก Add Article ระบบจะสร้างบทความ Untitled และเปิด Edit Article
2. ใส่ Kestrel Kitchens: services, prices and process ใน Title ใต้ Content เลือก Plain Text แล้ววาง knowledge.txt จากชุดตัวอย่าง
3. เลือก Save แล้วรอให้บทความมีสถานะ Ready ตรวจสอบว่าชื่อบทความปรากฏในรายการ Knowledge Base

บทความที่บันทึกไว้ยังมีเงื่อนไขเรื่องราคาและระยะเวลาครบ ข้อเท็จจริงสมมติตรงกับเว็บไซต์ตัวอย่าง

Kestrel Kitchens is a fictional kitchen design and renovation business used in this tutorial. It serves Bristol, Bath and addresses within 25 miles of central Bristol.

Services: kitchen design, supply and full installation. A full kitchen renovation typically costs £18,000 to £45,000 including VAT. This is a planning range, not a quote. The final price depends on the survey, layout, cabinetry, appliances and building work. Room dimensions alone are not enough to calculate a firm price.

Timelines: survey and design normally take 2 to 3 weeks. Installation usually takes 4 to 8 weeks after all materials are available. These are typical durations, not a promised start date or completion date.

Process: discuss the project, arrange a site survey, agree the design and receive a written quote, then schedule work once the quote is accepted and materials are available. The chatbot cannot book a survey or confirm availability.

The design team works Monday to Friday, 09:00 to 17:00, Europe/London. Quote enquiries need the visitor's full name, email, postcode and project type. A preferred timeline is helpful but optional. The team follows up by email. Do not promise a response deadline.

แหล่งข้อมูลตั้งใจไม่ระบุเรื่องสินเชื่อ เพื่อให้คุณทดสอบได้ว่า Agent รับมือกับข้อมูลที่ขาดจริงอย่างไร สำหรับเว็บไซต์จริง ให้ปรับปรุงหน้าแหล่งข้อมูลให้เป็นปัจจุบัน และใช้การตั้งค่ารีเฟรชที่รองรับเมื่อมี คู่มือ Knowledge Base อธิบายวิธีจัดระเบียบและทดสอบแหล่งข้อมูลเหล่านั้น

ขั้นตอนที่ 2: แชตบอตควรพูดอะไรและห้ามรับปากเรื่องใด?

ใช้ Main Prompt กำหนดวิธีที่ Agent นำความรู้ไปใช้ โดยตอบคำถามก่อน ให้คำตอบที่มีประโยชน์ และให้ทีมตัดสินใจเรื่องที่ต้องยืนยัน เช่น ใบเสนอราคาที่แน่นอน

สำหรับ Kestrel ขนาดห้องบอกขนาดของโครงการ แต่ไม่ได้ระบุรายละเอียดตู้ครัว เครื่องใช้ไฟฟ้า หรืองานก่อสร้าง Agent ควรอธิบายช่วงราคาเพื่อวางแผน £18,000 ถึง £45,000 รวม VAT ตามแหล่งข้อมูล โดยไม่คำนวณราคาให้เจาะจงขึ้นจากพื้นที่พื้นห้อง

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

1. ใน Identity เลือก Edit บนการ์ด Main Prompt
2. วางพรอมป์ต์ฉบับเต็มด้านล่าง รอให้บันทึก แล้วเปิดตัวแก้ไขอีกครั้งเพื่อตรวจข้อความที่เก็บไว้
3. เก็บข้อเท็จจริงของธุรกิจไว้ใน Knowledge Base ใช้พรอมป์ต์กำหนดรูปแบบคำตอบ พฤติกรรมการเก็บข้อมูล และเรื่องที่ต้องให้คนตัดสินใจ

Main Prompt เป็นฟิลด์คำสั่ง ข้อความฉบับเต็มด้านล่างและในชุดตัวอย่างเป็นเวอร์ชันสำหรับคัดลอก

You are the website assistant for Kestrel Kitchens. Help visitors understand our services, indicative prices and process using the Knowledge Base.

Answer the visitor's question before asking for contact details. Keep replies concise, usually two to four sentences. Use the visitor's language.

Treat prices as planning ranges. Never calculate a firm quote from room dimensions, invent a discount, promise a start date, confirm a survey booking or claim financing is available. If the Knowledge Base does not answer a question, say that a designer must confirm it.

When a visitor wants a quote or follow-up, collect their full name, email, postcode and project type in conversation. Ask one or two relevant questions at a time. Ask about their preferred timeline only after the required details, and accept a refusal without pressure. Do not ask for payment information.

Offer Human Handoff when the visitor asks for a designer or needs information you cannot confirm. Respect the configured working hours. Never claim that a designer is connected or a quote is booked. If the team is unavailable, offer an email follow-up.

Acknowledge the details the visitor has provided. Do not claim CRM delivery or a confirmed booking. The design team reviews enquiries in the Inbox.

เปิด AI Preview แล้วถาม How long does a full kitchen renovation take? ในการทดสอบควบคุมภายในเครื่อง Agent ตอบว่าการสำรวจและออกแบบใช้เวลา 2 ถึง 3 สัปดาห์ จากนั้นการติดตั้งใช้เวลา 4 ถึง 8 สัปดาห์หลังวัสดุพร้อม ทั้งระยะเวลาและเงื่อนไขประกอบมีความสำคัญ

เริ่มบทสนทนาใหม่แล้วถาม Do you offer financing? คำตอบที่ถูกต้องต้องยอมรับว่าแหล่งข้อมูลไม่ได้ยืนยันว่ามีข้อเสนอนี้ และส่งคำถามให้นักออกแบบ การเพิ่มถ้อยคำที่มั่นใจขึ้นในพรอมป์ต์ไม่ได้เติมข้อเท็จจริงทางธุรกิจที่ขาดไป

ขั้นตอนที่ 3: เก็บคำขอใบเสนอราคาในแชตอย่างไร?

Smart Data Gathering ถามข้อมูลที่เลือกไว้ระหว่างบทสนทนาและบันทึกสิ่งที่ผู้เข้าชมให้มา สำหรับคำขอใบเสนอราคา ให้เก็บเฉพาะข้อมูลที่นักออกแบบต้องใช้ติดต่อกลับ

1. เปิด Actions & MCPs เปิดใช้ Smart Data Gathering แล้วเลือก Edit Action ตั้ง Name เป็น Quote enquiries และ Description เป็น Capture contact and project details for a kitchen design enquiry. ชื่อที่บันทึกจะกลายเป็นชื่อการ์ด
2. ใต้ Data to collect เพิ่มแถวตามตารางด้านล่าง เมื่อทำซ้ำตัวอย่างให้คงชื่อ Data point ภาษาอังกฤษเหล่านี้ไว้ เพราะชื่อข้อมูลติดต่อมีการจับคู่พิเศษกับฟิลด์ผู้เข้าชมใน Inbox
3. ตั้ง Reason for collecting information เป็น So a Kestrel Kitchens designer can assess your project and follow up by email.
4. ตั้ง When to ask for data เป็น After exchanging a few messages และ How to ask for data เป็น Subtle
5. บันทึก Action ใน AI Preview ให้ถามคำถามเกี่ยวกับบริการที่มีประโยชน์ก่อนขอใบเสนอราคา แล้วตรวจรายละเอียดที่บันทึกใน Inbox

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

ชื่อ อีเมล รหัสไปรษณีย์ และประเภทโครงการเป็นข้อมูลจำเป็นของคำขอที่มีข้อมูลครบ ในตัวอย่างนี้ ส่วนกำหนดเวลาเป็นข้อมูลเสริมตามที่ Main Prompt อธิบาย ข้อกำหนดธุรกิจนี้แยกจากการตั้งค่าเก็บข้อมูลในบทสนทนา ขั้นตอนที่ 8 จะบังคับให้มีฟิลด์จำเป็นก่อนส่งคำขอไปยัง CRM

Agent ควรตอบคำถามค่าใช้จ่ายทั่วไปโดยไม่บังคับให้ผู้เข้าชมให้อีเมลก่อนจึงจะได้รับคำตอบ ผู้เข้าชมปฏิเสธการเก็บข้อมูลได้เช่นกัน ใช้ I am only researching. I do not want to leave contact details. เพื่อตรวจว่าบทสนทนายังมีประโยชน์โดยไม่ขอข้อมูลซ้ำ

รายละเอียดที่เก็บไปอยู่ที่ไหน?

เปิดบทสนทนาใน Inbox ข้อมูลติดต่อมาตรฐานปรากฏในฟิลด์ผู้เข้าชม ส่วนค่าอื่นที่เก็บจะยังแนบกับบทสนทนา และส่งออกผ่าน Export Gathered Data ได้

ใต้ Where to send data ตัวเลือก Email new leads จะแจ้งผู้ดูแล Agent ทุกคนเมื่อเก็บอีเมลหรือหมายเลขโทรศัพท์ได้เป็นครั้งแรก ชื่ออย่างเดียวไม่ทำให้ส่งอีเมล Preview และ Simulation ไม่ส่งการแจ้งเตือนเหล่านี้ จึงควรตรวจกล่องจดหมายผู้ดูแลของคุณด้วยการทดสอบแบบควบคุมบนวิดเจ็ตที่ติดตั้งแล้ว ก่อนพึ่งพาการส่งอีเมล บทเรียนที่รันในเครื่องนี้ปิดการส่งอีเมลภายนอกไว้

เอกสาร Smart Data Gathering อธิบายการเก็บข้อมูล การแจ้งเตือน และการส่งออก สำหรับเว็บไซต์ของคุณ ให้อธิบายเหตุผลที่ขอข้อมูลและใส่ลิงก์ประกาศความเป็นส่วนตัวในวิดเจ็ต คู่มือคุ้มครองข้อมูลแชตบอต ช่วยตรวจภาพรวมการไหลของข้อมูล

ขั้นตอนที่ 4: ให้พนักงานรับช่วงแชตอย่างไร?

Human Handoff ส่งต่อบทสนทนาให้ทีม จากนั้นพนักงานรับช่วงใน Inbox และตอบผู้เข้าชมคนเดิม

เตรียมการส่งต่อก่อนเผยแพร่วิดเจ็ต คนที่ขอคุยกับนักออกแบบไม่ควรต้องกรอกแบบฟอร์มขอใบเสนอราคาให้เสร็จก่อน และ Agent ไม่ควรสื่อว่ามีพนักงานออนไลน์นอกช่วงเวลาที่มีคนทำงาน

1. ใน Actions & MCPs เปิดใช้ Human Handoff แล้วเปิด Edit Action
2. เปิดกฎมาตรฐาน Media Message, User Frustration, Customer Support Suggestion และ Lack Of Knowledge ไว้ ส่วน Irrelevant Advice ให้ปิด Main Prompt อธิบายไว้แล้วว่าควรเสนอให้คุยกับนักออกแบบเมื่อใด ตัวอย่างที่ทดสอบใช้กฎมาตรฐานเหล่านี้โดยไม่เพิ่มกฎที่กำหนดเอง
3. ตั้งค่าข้อความและช่วงเวลาพร้อมให้บริการตามด้านล่าง แล้วบันทึก ปิด Email notifications ไว้สำหรับแบบฝึกหัด และตรวจการส่งต่อโดยตรงใน Inbox

ใช้เวลาที่มีคนเฝ้า Inbox จริง ตารางเวลาสมมตินี้ไม่ได้รับประกันว่าจะตอบทันที

ในช่วงที่มีพนักงาน ให้ถาม Can I speak to a designer? จากเว็บไซต์ ยืนยันการส่งต่อตามที่ Agent ขอ ใน Inbox เปิดบทสนทนาแล้วเลือก Assign to me หากยังไม่มีผู้รับผิดชอบ หรือ Take over เมื่อมีปุ่มนี้ ส่งคำตอบจากพนักงานและยืนยันว่าผู้เข้าชมได้รับ ใช้ Reassign to AI เมื่อต้องการให้ AI กลับมาตอบ

ตรวจผู้รับผิดชอบและคำตอบของพนักงานที่ส่งถึงแล้ว ไม่ใช่ตรวจเพียงข้อเสนอส่งต่อของ Agent

ทดสอบซ้ำในบทสนทนาใหม่นอกเวลาที่ตั้งไว้ Agent ควรอธิบายช่วงเวลาพร้อมให้บริการและเสนอช่องทางติดต่อกลับตามที่ระบุ หากเปลี่ยนตารางเวลาชั่วคราวเพื่อทดสอบ ให้คืนตารางเวลาจริงหลังจากนั้น เอกสาร Human Handoff อธิบายการตั้งค่าและขั้นตอนใน Inbox

คู่มือการส่งต่อจากแชตบอตให้เจ้าหน้าที่ มีขั้นตอนตรวจสอบแยกกันสำหรับผู้รับผิดชอบบทสนทนา การส่งบทสนทนากลับให้ AI และความผิดพลาดนอกเวลาทำการ

ขั้นตอนที่ 5: ปรับวิดเจ็ตให้เข้ากับเว็บไซต์อย่างไร?

ตั้งค่ารูปลักษณ์และข้อความคงที่ใน Channels → Your Website ใช้ข้อความต้อนรับที่เจาะจงพอจะอธิบายว่าผู้เข้าชมถามอะไรได้บ้าง

รูปลักษณ์ (Appearance)

1. เปิด Appearance สำหรับ Kestrel เลือกธีม Custom ที่มีพื้นหลังสีขาว ส่วนหัวและสีเน้นสีเขียวเข้ม (#315448) และข้อความส่วนหัวสีขาว คงขนาดข้อความเริ่มต้นและตัวควบคุมมุมมนไว้
2. ใต้ Branding → AI Agent Avatar คลิกไอคอนอัปโหลดของรูปประจำตัว เลือก website/kestrel-avatar.png จากชุดตัวอย่าง แล้วเลือก Upload ในกล่องครอปรูป
3. ตั้ง Widget window max width เป็น 400px และ Widget window max height เป็น 520px เลือกขนาดปุ่มเปิดแชตเป็น Small วางทางขวา และใช้ Ask about your kitchen เป็นข้อความบนปุ่ม ข้อความนี้ใช้ได้กับปุ่มเปิดแชตขนาดเล็ก ดูตัวอย่างตำแหน่งเทียบกับแบนเนอร์คุกกี้หรือตัวควบคุมแบบลอยอื่นบนเว็บไซต์
4. ปิด Auto-open Widget ไว้ การเปิดวิดเจ็ตทุกครั้งที่โหลดหน้ารบกวนการดูเว็บไซต์ โดยเฉพาะบนโทรศัพท์

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

เนื้อหาข้อความ (Text Content)

เปิด Text Content แล้วใช้ค่าต่อไปนี้:

ข้อความเริ่มบทสนทนาควรนำไปสู่งานที่มีประโยชน์ ข้อความชี้แจงบอกผู้เข้าชมว่าเรื่องใดยังต้องให้นักออกแบบตัดสินใจ

Agent ตอบเป็นภาษาของผู้เข้าชมได้ การแปลข้อความต้อนรับคงที่และป้ายข้อความของวิดเจ็ตเป็นการตั้งค่าแยกใน Other languages ซึ่งมีในแพ็กเกจเสียเงิน สำหรับเว็บไซต์หลายภาษา ให้ทดสอบทั้งคำตอบและข้อความอินเทอร์เฟซคงที่ คู่มือแชตบอตหลายภาษา อธิบายความแตกต่างนี้

การเปลี่ยนรูปลักษณ์อาจใช้เวลาสองสามนาทีกว่าจะถึงเซสชันผู้เข้าชมที่มีแคช โหลดใหม่ก่อนสรุปว่าการเปลี่ยนแปลงที่บันทึกไม่สำเร็จ Hide Quickchat AI Branding ต้องใช้ Professional ขึ้นไป คู่มือไวต์เลเบล อธิบายจุดอื่นที่ควรตรวจด้วย

ขั้นตอนที่ 6: ติดตั้งแชตบอตบนเว็บไซต์อย่างไร?

ติดตั้ง Widget ในเลย์เอาต์ร่วมของเว็บไซต์ หรือใช้การเชื่อมต่อแพลตฟอร์มที่รองรับ Widget แบบลอยต้องทำงานในหน้าที่ผู้เข้าชมกำลังเปิดดู

1. เปิด Channels → Your Website → Install
2. เปิด Widget & Embed access สำหรับวิดเจ็ตสาธารณะ
3. เลือกวิธีติดตั้งสำหรับเว็บไซต์ แล้วคัดลอกสไนเป็ตหรือ Scenario ID ที่แสดงสำหรับ Agent นี้
4. เผยแพร่การเปลี่ยนแปลง เปิดเว็บไซต์สาธารณะ แล้วถามคำถามที่คุณทราบว่ามีคำตอบใน Knowledge Base

คัดลอกจากหน้า Install ของ Agent นี้ Scenario ID เป็นตัวระบุวิดเจ็ตสาธารณะ ไม่ใช่คีย์ API ส่วนตัว

เว็บไซต์ทั่วไป: วางสไนเป็ต Widget ก่อนแท็กปิด body

เลือก Install manually with code แล้วคัดลอกสไนเป็ต Widget ตัวโหลดปัจจุบันมีรูปแบบดังนี้:

<script>
  (function(e,a,d,i,c,t=a.createElement(d)){e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},t.src=i,t.async=1,a.body.insertAdjacentElement("beforeend",t)})(window,document,"script","https://bubble.quickchat.ai/chat.js","_quickchat");
  _quickchat("init", "YOUR_SCENARIO_ID");
</script>

แทน YOUR_SCENARIO_ID ด้วยค่าจาก Install วางสไนเป็ตฉบับเต็มเพียงครั้งเดียว ติดก่อน </body> ในเลย์เอาต์ร่วม หรือใช้ฟิลด์ส่วนท้ายที่ทำงานทั่วเว็บไซต์ของเครื่องมือสร้างเว็บ ตัวโหลดนี้แทรกสคริปต์ลงใน body ของหน้า ดังนั้นการวางใน head ก่อนที่จะมี body อาจทำให้โหลดไม่ได้

ตำแหน่งมีความสำคัญ บล็อก HTML ที่ใช้ iframe เป็นหน้าแยกและไม่เหมาะกับ Widget แบบลอยนี้

ตัวเลือก Embed ที่แยกต่างหากใช้วางแชตภายในคอนเทนเนอร์ของหน้า หากต้องการส่วนแชตในหน้า ให้ใช้สไนเป็ตที่ตัวเลือกนี้สร้างให้ บล็อก HTML ที่แทรกโค้ดลงในหน้าโดยตรงรองรับรูปแบบนี้ได้ ส่วนบล็อกของเครื่องมือสร้างเว็บที่แยกโค้ดไว้ใน iframe เป็นอีกกรณีหนึ่ง ดูเอกสารช่องทางเว็บไซต์

WordPress: ติดตั้งปลั๊กอินทางการ

1. ใน WordPress เปิด Plugins → Add New ค้นหา Quickchat AI Agent แล้วเลือก Install Now และ Activate
2. เปิด Settings → Quickchat AI Agent
3. วาง Scenario ID จากหน้า Install ของ Quickchat AI แล้วเลือก Save Changes
4. เปิดหน้าสาธารณะแล้วตรวจวิดเจ็ต เลือกใช้ปลั๊กอินหรือสไนเป็ตด้วยตนเองอย่างใดอย่างหนึ่ง เพื่อไม่ให้ติดตั้งตัวโหลดซ้ำ

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

Squarespace: เพิ่มโค้ดส่วนท้ายด้วย Footer Code Injection

1. เปิดแผง Code Injection ของเว็บไซต์ หากเมนูในบัญชีของคุณต่างออกไป ให้ใช้การค้นหาการตั้งค่าในแดชบอร์ด
2. วางสไนเป็ต Widget ฉบับเต็มลงใน Footer แล้วบันทึก
3. เปิดหน้าที่เผยแพร่แล้วในแท็บเบราว์เซอร์แยก แล้วทดสอบคำตอบ

Squarespace มี Code Injection ในแพ็กเกจ Core, Plus, Advanced และแพ็กเกจรุ่นเก่าบางแพ็กเกจ การแทรกโค้ดส่วนท้ายวางโค้ดก่อน </body> ทั่วเว็บไซต์ ใช้จุดนี้สำหรับวิดเจ็ตแบบลอย บล็อก iframe ระดับหน้าไม่ให้ผลเท่ากัน โค้ดที่กำหนดเองนี้ไม่ครอบคลุมหน้าชำระเงินของ Squarespace

Wix: ใส่โค้ดใน Custom Code ที่ตำแหน่ง Body - end

1. ในแดชบอร์ดเว็บไซต์ เปิด Settings → Custom Code แล้วเลือก + Add Custom Code
2. วางสไนเป็ต Widget แล้วตั้งชื่อ Quickchat AI widget
3. ใช้กับ All pages และเลือก Body - end แล้วกด Apply
4. ทดสอบเว็บไซต์ที่เผยแพร่แล้ว รวมถึงการเปลี่ยนไปหน้าอื่น

Wix กำหนดให้เว็บไซต์เผยแพร่แล้วและเชื่อมโดเมนก่อนใช้โค้ดที่กำหนดเอง ใช้การตั้งค่า Custom Code ที่ทำงานทั่วเว็บไซต์สำหรับวิดเจ็ตแบบลอยนี้

Webflow: ใช้ Footer code แล้วเผยแพร่

1. เปิด Site settings → Custom code
2. วางสไนเป็ต Widget ใน Footer code แล้วเลือก Save changes
3. กด Publish ไปยังโดเมนที่ต้องการ แล้วทดสอบ URL ที่เผยแพร่นั้น

การตั้งค่าโค้ดที่กำหนดเอง ของ Webflow ต้องใช้แพ็กเกจ Workspace แบบเสียเงินที่เข้าเงื่อนไข หรือแพ็กเกจ Site ที่ใช้งานอยู่ การบันทึกการตั้งค่าอย่างเดียวยังไม่ใช่การเผยแพร่

Shopify: เลือกสไนเป็ตของ Agent ที่มีอยู่หรือแอป Shopify

สำหรับ Agent ของ Kestrel ที่สร้างไว้แล้ว ให้เพิ่มสไนเป็ต Widget ติดก่อน </body> ใน Online Store → Themes → Edit code → layout/theme.liquid แล้วบันทึกและตรวจหน้าร้าน สำรองธีมก่อนแก้ไข และตรวจการติดตั้งอีกครั้งหลังเปลี่ยนธีม วิธีนี้แสดง Agent ที่คุณเลือก แต่ไม่ได้ตั้งค่า Actions สำหรับสินค้าหรือคำสั่งซื้อ

สำหรับ Agent ที่เน้นงานร้านค้า การตั้งค่าแอป Shopify ของ Quickchat AI จะเชื่อมร้านผ่านขั้นตอนเริ่มใช้งานของแอปเอง หลังเชื่อมแล้ว ใช้ Enable Widget in Shopify Theme Editor หรือเปิด Online Store → Themes → Edit theme → App embeds เปิด Quickchat AI Widget แล้วบันทึก เอกสาร app embed ของ Shopify อธิบายตัวควบคุมธีม เมื่อเปลี่ยนธีมที่เผยแพร่ ให้เปิด app embed อีกครั้ง

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

ตรวจสไนเป็ตก่อนแก้ปัญหา Agent

การตรวจสอบเสริมเหล่านี้ใช้ค่าที่คุณป้อน:

• ตรวจสไนเป็ต Widget ตรวจโค้ดที่วางเทียบกับ Scenario ID ที่ให้มา โดยไม่ดึงข้อมูลเว็บไซต์ของคุณ
• เปรียบเทียบวิธีนำไปใช้งาน ตรวจช่องทาง สิทธิ์เข้าถึงเว็บไซต์ และฟีเจอร์ที่คุณระบุว่าต้องใช้ เทียบกับตัวเลือกตั้งค่าของ Quickchat AI โดยไม่ตรวจเว็บไซต์หรือบัญชีของคุณ

ในเบราว์เซอร์ที่รองรับ การตรวจเหล่านี้ใช้เป็นเครื่องมือของเว็บไซต์ได้ด้วย ลิงก์จะเปิดแบบฟอร์มมาตรฐาน

ขั้นตอนที่ 7: ทดสอบแชตบอตก่อนผู้เข้าชมใช้งานอย่างไร?

แยกทดสอบคำตอบ ข้อมูลที่บันทึก และคำตอบที่ส่งถึง AI Preview และ Simulation Testing ช่วยประเมินพฤติกรรม ส่วนเว็บไซต์ที่เผยแพร่แล้วพิสูจน์ว่าผู้เข้าชมใช้วิดเจ็ตที่ติดตั้งได้

ทดสอบคำถามอิสระใน Simulation Testing

เปิด Testing → Create Dataset ตั้งชื่อ Kestrel Kitchens: website launch checks แล้วเลือก Paste messages เพิ่มคำถามเรื่องระยะเวลา ราคา และสินเชื่อด้านล่าง โดยคั่นแต่ละคำถามด้วยบรรทัดที่มี --- การขึ้นบรรทัดใหม่อย่างเดียวยังทำให้ข้อความอยู่ในข้อความทดสอบเดียวกัน ตั้ง Evaluation criteria ให้ตรวจข้อเท็จจริงและความกระชับของคำตอบ แล้วเลือก Run → Start Run ชุดตัวอย่างมีข้อความและเกณฑ์ฉบับตรงกันให้ใช้

แต่ละแถวในชุดข้อมูลเริ่มบทสนทนาแยก ใช้ Simulation สำหรับคำถามอิสระเหล่านั้น ส่วนการตรวจขอใบเสนอราคาแบบหลายรอบและการรับช่วงโดยพนักงาน ให้ทำในบทสนทนา AI Preview หรือเว็บไซต์เดียวกัน ตรวจบันทึก Action และระบบรับแยกด้วย เพราะตัวประเมินข้อความสนทนาไม่สามารถยืนยันการส่งถึงระบบภายนอก

เปิดรอบทดสอบที่เสร็จแล้วและตรวจคำตอบ คำตอบราคานี้คงช่วงราคาเพื่อวางแผนไว้ คะแนนคำตอบไม่ได้ยืนยันว่าส่งถึงระบบอื่น

ใช้บทสนทนาใหม่ ระหว่างกรณีทดสอบอิสระ การโหลดหน้าใหม่อาจกลับไปบทสนทนาเดิม จึงควรใช้ตัวควบคุมเริ่มแชตใหม่ของวิดเจ็ตเมื่อต้องการทดสอบใหม่ตั้งแต่ต้น

ตรวจเว็บไซต์บนโทรศัพท์

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

ปิดท้ายด้วยการให้พนักงานจริงตอบจาก Inbox คำตอบ AI ที่ดีไม่ได้พิสูจน์ว่าช่องทางช่วยเหลือจากพนักงานทำงานได้ ทดสอบรายการสำคัญบางส่วนซ้ำหลังเปลี่ยนแหล่งข้อมูล พรอมป์ต์ Actions หรือธีมเว็บไซต์

ขั้นตอนที่ 8: ส่งคำขอที่มีข้อมูลครบไปยัง CRM อย่างไร?

API Action ที่เลือกเพิ่มได้ใช้ส่งฟิลด์ที่บันทึกไว้ไปยังระบบรับ HTTP หลังบทสนทนามีข้อมูลจำเป็นครบ แชตบอตเว็บไซต์ส่วนหลักใช้งานได้อยู่แล้วโดยไม่ต้องเพิ่มส่วนนี้

ต้องแยกให้ชัดระหว่างเก็บข้อมูลติดต่อได้แล้ว กับคำขอนี้มีข้อมูลครบแล้ว Quickchat AI ตั้งค่า lead_captured เมื่อเก็บฟิลด์ติดต่อมาตรฐานได้ใหม่ ซึ่งรวมถึงชื่อ แฟล็กนี้เพียงอย่างเดียวไม่ได้ยืนยันว่ามีอีเมล รหัสไปรษณีย์ หรือประเภทโครงการแล้ว

แพลตฟอร์มตรวจทุกเงื่อนไข โมเดลเก็บข้อมูล ส่วนเงื่อนไขกำหนดว่าเมื่อใดคำขอจึงเข้าเกณฑ์ส่งได้

เตรียมระบบรับ

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

หากต้องการใช้การเชื่อมต่อที่ระบบจัดการให้แทน ให้ทำตามบทเรียนรายงานผ่าน Google Sheets หรือคู่มือเชื่อม CRM ที่กำหนดเอง อย่าเปิดสองเวิร์กโฟลว์ที่ต่างก็สร้างข้อมูลผู้สนใจรายการเดียวกัน

ตั้งค่า API Action อัตโนมัติหนึ่งรายการ

1. เปิด Actions & MCPs → Custom Actions → Add Action → API Action เลือก Create manually หากตัวสร้างจากคำอธิบายเปิดขึ้นมา
2. ตั้ง API Action Name เป็น Send quote enquiry
3. เว้น What to ask the user first ว่างไว้ Action นี้อ่านฟิลด์ที่ Smart Data Gathering บันทึกไว้แล้ว ไม่ได้ขอให้โมเดลกรอกพารามิเตอร์อีกชุด
4. ใต้ API Endpoint เลือก POST แล้วใส่ URL HTTPS /enquiries ของระบบรับ
5. เพิ่มส่วนหัว เนื้อหา และเงื่อนไขด้านล่าง จากนั้นบันทึกและเปิดใช้งาน Action

ใส่โทเค็นเฉพาะในการตั้งค่าส่วนหัวของ Action อย่าใส่ในพรอมป์ต์ สไนเป็ตเว็บไซต์ หรือบทสนทนากับผู้เข้าชม README ของระบบรับสาธิตอธิบายวิธีสร้างโทเค็น สำหรับการเชื่อมต่อจริง ให้ใช้วิธียืนยันตัวตนตามเอกสารของ CRM

ในแท็บ Body เลือก JSON แล้วใส่:

{
  "conversation_id": "{{conversation_id}}",
  "name": "{{metadata_visitor_name}}",
  "email": "{{metadata_visitor_email}}",
  "postcode": "{{metadata_postcode}}",
  "project_type": "{{metadata_project_type}}"
}

ใช้ Add AI Data แทรกค่าที่มีมาให้และค่าเมทาดาทาที่ตรงกัน conversation_id ระบุบทสนทนา ค่าอื่นมาจากฟิลด์ที่บันทึกไว้ ชื่อข้อมูลติดต่อภาษาอังกฤษจับคู่กับ visitor_name และ visitor_email ส่วน Project type กลายเป็น project_type เอกสารตัวแปร อธิบายการจับคู่เหล่านี้

ใต้ When to run เลือก When metadata matches ใน Run when เพิ่มให้ครบห้าแถว เงื่อนไขเมทาดาทา เชื่อมกันด้วย AND:

สำหรับฟิลด์ข้อความเหล่านี้ is true ปฏิเสธทั้งค่าว่างและข้อความที่ตีความเป็นเท็จ ส่วน exists ตรวจเพียงว่ามีคีย์อยู่ สตริงว่างที่บันทึกไว้จึงอาจผ่านได้ การทดสอบด้านล่างแสดงเหตุผลที่ต้องใช้เงื่อนไขเข้มกว่า การตรวจนี้ยืนยันว่ามีข้อความที่ใช้งานได้ ไม่ใช่การตรวจยืนยันตัวตนผู้เข้าชมหรือรายละเอียดสถานที่โดยอิสระ

ใช้ API Action Description ต่อไปนี้:

Send a quote enquiry to the design team when the visitor has provided their full name, email, postcode and project type. This records an enquiry only; it does not book a survey or confirm a price.

สองเงื่อนไขแรกจากห้าเงื่อนไขที่บันทึกไว้ เพิ่มทุกแถวจากตาราง When metadata matches จะตรวจหลัง AI ตอบแต่ละรอบ โดยไม่ต้องให้ Agent เลือก Action

ระบบพยายามเรียก Action หนึ่งครั้งต่อบทสนทนา เมื่อทุกเงื่อนไขตรงกัน จะไม่เรียกซ้ำเมื่อได้รับกำหนดเวลาที่เป็นข้อมูลเสริม และคำขอที่ส่งแล้วล้มเหลวจะไม่ถูกลองใหม่อัตโนมัติในบทสนทนานั้น เก็บกำหนดเวลาไว้ใน Inbox ให้นักออกแบบ หรือสร้างการเชื่อมต่อที่ระบุขั้นตอนสร้างและอัปเดตชัดเจน หาก CRM ต้องรับการเปลี่ยนแปลงภายหลัง

คำขอทำงานหลัง AI ตอบในรอบนั้น และผลตอบกลับของคำขอจะไม่ถูกแทรกในแชต Main Prompt จึงรับทราบรายละเอียดของผู้เข้าชมโดยไม่อ้างว่า CRM รับแล้ว ตรวจการส่งถึงในบันทึก Action และระบบรับ เอกสาร Action อัตโนมัติ อธิบายพฤติกรรมการทำงานนี้

ทดสอบข้อมูลบางส่วนก่อน แล้วจึงทดสอบคำขอที่มีข้อมูลครบ

เวอร์ชันแรกใช้ exists กับฟิลด์ข้อความจำเป็น Sam ให้ชื่อ แล้วให้อีเมลในข้อความถัดไป แต่ Smart Data Gathering สร้างค่ารหัสไปรษณีย์และประเภทโครงการเป็นค่าว่างไว้แล้ว จึงมีคีย์เหล่านั้นอยู่ และ Action ส่งคำขอที่มีข้อมูลไม่ครบออกไป การส่งนี้ยังใช้โอกาสหนึ่งครั้งของบทสนทนานั้นไปด้วย

วิธีแก้คือเปลี่ยนเงื่อนไขของฟิลด์ข้อความทั้งสี่เป็น is true โดยคงการตั้งค่าอื่นไว้ ทดสอบซ้ำในบทสนทนาใหม่โดยให้อีเมลอย่างเดียวในรอบที่สอง Action ควรรอรายละเอียดโครงการที่เหลือ

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

การเรียก Action จริงได้ผลตอบกลับ HTTP 201 เปิดรายละเอียดเพื่อตรวจคำขอ ระเบียนที่บันทึกด้านล่างแสดงสิ่งที่ระบบรับเก็บไว้

ระเบียนที่บันทึกจริงหนึ่งรายการจากระบบรับสาธิตที่มีการยืนยันตัวตน นี่คือคำขอสอบถาม ไม่ใช่ใบเสนอราคาหรือการนัดหมายที่ยืนยันแล้ว

การสาธิตใช้ระบบรับในเครื่องและบันทึกการส่ง HTTP จริง Agent ของ Quickchat AI ที่โฮสต์บนบริการต้องใช้เอนด์พอยต์ HTTPS ที่เข้าถึงได้สาธารณะ บริการไม่สามารถเข้าถึง URL localhost บนคอมพิวเตอร์ของคุณ

หากไม่มีข้อมูลมาถึง ให้ตรวจ View logs บน Action และเมทาดาทาที่บันทึกในบทสนทนา ค่าที่ขาด Action ที่ปิดไว้ และ HTTP ที่ล้มเหลวต้องแก้ต่างวิธีกัน แก้การตั้งค่าแล้วใช้บทสนทนาใหม่เพื่อทดสอบทริกเกอร์อัตโนมัติอีกครั้ง การขอให้แชตเดิมลองใหม่ไม่ได้รีเซ็ตโอกาสเรียกหนึ่งครั้งต่อบทสนทนา

ทำไมแชตบอตไม่แสดงหรือยังแสดงการตั้งค่าเก่า?

ตรวจหน้าที่เผยแพร่ ตำแหน่งติดตั้ง และสิทธิ์เข้าถึง Agent ก่อนเปลี่ยนพรอมป์ต์ ปัญหาการโหลดในเบราว์เซอร์แยกจากปัญหาคุณภาพคำตอบ

หากเบราว์เซอร์รายงานว่าทรัพยากรถูกบล็อก ให้ตรวจข้อผิดพลาด Content Security Policy หรือตัวบล็อกที่ระบุจริง หลีกเลี่ยงการปิดระบบป้องกันของเว็บไซต์ทั้งหมด ทดสอบหน้าสาธารณะผ่าน HTTPS และใช้เอกสารช่องทางเพื่อดูการตั้งค่าที่จำเป็น

แชตบอตบนเว็บไซต์มีค่าใช้จ่ายเท่าใด?

ค่าสมัครและโควตาการใช้งานครอบคลุมบริการ AI ส่วนแพ็กเกจเว็บไซต์และการเชื่อมต่อเสริมเป็นค่าใช้จ่ายแยก

เครดิต AI ไม่ใช่จำนวนบทสนทนา บทสนทนาหนึ่งอาจมีคำตอบ AI หลายครั้ง และโมเดลต่างกันอาจใช้เครดิตต่างกัน รวม Preview และ Simulation ในงบทดสอบด้วย ใช้ราคาและโควตาปัจจุบัน และคู่มือค่าใช้จ่ายแชตบอต เพื่อประเมินปริมาณการใช้งาน

ChatGPT หรือ Claude ช่วยตั้งค่าแชตบอตได้หรือไม่?

การเชื่อมต่อจัดการบัญชี Quickchat AI ช่วยให้ผู้ช่วยที่รองรับตั้งค่า Agent ในส่วนที่รองรับและเตรียมการทดสอบจากไฟล์เหล่านี้ได้

เชื่อมบัญชีของคุณเองผ่าน Quickchat AI ใน ChatGPT หรือ Quickchat AI ใน Claude ตามคู่มือ Manage with AI เครื่องมือที่รองรับครอบคลุมความรู้ Main Prompt ข้อความเริ่มบทสนทนา Human Handoff, HTTP Actions การทดสอบ และสไนเป็ตสำหรับนำไปใช้งาน

ตั้งค่า Smart Data Gathering และรายละเอียด Appearance ของวิดเจ็ตให้ครบในแดชบอร์ด คุณยังต้องอนุญาตบัญชีภายนอกและติดตั้งสไนเป็ตในการตั้งค่าเว็บไซต์ด้วย การเชื่อมต่อบัญชีใช้จัดการ Agent และแยกจากการเปิดให้เรียก Agent เป็นเครื่องมือ MCP

Use the Kestrel Kitchens website-chatbot kit to prepare a separate learning Agent. Do not change existing Agents. Set its name to Kestrel Kitchens, add knowledge.txt and set main-prompt.txt as Main Prompt. Configure the supported greeting, conversation starters and Human Handoff settings from the kit. Prepare the launch-test dataset with the supplied messages and criteria. Read back the saved configuration and return this Agent's current Widget snippet.
List the remaining dashboard steps for Smart Data Gathering, Appearance and website installation. Do not invent support for those settings. Leave the optional Send quote enquiry Action inactive until I provide my receiver URL and configure its credential. Before running tests or external writes, tell me the expected credit use and effects and obtain any approval required by this client. Do not claim that a website, email or CRM delivery works until it has been tested.

คำถามที่พบบ่อย

เพิ่มแชตบอต AI ลงในเว็บไซต์อย่างไร?

สร้าง Agent ใน Quickchat AI เพิ่มความรู้ธุรกิจ ตั้งค่า Main Prompt, Smart Data Gathering และ Human Handoff แล้วติดตั้ง Widget ผ่านปลั๊กอินหรือสไนเป็ตที่ให้มา ทดสอบคำตอบที่อ้างอิงแหล่งข้อมูล ข้อมูลติดต่อที่เก็บได้ และคำตอบของพนักงานที่ส่งถึงผู้เข้าชมบนเว็บไซต์ที่เผยแพร่แล้ว

เพิ่ม ChatGPT ที่ปรับแต่งเองลงในเว็บไซต์ได้หรือไม่?

คุณเพิ่มผู้ช่วยแบบ ChatGPT ที่เรียนรู้จากหน้าเว็บไซต์ของคุณเองได้ บทเรียนนี้นำ Agent ของ Quickchat AI ไปใช้งานผ่านวิดเจ็ตเว็บไซต์ ผู้เข้าชมจึงแชตบนเว็บไซต์ได้โดยไม่ต้องลงชื่อเข้าใช้ ChatGPT ความรู้ คำสั่ง และการเชื่อมต่อของ Agent จัดการใน Quickchat AI

เพิ่มแชตบอต AI ลงในเว็บไซต์ฟรีได้หรือไม่?

แพ็กเกจ Free ของ Quickchat AI รองรับการเรียนรู้ส่วนบุคคลที่ไม่ใช่เชิงพาณิชย์ และมีเครดิต AI 50 เครดิตต่อเดือน เว็บไซต์บริษัทหรือการใช้งานขายและสนับสนุนลูกค้าต้องใช้แพ็กเกจที่อนุญาตให้ใช้เชิงพาณิชย์ ค่าสมัครบริการสร้างเว็บไซต์แยกต่างหาก และการทดสอบก็ใช้เครดิต AI ด้วย

ต้องเขียนโค้ดหรือให้คีย์ API หรือไม่?

การตั้งค่าหลักใช้การตั้งค่าในแดชบอร์ดร่วมกับปลั๊กอิน app embed หรือสคริปต์ที่ให้มา สไนเป็ตเว็บไซต์มี Scenario ID สาธารณะ ไม่ใช่คีย์ API ส่วนตัว การเชื่อม CRM Action ที่เลือกเพิ่มต้องมีเอนด์พอยต์และการยืนยันตัวตนที่เหมาะสม เก็บข้อมูลยืนยันตัวตนนั้นไว้ในการตั้งค่า Action

แชตบอตเว็บไซต์เก็บข้อมูลผู้สนใจและคำขอใบเสนอราคาได้หรือไม่?

ได้ Smart Data Gathering ถามฟิลด์ที่เลือกไว้ระหว่างบทสนทนาและบันทึกใน Inbox ตัวเลือก Email new leads แจ้งผู้ดูแล Agent ได้หลังเก็บอีเมลหรือหมายเลขโทรศัพท์ API Action ส่งฟิลด์จำเป็นที่บันทึกไว้ไปยังระบบรับที่ตั้งค่าได้ ชื่อที่เก็บได้เพียงอย่างเดียวยังไม่ใช่คำขอที่มีข้อมูลครบ

พนักงานรับช่วงแชตได้หรือไม่?

ได้ ตั้งค่า Human Handoff พร้อมช่วงเวลาที่มีพนักงานและข้อความนอกเวลาทำการ ใน Inbox เลือก Assign to me สำหรับบทสนทนาที่ยังไม่มีผู้รับผิดชอบ หรือ Take over เมื่อมีปุ่มนี้ แล้วตอบผู้เข้าชม Reassign to AI จะคืนบทสนทนาให้ Agent

ใช้กับ WordPress, Shopify, Squarespace, Wix และ Webflow ได้หรือไม่?

แต่ละแพลตฟอร์มมีวิธีติดตั้ง ใช้ปลั๊กอิน WordPress ทางการ ใช้ Shopify app embed หลังเชื่อม Agent ของร้าน หรือใช้สไนเป็ตส่วนท้ายหรือท้าย body ที่ทำงานทั่วเว็บไซต์ตามความเหมาะสมสำหรับ Agent ที่มีอยู่ สิทธิ์ใช้ปลั๊กอินและข้อกำหนดแพ็กเกจสำหรับโค้ดที่กำหนดเองแตกต่างกันตามเครื่องมือสร้างเว็บ

ทำไมแชตบอตไม่แสดงบนเว็บไซต์?

ตรวจหน้าที่เผยแพร่ Scenario ID ที่ถูกต้อง และตำแหน่งสไนเป็ตที่ท้าย body ของหน้า ลบการติดตั้งเก่าที่ซ้ำกัน และหลีกเลี่ยงบล็อกที่ใช้ iframe สำหรับ Widget แบบลอย หากเปิดได้แต่ตอบไม่ได้ ให้ตรวจ Widget & Embed access และเครดิต AI ที่เหลือ

แชตบอตจะทำให้เว็บไซต์ช้าลงหรือไม่?

ตัวโหลดวิดเจ็ตดาวน์โหลดแบบอะซิงโครนัส แต่ยังเพิ่ม JavaScript และคำขอเครือข่าย เปรียบเทียบประสิทธิภาพการโหลดและการโต้ตอบก่อนและหลังติดตั้งบนหน้าที่เป็นตัวแทนของเว็บไซต์และบนโทรศัพท์ การโหลดแบบอะซิงโครนัสไม่ได้ยืนยันว่าไม่มีผลต่อประสิทธิภาพ

แชตบอตเว็บไซต์ใช้บนโทรศัพท์ได้หรือไม่?

วิดเจ็ตที่เปิดใช้เลย์เอาต์เต็มหน้าจอเมื่อหน้าจอแคบกว่า 768 CSS pixels ทดสอบปุ่มเปิดแชต คีย์บอร์ด การเลื่อน และตัวควบคุมปิดบนโทรศัพท์ ปิด Auto-open Widget ไว้เมื่อการเปิดอัตโนมัติจะรบกวนการดูเว็บไซต์

แชตบอตตอบเป็นภาษาของผู้เข้าชมได้หรือไม่?

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