> ## Documentation Index
> Fetch the complete documentation index at: https://docs.duechat.biz/llms.txt
> Use this file to discover all available pages before exploring further.

# การใช้งานห้องแชท (Chat Interface)

> คู่มือการใช้งานหน้าจอแชทสำหรับตอบลูกค้า

## ส่วนประกอบของหน้าจอแชท

หลังจากเลือกเมนูแล้ว หน้าจอจะแบ่งออกเป็น 3 ส่วนหลัก:

1. **เมนูหลักในหน้าแชท (Menu Panel):** แสดงรายการเมนูหลักของหน้าแชท
2. **รายการแชท (Left Panel):** แสดงรายชื่อลูกค้าที่ทักเข้ามาในเมนูที่คุณเลือก
3. **พื้นที่สนทนา (Main Area):**
   * พิมพ์ข้อความตอบกลับ
   * ส่งรูปภาพ, ไฟล์, หรือสติ๊กเกอร์
   * ใช้ข้อความอัตโนมัติ (Quick Reply) เพื่อความรวดเร็ว
4. **ข้อมูลลูกค้า (Right Panel):** แสดงโปรไฟล์ลูกค้า, แท็ก, รายการจองล่าสุด, และประวัติการสั่งซื้อ

## เมนูหลักในหน้าแชท (Menu Panel)

<img src="https://mintcdn.com/profitmoregrowth/p8BL6ewP-TdtWuOx/images/chat/duechat/21.jpg?fit=max&auto=format&n=p8BL6ewP-TdtWuOx&q=85&s=a4f2e6e89bd5259ac57560b0b15ce9ec" alt="หน้าจอแชท" width="1920" height="1080" data-path="images/chat/duechat/21.jpg" />

หน้าแชทประกอบด้วยเมนูหลัก 5 ส่วนสำหรับจัดการแชทของคุณ:

* **แชทของฉัน (My Chats):** แชทที่แอดมินกด **“รับ”** หรือเมื่อมีแอดมินท่านอื่น **“ส่งแชทมาให้เรา”**
  <img src="https://mintcdn.com/profitmoregrowth/p8BL6ewP-TdtWuOx/images/chat/duechat/22.jpg?fit=max&auto=format&n=p8BL6ewP-TdtWuOx&q=85&s=250292d281f667508e6e848ac2b9dc91" alt="หน้าจอแชท" width="1920" height="1080" data-path="images/chat/duechat/22.jpg" />
* **แชทติดดาว (Starred Chats):** รวมแชทสำคัญที่คุณติดดาวไว้เพื่อการติดตามที่ง่ายขึ้น
  <img src="https://mintcdn.com/profitmoregrowth/p8BL6ewP-TdtWuOx/images/chat/duechat/23.jpg?fit=max&auto=format&n=p8BL6ewP-TdtWuOx&q=85&s=f7eb98b3be7ffcc99194ad145816d808" alt="หน้าจอแชท" width="1920" height="1080" data-path="images/chat/duechat/23.jpg" />
* **แชททั้งหมด (All Chats):** แสดงแชททั้งหมดที่เข้ามาในระบบ ไม่ว่าจะถูกมอบหมายให้ใครก็ตาม
  <img src="https://mintcdn.com/profitmoregrowth/p8BL6ewP-TdtWuOx/images/chat/duechat/24.jpg?fit=max&auto=format&n=p8BL6ewP-TdtWuOx&q=85&s=a640a4a55ba92cfa3cf8d26fe6ee6608" alt="หน้าจอแชท" width="1920" height="1080" data-path="images/chat/duechat/24.jpg" />
* **LINE Groups:** พื้นที่สำหรับแชทที่มาจากกลุ่ม LINE
  <img src="https://mintcdn.com/profitmoregrowth/p8BL6ewP-TdtWuOx/images/chat/duechat/25.jpg?fit=max&auto=format&n=p8BL6ewP-TdtWuOx&q=85&s=462a658ab00fc0b5c79157244fc40c5e" alt="หน้าจอแชท" width="1920" height="1080" data-path="images/chat/duechat/25.jpg" />
* **แชทที่จบแล้ว (Closed Chats):** คลังสำหรับแชทที่ได้พูดคุยและแอดมินกด **"จบแชท"** แล้ว
  <img src="https://mintcdn.com/profitmoregrowth/p8BL6ewP-TdtWuOx/images/chat/duechat/26.jpg?fit=max&auto=format&n=p8BL6ewP-TdtWuOx&q=85&s=834b7b53fb1b646d3f0db7a62adfc596" alt="หน้าจอแชท" width="1920" height="1080" data-path="images/chat/duechat/26.jpg" />

## รายการแชท (Left Panel)

<div
  style={{
display: 'flex',
alignItems: 'center',
gap: '24px'
}}
>
  <div style={{ flex: '0 0 40%' }}>
    <img src="https://mintcdn.com/profitmoregrowth/p8BL6ewP-TdtWuOx/images/chat/duechat/32.png?fit=max&auto=format&n=p8BL6ewP-TdtWuOx&q=85&s=7365171dacbb9f66409c72b724915179" alt="หน้าจอแชท" width="362" height="989" data-path="images/chat/duechat/32.png" />
  </div>

  <div
    style={{
flex: '1',
display: 'flex',
flexDirection: 'column',
gap: '30px'
}}
  >
    <div>
      <h2 style={{color:'#FF5B13'}}>การค้นหา</h2>
      ส่วนบนเป็นการค้นหา สามารถเลือกค้นหาเฉพาะข้อความ ชื่อลูกค้า ชื่อห้องแชท ข้อมูลโปรไฟล์ลูกค้า หรือแท็กลูกค้า และยังสามารถค้นหาทั้งหมดได้อีกด้วย
    </div>

    <div>
      <h2 style={{color:'#FF5B13'}}>รายการแชท</h2>
      ส่วนนี้จะแสดงรายการแชททั้งหมดที่เข้ามาในระบบ ไม่ว่าจะถูกมอบหมายให้ใครก็ตาม
    </div>
  </div>
</div>

## พื้นที่สนทนา (Main Area)

<img src="https://mintcdn.com/profitmoregrowth/p8BL6ewP-TdtWuOx/images/chat/duechat/27.jpg?fit=max&auto=format&n=p8BL6ewP-TdtWuOx&q=85&s=a2b0823606c8658d9575d81ca073ef89" alt="หน้าจอแชท" width="1920" height="1080" data-path="images/chat/duechat/27.jpg" />

* หน้าจอสนทนา ซึ่งจะแสดงข้อความที่ถูกส่งมาและสามารถส่งข้อความได้ และยังสามารถส่งสติกเกอร์ ส่งไฟล์ และข้อความตอบกลับ / Flex message ได้อีกด้วย
* **Push Message:**
  * **เวลานับถอยหลัง 20 นาที:** เมื่อลูกค้าทักมา จะมีเวลานับถอยหลัง 20 นาทีสำหรับการตอบกลับเพื่อให้ลูกค้าได้รับ **Push Notification** (การแจ้งเตือน) หากตอบกลับช้ากว่านั้น ลูกค้าจะเห็นข้อความเมื่อเปิดแอปเท่านั้น
  * **โควต้าฟรีของ LINE:** LINE OA ให้โควต้า Push Message ฟรี 300 ข้อความต่อเดือน การส่งข้อความหาลูกค้าที่ไม่ได้มีการสนทนาภายใน 20 นาทีจะถูกนับเป็น Push Message และจะหักจากโควต้านี้

## ข้อมูลลูกค้า (Right Panel)

<img src="https://mintcdn.com/profitmoregrowth/p8BL6ewP-TdtWuOx/images/chat/duechat/31.jpg?fit=max&auto=format&n=p8BL6ewP-TdtWuOx&q=85&s=4fcb1d2c024bc91dc03ec946a7545b3f" alt="หน้าจอแชท" width="1920" height="1080" data-path="images/chat/duechat/31.jpg" />

ในส่วนนี้จะเป็นข้อมูลลูกค้า โดยที่ **ชื่อ - นามสกุล** จะเป็นชื่อไลน์ของลูกค้า ซึ่งข้อมูลโปรไฟล์ลูกค้าทั้งหมด จะแอดมินสามารถแก้ไขได้

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

## การรับและส่งแชท

### การรับแชท

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

อย่างไรก็ตาม ในกรณีที่จำเป็น แอดมินที่มีสิทธิ์สูงกว่า เช่น **หัวหน้าทีม (Team Lead)** หรือ **เจ้าของธุรกิจ (Owner)** สามารถเข้าตอบหรือดึงแชทที่แอดมินอื่นดูแลอยู่มาดูแลต่อได้

### การส่งต่อแชท

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