> For the complete documentation index, see [llms.txt](https://help.zaapi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.zaapi.com/th/flow-builder/action-nodes/http.md).

# ส่งคำขอ HTTP

การ **ส่งคำขอ HTTP** การทำงานนี้ช่วยเชื่อมต่อ Zaapi กับแอปหรือบริการภายนอกที่รองรับ webhooks หรือ APIs ได้\
เป็นวิธีที่ทรงพลังสำหรับการทำงานอัตโนมัตินอก Zaapi — เช่น การส่งข้อมูลไปยัง Slack, Google Sheets หรือระบบภายใน — เมื่อมีเหตุการณ์เกิดขึ้นใน Flow

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

ตัวอย่างเช่น ใช้การทำงาน Send HTTP Request เพื่อ:

* แจ้งทีมใน Slack เมื่อได้รับข้อความร้องเรียน
* ส่งลีดใหม่ไปยัง CRM หรือ Google Sheet
* ทริกเกอร์เวิร์กโฟลว์ในเครื่องมืออื่นเมื่อผู้ใช้งานทำแบบสำรวจเสร็จสิ้น

### เมธอดที่รองรับ

สามารถเลือก HTTP method ต่อไปนี้ได้ตามความต้องการของการเชื่อมต่อ:

* **POST** – ส่งข้อมูลไปยังบริการอื่น (ใช้บ่อยที่สุด)
* **GET** – ดึงข้อมูลจากบริการอื่น
* **PUT / PATCH** – อัปเดตข้อมูลในระบบอื่น
* **DELETE** – ลบข้อมูลจากระบบอื่น

### เนื้อหาและส่วนหัว

สามารถใส่ข้อมูลในคำขอได้โดยเพิ่มคู่คีย์-ค่าใน **Body** (ในรูปแบบ JSON หรือ Table)\
หากแอปปลายทางต้องใช้ส่วนหัวเฉพาะ เช่น `Content-Type: application/json` หรือโทเค็นสำหรับยืนยันตัวตน สามารถเพิ่มได้ใน **Add headers**.

***

### ตัวอย่างการใช้งาน - แจ้งเตือนข้อความร้องเรียนใน Slack

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

ในคู่มือนี้ จะแสดงวิธี:

* ตรวจจับข้อความที่เกี่ยวข้องกับการร้องเรียนใน Zaapi
* ส่งการแจ้งเตือน Slack เพื่อแจ้งทีม
* ใส่ลิงก์เพื่อให้ทีมเปิดไปยังแชตได้ทันที

***

#### ขั้นตอนที่ 1: สร้าง Slack Workflow พร้อม Webhook

ก่อนอื่น ต้องสร้าง **Slack workflow** ที่รับข้อมูลจาก Zaapi ผ่าน webhook ได้

1. ไปที่ workspace ของ Slack แล้วเปิด **Workflow Builder**.
2. คลิก **Create workflow** → ตั้งชื่อประมาณ “Complaint Alert”
3. เลือก **From a webhook** เป็น trigger
4. Slack จะสร้าง **URL Webhook** — คัดลอกไว้ (นำไปวางใน Zaapi ภายหลัง)
   1. ![](/files/36bc29c7720b31f7aef9b6a5132c0d1c783ca1a8)
5. ภายใต้ **Data variables**, ตั้งค่าตัวแปร 2 ตัว:
   * `ชื่อ` (ชื่อลูกค้า)
   * `url` (ลิงก์การสนทนาใน Zaapi)

ตัวอย่าง HTTP body ควรมีลักษณะดังนี้:

```json
{
  "name": "Example Name",
  "url": "https://app.zaapi.com/conversations/example"
}
```

***

#### ขั้นตอนที่ 2: เพิ่มข้อความที่จะโพสต์ใน Slack

จากนั้น กำหนดว่า Slack ควรทำอะไรเมื่อได้รับ webhook

1. เพิ่มขั้นตอนเพื่อ **ส่งข้อความไปยังช่อง**.
2. เลือกช่อง Slack เช่น `#support-alerts`).
3. เขียนข้อความแจ้งเตือน ตรวจสอบให้ใช้ตัวแปรเดียวกับที่ตั้งไว้ในขั้นตอนก่อนหน้า (คือ {name} และ {url}) ตัวอย่างเช่น:

   ```
   {name} ได้ส่งข้อความร้องเรียน กรุณาดำเนินการ
   ```
4. เพิ่มปุ่มเพื่อให้ทีมไปยังการสนทนาได้ทันที:
   * ป้ายกำกับ: **ไปยังการสนทนา**
   * พฤติกรรม: **เปิดลิงก์**
   * URL: `{url}`

ผลลัพธ์ใน Slack จะเป็นข้อความดังนี้:

> **John Doe** ได้ส่งข้อความร้องเรียน กรุณาดำเนินการ\
> \[ไปยังการสนทนา]

<figure><img src="/files/1e8fbff6233011f2d48b7e669684372ad0031cf9" alt=""><figcaption></figcaption></figure>

***

#### ขั้นตอนที่ 3: สร้าง Flow ใน Zaapi

ตอนนี้มาสร้างระบบอัตโนมัติภายใน Zaapi กัน

1. ไปที่ **Flow Builder** ใน workspace ของ Zaapi
2. สร้าง Flow ใหม่และตั้งชื่อประมาณ “Complaint Alert to Slack”
3. เพิ่มบล็อกต่อไปนี้:

   **① ได้รับข้อความ**\
   Trigger: เมื่อผู้ใช้งานส่งข้อความใหม่\
   Channels: เลือกช่องแชตที่ต้องการติดตาม

   **② เนื้อหาข้อความ**\
   เพิ่มเงื่อนไขเพื่อตรวจสอบว่าข้อความมีคำสำคัญที่เกี่ยวข้องกับการร้องเรียนหรือไม่\
   ตัวอย่าง: `มีอย่างใดอย่างหนึ่งจาก: complaint, refund, issue, not happy, angry`.

   **③ ส่งคำขอ HTTP**\
   เมธอด: **POST**\
   URL: วาง Slack webhook URL.\
   Headers: เว้นว่างได้\
   Body (Table):\
   \- name: เลือก <mark style="color:ค่าเริ่มต้น;background-color:yellow;">{Full Name}</mark> ตัวแปร\
   \- url: เลือก <mark style="color:ค่าเริ่มต้น;background-color:yellow;">{Conversation URL}</mark> ตัวแปร

<figure><img src="/files/59fd12467e0ff5bfccf81712f1cbf409dd561ce1" alt=""><figcaption></figcaption></figure>

```json
{
  "name": "{{ Full Name }}",
  "url": "{{ Conversation URL }}"
}
```

เพียงเท่านี้!\
เมื่อมีข้อความที่มีคำสำคัญเกี่ยวกับการร้องเรียนเข้ามา Zaapi จะส่ง POST request ไปยัง Slack โดยอัตโนมัติ — เพื่อทริกเกอร์เวิร์กโฟลว์และส่งการแจ้งเตือน