แชร์ผ่าน

เพิ่มแชทบอทไปยังหน้า

หมายเหตุ

พอร์ทัล Power Apps ช่วยให้คุณสามารถเพิ่ม แชทบอท Power Virtual Agents เพื่อตอบคำถามที่โพสต์โดยผู้เยี่ยมชมในหน้าพอร์ทัลของคุณ แชทบอท (บอท) ที่ตั้งค่าคอนฟิกด้วยหัวข้อและข้อความทริกเกอร์ต่างๆ สามารถตอบคำถามที่โพสต์โดยผู้เยี่ยมชมในการสนทนาทางแชทได้โดยอัตโนมัติ

หมายเหตุ

ความสามารถในการเพิ่มแชทบอทโดยใช้สตูดิโอออกแบบรูปแบบใหม่ของ Power Pages ไม่รองรับ โปรดดู วิธีการ: ฝังแชทบอทบนหน้าเว็บ เกี่ยวกับวิธีฝังแชทบอทบนเว็บไซต์ Power Pages

ข้อกำหนดเบื้องต้น

ก่อนที่คุณจะสามารถเพิ่มบอท Power Virtual Agents เป็นหน้าพอร์ทัล Power Apps คุณต้องสร้างบอทก่อน หากคุณยังไม่มีบอทที่พร้อมใช้งานหรือบอทที่ตรงกับความต้องการของคุณ คุณจะมีตัวเลือกในพอร์ทัลเพื่อไปที่ Power Virtual Agents เพื่อสร้าง หากต้องการเรียนรู้วิธีสร้างบอท ไปที่ สร้างและลบบอท Power Virtual Agents

ข้อสำคัญ

คุณลักษณะนี้ต้องการเวอร์ชันต่อไปนี้สำหรับแพ็คเกจพอร์ทัลเริ่มต้นและโฮสต์พอร์ทัล:

  • เวอร์ชันโฮสต์พอร์ทัล 9.3.4.x หรือเวอร์ชันที่ใหม่กว่า
  • เวอร์ชันแพคเกจพอร์ทัลเริ่มต้น 9.2.2103.x หรือเวอร์ชันที่ใหม่กว่า ข้อมูลเพิ่มเติม: ข้อควรพิจารณาเพิ่มเติม

เพิ่มส่วนประกอบของแชทบอท

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

  1. ไปที่ Power Apps

  2. เลือก แอป จากบานหน้าต่างด้านซ้าย

  3. เลือกพอร์ทัลของคุณ

  4. เลือก แก้ไข เพื่อเปิดพอร์ทัล Studio

  5. เลือก ส่วนประกอบ จากบานหน้าต่างด้านซ้าย

  6. เลือกส่วนประกอบ แชทบอท

    เพิ่มส่วนประกอบแชทบอทไปยังหน้า

  7. เลือกบอทของคุณ

    เลือกบอทของคุณ

    หมายเหตุ

    หากคุณยังไม่มีบอทที่สร้างไว้แล้ว หรือต้องการสร้างบอทใหม่เพื่อใช้ในพอร์ทัล ให้เลือก Power Virtual Agents หลังจากที่คุณสร้างบอทแล้ว ให้เลือก การตั้งค่าคอนฟิกการซิงค์ ภายในพอร์ทัล Studio เพื่อสะท้อนการเปลี่ยนแปลงของบอท

  8. เลือกว่าจะให้บอทปรากฏในทุกหน้าในพอร์ทัลของคุณ หรือในหน้าเฉพาะ

  9. หากคุณเลือก หน้าเฉพาะ ใช้ จัดการบอทในหน้า เพื่อควบคุมหน้าที่สามารถใช้บอทนี้ได้

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

การตั้งค่าคอนฟิกขั้นสูง

ส่วนประกอบแชทบอทถูกแสดงผลโดยใช้เทมเพลตเว็บที่ชื่อว่า Power Virtual Agents

เท็มเพลตเว็บแชทบอท

คุณสามารถเปลี่ยนค่าสำหรับพารามิเตอร์ต่อไปนี้ภายในฟังก์ชัน "window.PvaEmbeddedWebChat.renderWebChat()"

แชทบอทพร้อมหมายเลขแต่ละส่วนสำหรับการอ้างอิง วิดเจ็ตแชทบอทพร้อมหมายเลขแต่ละส่วนสำหรับการอ้างอิง

ตัวเลข พารามิเตอร์ มูลค่า
1 ความกว้าง ใช้ตัวแปร "chatWidth" หากต้องการเปลี่ยน ให้อัปเดตความกว้างเป็นพิกเซล:
let chatWidth = "320px";
2 ความสูง ใช้ตัวแปร "chatHeight" หากต้องการเปลี่ยน ให้อัปเดตความสูงเป็นพิกเซล:
let chatHeight = "480px";
3 headerText ชื่อเรื่องของบอท โดยค่าเริ่มต้น จะใช้ชื่อของบอท หากต้องการเปลี่ยนแปลง ให้เพิ่มพารามิเตอร์ "headerText" ด้วยค่าส่วนหัวของบอท:
"headerText": 'Contoso chatbot';
4: fontColor
5: backgroundColor		 webChatHeaderStyleOptions กำหนดลักษณะส่วนหัวสำหรับส่วนประกอบแชทบอท เช่น สีของแบบอักษรและพื้นหลัง หากต้องการเปลี่ยนแปลง ให้อัปเดตพารามิเตอร์ "webChatHeaderStyleOptions" ด้วยค่าสำหรับคุณสมบัติ "fontColor" และ "backgroundColor":
"webChatHeaderStyleOptions": {"fontColor":'black',"backgroundColor":'white'}
6: backgroundColor
7: bubbleBackgroundcolor
8: bubbleTextColor
9: bubbleFromUserBackground
10: bubbleFromUserTextColor		 webChatCanvasStyleOptions กำหนดรูปแบบพื้นที่การแชทสำหรับองค์ประกอบแชทบอท เช่น พื้นหลังและสีพื้นหลังข้อความจากแชทบอทและผู้ใช้ หากต้องการเปลี่ยน ให้อัปเดตพารามิเตอร์ "webChatCanvasStyleOptions" ด้วยค่าสำหรับคุณสมบัติ "backgroundColor", "bubbleBackgroundcolor", "bubbleTextColor", "bubbleFromUserBackground" และ "bubbleFromUserTextColor":
"webChatCanvasStyleOptions": {"backgroundColor": "#123FFF","bubbleBackground":"#2340F0","bubbleTextColor": "#323130","bubbleFromUserBackground": "#412644","bubbleFromUserTextColor": "#F345FF"}
11: backgroundColor
12: iconColor		 webChatWidgetStyleOptions กำหนดลักษณะสำหรับส่วนประกอบ ChatWidget เช่น สีของไอคอนและพื้นหลัง หากต้องการเปลี่ยนแปลง ให้อัปเดตพารามิเตอร์ "webChatWidgetStyleOptions" ด้วยค่าสำหรับคุณสมบัติ "backgroundColor" และ "iconColor":
"webChatWidgetStyleOptions": {"backgroundColor": "#486744","iconColor": "#DF234F"}

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

หมายเหตุ

ไม่รองรับการเปลี่ยนแปลงใดๆ ไปยังเทมเพลตเว็บ Power Virtual Agents ที่นอกเหนือจากพารามิเตอร์ที่อธิบายไว้ข้างต้น

ข้อควรพิจารณาเพิ่มเติม

พิจารณาสิ่งต่อไปนี้เมื่อใช้แชทบอท Power Virtual Agents ภายในพอร์ทัล:

เวอร์ชันของเทมเพลตของพอร์ทัล

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

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

เมื่อข้อความนี้ปรากฏขึ้น ให้อัพเกรดแพคเกจพอร์ทัลของคุณ สำหรับข้อมูลเพิ่มเติม ดูที่ อัปเดตโซลูชันพอร์ทัล

หมายเหตุ

การอัปเกรดแพคเกจพอร์ทัลเริ่มต้นจะเปิดใช้งานพอร์ทัลเพิ่มเติมใดๆ ในสภาพแวดล้อมของคุณด้วยความสามารถในการใช้ส่วนประกอบแชทบอท ข้อมูลเพิ่มเติม: การอัปเดตแพคเกจพอร์ทัลเริ่มต้น

การลบโซลูชัน

คุณลักษณะนี้มาพร้อมกับโซลูชันพอร์ทัลที่เรียกว่า MicrosoftPortalBot กับชื่อที่แสดงของ พอร์ทัล Dynamics 365 - Bot พอร์ทัลของคุณจะหยุดทำงาน หากคุณลบโซลูชันนี้และไม่ดำเนินการต่อไปนี้

หากคุณลบโซลูชัน MicrosoftPortalBot คุณต้องรีสตาร์ทพอร์ทัลของคุณเพื่อให้แน่ใจว่าพอร์ทัลทำงานอย่างถูกต้อง

ในการเริ่มการทำงานพอร์ทัลใหม่:

  1. เปิด ศูนย์การจัดการ Power Platform สำหรับพอร์ทัลของคุณ

  2. บนบานหน้าต่างด้านซ้าย เลือก การดำเนินการของพอร์ทัล

  3. เลือก รีสตาร์ท เพื่อรีสตาร์ทพอร์ทัล

    ข้อสำคัญ

    การรีสตาร์ทพอร์ทัลจะทำให้พอร์ทัลไม่พร้อมใช้งานเป็นเวลาหลายนาที และผู้ใช้จะไม่สามารถเข้าถึง URL พอร์ทัลได้ในระหว่างนี้

  4. เลือก รีสตาร์ท เพื่อยืนยันการรีสตาร์ทพอร์ทัล

ดูเพิ่มเติม

หมายเหตุ

บอกให้เราทราบเกี่ยวกับภาษาที่คุณต้องการในคู่มือ ทำแบบสำรวจสั้นๆ (โปรดทราบว่าแบบสำรวจนี้เป็นภาษาอังกฤษ)

แบบสำรวจนี้ใช้เวลาทำประมาณเจ็ดนาที ไม่มีการเก็บข้อมูลส่วนบุคคล (คำชี้แจงสิทธิ์ส่วนบุคคล)