หมายเหตุ
การเข้าถึงหน้านี้ต้องได้รับการอนุญาต คุณสามารถลอง ลงชื่อเข้าใช้หรือเปลี่ยนไดเรกทอรีได้
การเข้าถึงหน้านี้ต้องได้รับการอนุญาต คุณสามารถลองเปลี่ยนไดเรกทอรีได้
Webchat Playground ช่วยให้คุณปรับแต่งรูปลักษณ์และพฤติกรรมของเว็บแชทของตัวแทนของคุณ ส่วนติดต่อผู้ใช้ที่ใช้งานง่ายช่วยให้คุณปรับเปลี่ยนสี ฟอนต์ ภาพขนาดย่อและอื่นๆ เพื่อให้ตรงกับอัตลักษณ์ของแบรนด์ของคุณ บทความนี้อธิบายวิธีการใช้ Webchat Playground เพื่อสร้างและจัดการธีมและส่งออกสไตล์เป็น JSON หรือ HTML
UI ของ Webchat Playground
ส่วนติดต่อที่ใช้งานง่ายของ Webchat Playground ช่วยให้คุณกำหนดรูปลักษณ์และความรู้สึกของการแชทบนเว็บของคุณ คุณสามารถปรับเปลี่ยนและดูตัวอย่างการเปลี่ยนแปลงของคุณแบบเรียลไทม์ได้อย่างง่ายดาย
ส่วนติดต่อมีสามส่วนหลัก:
บานหน้าต่างด้านซ้ายแสดงธีมที่บันทึกไว้ด้วยสีหลัก สีรอง และสีเน้น เลือกธีมเพื่อแก้ไขหรือแสดงตัวอย่าง
บานหน้าต่างตรงกลางแสดงตัวอย่างของธีมที่เลือกหรือธีมที่คุณกำลังแก้ไข
บานหน้าต่างด้านขวาช่วยให้คุณสามารถสลับระหว่างแท็บ JSON และ ส่วนย่อยของโค้ด ได้ มุมมอง JSON มีลักษณะปัจจุบันในอาร์เรย์ JSON ซึ่งคุณสามารถวางลงในการแชทบนเว็บที่มีอยู่ได้ มุมมองส่วนย่อยของโค้ดประกอบด้วย HTML ตัวอย่างของการแชทบนเว็บที่มีสไตล์ที่ฝังอยู่
ตัวอย่างนี้ของ UI แสดง:
ในบานหน้าต่างด้านซ้าย ตัวแก้ไขสไตล์ที่คุณแก้ไขหรือสร้างธีม
ส่วนต่างๆ ได้แก่ ทั่วไป, กล่องส่ง, กล่องคำแนะนำ, อวตาร์ และ ฟอง ตัวแก้ไขยังมีตัวตรวจสอบการเข้าถึงสำหรับส่วนที่เกี่ยวข้องทั้งหมด คุณบันทึกและลบการดำเนินการที่ด้านบน
ในบานหน้าต่างด้านขวา แท็บส่วนย่อยโค้ดที่แสดง HTML ตัวอย่าง สลับไปที่แท็บ JSON เพื่อดูตัวอย่าง JSON
ใช้ธีมที่กำหนดไว้ล่วงหน้าหรือสร้างธีมของคุณเอง
Webchat Playground มีธีมที่กำหนดไว้ล่วงหน้าซึ่งแสดงตัวเลือกการกำหนดค่าที่แตกต่างกันสำหรับประสบการณ์การแชทบนเว็บ ธีมเหล่านี้จะให้จุดเริ่มต้นเมื่อออกแบบธีมใหม่ คุณยังสามารถสร้างธีมใหม่เพื่อตอบกลับความต้องการเฉพาะของคุณ และบันทึกไว้ใช้ในอนาคตได้
แสดงตัวอย่างธีม
เลือกธีมจากบานหน้าต่างด้านซ้าย (ที่แสดงสี) เพื่อเปิดการแสดงตัวอย่าง Webchat
สร้างธีมใหม่
หากต้องการสร้างธีมใหม่:
- เลือก เพิ่มธีม จากบานหน้าต่างด้านซ้าย
บานหน้าต่างด้านซ้ายจะกลายเป็นตัวแก้ไขสไตล์ที่คุณสามารถทำการปรับเปลี่ยนได้ - ป้อนชื่อสำหรับธีม
- เลือก บันทึก
แก้ไขธีม
หากต้องการแก้ไขธีมที่มีอยู่:
- เลือกไอคอนดินสอถัดจากชื่อธีมในบานหน้าต่างด้านซ้าย
- ทำการปรับเปลี่ยนในตัวแก้ไขสไตล์
- เมื่อคุณทำเสร็จแล้ว เลือก บันทึก
ลบธีม
หากต้องการลบธีมที่มีอยู่:
- เปิดธีมในโหมดแก้ไข
- เลือกไอคอนลบ (ถังขยะ) ที่ด้านบน
ส่งออกสไตล์
วิธีการส่งออกสไตล์:
- เลือกธีมที่คุณต้องการจากตัวเลือกธีม
- เลือกแท็บ JSON ในบานหน้าต่างด้านขวา
- คัดลอกข้อความทั้งหมดในมุมมองและวางลงใน HTML ของการแชทบนเว็บของคุณโดยใช้ตัวแปร
styleOptions
ส่งออกส่วนย่อย HTML
วิธีการส่งออกส่วนย่อย HTML:
- เลือกธีมที่คุณต้องการจากตัวเลือกธีม
- เลือกแท็บ ส่วนย่อยของโค้ด ในบานหน้าต่างด้านขวา
- บันทึกมาร์กอัป HTML ทั้งหมดในมุมมองเป็นไฟล์ที่มีนามสกุล .html
- อัปโหลดไฟล์ HTML ไปยังเว็บเซิร์ฟเวอร์
HTML ตัวอย่าง
ตัวอย่างส่วนย่อย HTML มีตัวควบคุมแชทบนเว็บวิดเจ็ตแบบลอยตัวพร้อมสไตล์ที่เลือก
