วิธีปรับแต่งรูปลักษณ์ของ Shoply AI Chat

วิธีปรับแต่ง Shoply AI Chat

Shoply AI Chat และ AI Search มีตัวเลือกสำหรับปรับแต่งรูปลักษณ์ของแอปมากกว่า 40 รายการ

ส่วนนี้จะแนะนำตัวเลือกต่าง ๆ ที่ใช้ปรับแต่ง AI Chatbot ได้ คุณสามารถปรับแต่งรูปลักษณ์ การออกแบบหน้าต่างแชท และประสบการณ์การรับส่งข้อความให้เข้ากับแบรนด์ของคุณได้

พร้อมเริ่มต้นแล้วหรือยัง ไปที่หน้า Customize AI Chat ในคอนโซลผู้ดูแลระบบของแอปเพื่อเริ่มปรับแต่งประสบการณ์การแชทของคุณ เมื่อเปิดใช้ Shoply AI Chat ใน Theme Editor ของ Shopify แล้ว ไอคอนแชทจะปรากฏที่มุมขวาล่างของหน้าเว็บร้านค้าของคุณ

การเลือกไอคอนแชท

เลือกไอคอน

คุณสามารถเลือกไอคอนแชทจากไอคอนที่กำหนดไว้ล่วงหน้า 17 แบบของเรา หรืออัปโหลดรูปภาพเพื่อใช้เป็นไอคอนแชทของคุณเองได้

เลือกไอคอนต่าง ๆ สำหรับปุ่ม AI Chat

สีและขนาดของไอคอนแชท

ปรับแต่งปุ่ม AI Chat

สีหลัก

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

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

สีเสริม

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

สีเส้นของไอคอน

นี่คือสีเส้นขอบของไอคอนแชท

ต้องการลบสีพื้นหลังของไอคอนแชทหรือไม่

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

ต้องการลบเงาของไอคอนแชทหรือไม่

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

ขนาดไอคอนลอยสำหรับเดสก์ท็อปและมือถือ

บนมือถือ คุณอาจต้องการกำหนดไอคอนแชทให้มีขนาดเล็กลง เพื่อไม่ให้บังมุมมองหน้าจอมือถือของลูกค้า

การกำหนดตำแหน่งไอคอนแชท

ตำแหน่งไอคอนแชทบนเดสก์ท็อปและมือถือ

Z-index ของไอคอนแชท:

ใช้ค่าที่สูงขึ้นหากต้องการให้ไอคอนอยู่ด้านหน้าองค์ประกอบ UI อื่น ๆ

ซ่อนไอคอนแชทโดยอัตโนมัติบนมือถือ

ซ่อนไอคอนแชทหลังจากผ่านไปตามจำนวนวินาทีที่กำหนดบนอุปกรณ์มือถือ

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

การปรับแต่งหน้าต่างแชท

เมื่อคุณคลิกไอคอนแชทของ Shoply AI หน้าต่างแชทจะปรากฏขึ้น ลูกค้าสามารถโต้ตอบกับ Shoply AI ผ่านหน้าต่างแชทนั้นได้

ส่วนนี้จะแนะนำตัวเลือกต่าง ๆ ที่ใช้ปรับแต่งหน้าต่างแชทได้

ธีมสี (โหมดมืดหรือโหมดสว่าง) ของหน้าต่างแชท

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

โหมดมืดหรือโหมดสว่างสำหรับหน้าต่าง AI Chat

ความกว้างของหน้าต่างแชทบนเดสก์ท็อป

ตัวเลือกนี้ใช้ได้เฉพาะบนเดสก์ท็อป บนมือถือ หน้าต่างแชทจะใช้พื้นที่เต็มหน้าจอเสมอ

เลือกรูปภาพแบรนด์และรูปภาพพื้นหลัง

คุณสามารถอัปโหลดรูปภาพแบรนด์และรูปภาพพื้นหลังของคุณเองสำหรับหน้าต่างแชท หรือให้ Shoply AI สร้างรูปภาพเหล่านั้นให้คุณได้

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

ปรับความโปร่งใสและอัตราส่วนภาพของรูปภาพพื้นหลังสำหรับหน้าต่างแชท

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

ต้องการลบ Logo ของ Shoply AI ในแถบป้อนข้อมูลหรือไม่

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

ตัวเลือกนี้ใช้ได้เฉพาะแพ็กเกจแบบชำระเงิน

ข้อความที่กำหนดไว้ล่วงหน้าสำหรับ AI Chat

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

ข้อความต้อนรับแบบป๊อปอัป (แสดงเหนือไอคอนแชทหากไม่เว้นว่างไว้)

หากคุณเว้นข้อความต้อนรับไว้ ระบบจะไม่แสดงข้อความต้อนรับเหนือไอคอนแชท

ข้อความต้อนรับแบบป๊อปอัป

ข้อความที่กำหนดไว้ล่วงหน้าในหน้าต่างแชท

คุณสามารถตั้งค่าข้อความที่กำหนดไว้ล่วงหน้าในหน้าต่างแชทได้สูงสุด 3 ประเภท:

  1. ข้อความแรกในหน้าต่างแชท - นี่คือข้อความทักทายเริ่มต้นที่ปรากฏโดยอัตโนมัติเมื่อลูกค้าเปิดหน้าต่างแชทเป็นครั้งแรก ใช้ข้อความนี้เพื่อต้อนรับลูกค้าและกำหนดโทนของการสนทนา

  2. คำถามเริ่มต้นสูงสุด 4 คำถาม - คำแนะนำคำถามเหล่านี้จะแสดงเป็นรายการที่คลิกได้เมื่อเริ่มแชท ช่วยแนะนำลูกค้าด้วยคำถามทั่วไปที่ลูกค้าสามารถคลิกเพื่อเริ่มการสนทนา ทำให้ลูกค้าเริ่มต้นได้ง่ายขึ้น

  3. ข้อความตัวอย่างในช่องป้อนข้อมูล - นี่คือข้อความคำใบ้ที่ปรากฏในช่องป้อนข้อมูลแชทก่อนที่ลูกค้าจะเริ่มพิมพ์ โดยจะแนะนำสิ่งที่ลูกค้าสามารถถามได้ เช่น “ถามฉันได้ทุกเรื่อง 🤗” หรือ “วันนี้ให้ฉันช่วยอะไรได้บ้าง”

ดูตัวอย่างของข้อความที่กำหนดไว้ล่วงหน้าแต่ละประเภทได้ที่นี่:

ข้อความที่กำหนดไว้ล่วงหน้าในหน้าต่างแชท