# Kết Nối

## Kết Nối Fanpage cùng ChatX

#### Bước 1: Truy cập API của bot Chat

<figure><img src="https://987715255-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSK9x6AT8FGi77omZphkL%2Fuploads%2Fr9LS0Poz0WGhM23GlpI0%2F1.png?alt=media&#x26;token=24e1518b-2bd7-4e03-af4e-9717ba151aea" alt=""><figcaption></figcaption></figure>

#### Bước 2: Tạo ky API của bot

* Nhấn vào API key
* Nhấn tạo khoá bí mật mới
* Sao chép API key

<figure><img src="https://987715255-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSK9x6AT8FGi77omZphkL%2Fuploads%2FD9Gkk0TQgEgLbkAtHL1q%2F2.png?alt=media&#x26;token=fb3b6b68-a0ed-4719-9c8b-b7323527c64f" alt=""><figcaption></figcaption></figure>

#### Bước 3: Truy cập Smax.bot

* Thử nghiệm miễn phí&#x20;
* Đăng nhập bằng tài khoản sở hữu page

<div align="center"><figure><img src="https://987715255-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSK9x6AT8FGi77omZphkL%2Fuploads%2FX0bPDS1c8HF3FHJka3XB%2F3.png?alt=media&#x26;token=3c182e7d-be59-4709-986d-befc50adfe60" alt=""><figcaption></figcaption></figure></div>

<figure><img src="https://987715255-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSK9x6AT8FGi77omZphkL%2Fuploads%2FR1S7nZhbulEdOuIverah%2F33.png?alt=media&#x26;token=945be119-28b3-4547-8faa-39370738002d" alt=""><figcaption></figcaption></figure>

#### Bước 4: tạo 1 bot trống mới, sau đó click vào bot

<figure><img src="https://987715255-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSK9x6AT8FGi77omZphkL%2Fuploads%2F1sd4QxSN4lL5UmzeoTev%2F4.png?alt=media&#x26;token=8b5f3606-517c-4aac-953d-c2e01e5a4eed" alt=""><figcaption></figcaption></figure>

#### Bước 5: Kết nối với page nhấn vào Connect Page

<figure><img src="https://987715255-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSK9x6AT8FGi77omZphkL%2Fuploads%2FIrTI6z1YmXyEHOzw1vWE%2F5.png?alt=media&#x26;token=3ee4036f-56db-40cd-8c5a-3bb962ec3902" alt=""><figcaption></figcaption></figure>

#### Bước 6: Chọn Default Block  sau đó nhấn vào hình cái bút&#x20;

<figure><img src="https://987715255-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSK9x6AT8FGi77omZphkL%2Fuploads%2FdC1NmzOYfUNgrKA3rNZ5%2F6.png?alt=media&#x26;token=29391c60-63c3-41a2-bb86-ffc2e20a21ab" alt=""><figcaption></figcaption></figure>

#### Bước 7:&#x20;

1. Chọn Json API rồi kéo vào Block
2. Chọn Post sau đó paste <https://app.chatx.vn/v1/chat-messages> vào URL&#x20;

<figure><img src="https://987715255-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSK9x6AT8FGi77omZphkL%2Fuploads%2FV8NMdDD1DaH7VnSS1u8q%2FCapture.PNG?alt=media&#x26;token=34a8d062-9ebd-49f2-aef4-324a78f130c2" alt=""><figcaption></figcaption></figure>

3. Tạo 2 add header  sau đó paste như hình

`Authorization`: `Bearer {api_key}` (là key vừa tạo ở bước 2)

`Content-Type`: `application/json`

<figure><img src="https://987715255-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSK9x6AT8FGi77omZphkL%2Fuploads%2FjV8Gg5uILpa7kJVxPaQH%2F9.png?alt=media&#x26;token=7a6e24c6-5a60-4fdb-bdfa-b8be2b224d6f" alt=""><figcaption></figcaption></figure>

4. Chọn json sau đó paste

```
{
    "inputs": {},
    "query": "{{last content by user}}",
    "response_mode": "blocking",
    "conversation_id": "{{chat-id}}",
    "user": "{{full name}}",
    "files": [
      {
        "type": "image",
        "transfer_method": "remote_url",
        "url": "https://cloud.chatx.vn/logo/logo-site.png"
      }
    ]
}
```

5. Tạo 2 Add Path  với nội dung sau:

* paste `answer` vào ô thứ nhất gõ “`{{answer`” vào ô thứ 2 sau đó nhấn `add item`&#x20;

<figure><img src="https://987715255-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSK9x6AT8FGi77omZphkL%2Fuploads%2FhPHozP3S80nIIuhdJqSb%2F9%20(1).png?alt=media&#x26;token=7c393d6f-85c2-44a3-8576-03256b8734c7" alt=""><figcaption></figcaption></figure>

* paste `conversation_id` vào dòng thứ 2 sau đó “`{{chat-id`” nhấn `Add item`

<figure><img src="https://987715255-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSK9x6AT8FGi77omZphkL%2Fuploads%2FzPlX78yqIDX3YrqASgD5%2F%E1%BA%A2nh%20m%C3%A0n%20h%C3%ACnh%202024-05-24%20l%C3%BAc%2016.27.36.png?alt=media&#x26;token=02c5a5bf-c2f0-4317-8d20-9beb0aa8770d" alt=""><figcaption></figcaption></figure>

#### Kết quả như này nhé&#x20;

<figure><img src="https://987715255-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSK9x6AT8FGi77omZphkL%2Fuploads%2FsETJt0dQG8sn0JRK5MpO%2F%E1%BA%A2nh%20m%C3%A0n%20h%C3%ACnh%202024-05-25%20l%C3%BAc%2022.03.46.png?alt=media&#x26;token=7bf7f9f1-574c-4621-8f81-19d142fbbe7c" alt=""><figcaption></figcaption></figure>

#### Bước 8: Thêm thẻ text và chọn `{{answer}}` trong phần text&#x20;

<figure><img src="https://987715255-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSK9x6AT8FGi77omZphkL%2Fuploads%2FRHzPdIGI5zfq1LdS7TJN%2F10&#x27;.png?alt=media&#x26;token=b6c67c3d-34ca-486b-a52c-da2a25f45228" alt=""><figcaption></figcaption></figure>

## Xem video hướng dẫn chi tiết tại [đây](https://drive.google.com/file/d/1xWgXIZTsUmz7TzRy_3Qia3KjqkWrhq4Z/view?usp=drive_link).

#### Rồi kiểm tra page nhé 😘😘😘

<br>