วิธีปรับแต่งรูปลักษณ์ของแชตบอตของคุณ

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

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

พร้อมเริ่มต้นแล้วหรือยัง? เปิด Customize AI Chat ใน Shoply AI Admin Console ของคุณ ไม่ว่าคุณจะใช้ Shopify หรือแพลตฟอร์มเว็บไซต์อื่นก็ตาม หากแชตบอตยังไม่แสดง โปรดทำตาม รายการตรวจสอบการติดตั้งและการมองเห็น

ดูตัวอย่างหน้าต่างแชตของคุณ

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

หากคุณต้องการเปลี่ยนวิธีการพูดของ AI แทนที่จะเปลี่ยนรูปลักษณ์ โปรดดู วิธีปรับแต่งบุคลิกของ AI ของคุณ

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

Select an icon

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

ปรับสีและขนาดของไอคอนแชต

Primary Color

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

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

Complementary Color

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

Icon’s Line Color

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

Whether to remove the background color of the chat icon.

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

Whether to remove the shadow of the chat icon.

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

Floating Icon Size for desktop and mobile.

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

การจัดวางตำแหน่งของไอคอนแชต

Chat icon positioning’s on desktop and on mobile.

Z-index of Chat Icon:

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

Auto-hide chat icon on mobile

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

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

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

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

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

Color Theme (dark mode or light mode) of the chat window

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

Width of the chat window on desktop

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

Select the branding image and background image

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

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

Adjust the transparency and aspect ratios of the background image for the chat window.

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

Whether to remove Shoply AI’s Logo in Input Bar

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

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

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

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

Popup Welcome message (shows above chat icon if not empty)

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

Pre-defined messages in chat window

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

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

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

3. ข้อความตัวอย่างในช่องป้อนข้อมูล - นี่คือข้อความคำใบ้ที่แสดงในช่องป้อนข้อความแชตก่อนที่ลูกค้าจะเริ่มพิมพ์ โดยให้คำแนะนำว่าลูกค้าสามารถถามอะไรได้บ้าง เช่น “Ask me anything 🤗” หรือ “How can I help you today?”

การตั้งค่าเหล่านี้ควบคุมการเริ่มต้นแชตมาตรฐาน เมื่อผู้ซื้อเปิดแชตผ่านลิงก์ “Question About This Product?” Shoply จะแสดงชื่อสินค้า จุดเด่นสั้น ๆ ของสินค้า และคำถามที่สร้างขึ้นโดยอัตโนมัติเกี่ยวกับสินค้านั้นแทน คุณไม่จำเป็นต้องเขียนคำถามเริ่มต้นสำหรับสินค้าแต่ละรายการ เรียนรู้ว่า คำถามเกี่ยวกับสินค้าที่ขับเคลื่อนด้วย AI ทำงานอย่างไร หรือทำตามขั้นตอนเพื่อ เพิ่มปุ่มคำถามเกี่ยวกับสินค้า

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