---
sourceType: official-guide
sourceTypeMatchedRule: fallback
slug: Social/social-plugin/widget-chat
title: Widget Chat
---
# Widget Chat

Widget Chat cho phép nhà phát triển cá nhân hóa và nhúng cửa sổ chat với Official Account trên website. Người dùng có thể trò chuyện trực tiếp với OA trên chính trang web của bạn.

## Cài đặt

```html
<div class="zalo-chat-widget"
  data-oaid="OA_ID"
  data-welcome-message="Rất vui khi được hỗ trợ bạn!"
  data-autopopup="0"
  data-width=""
  data-height="">
</div>

<script src="https://sp.zalo.me/plugins/sdk.js"></script>
```

## Cấu hình

| Attribute | Required | Description |
| --- | --- | --- |
| `data-oaid` | Có | Zalo Official Account ID. |
| `data-welcome-message` | Không | Tin nhắn chào mừng khi khách truy cập vào trang. Trong một ngày, mỗi khách truy cập chỉ nhận một tin nhắn chào. |
| `data-autopopup` | Không | Thời gian chờ để tự động mở cửa sổ chat. Mặc định `0` giây. |
| `data-width` | Không | Chiều rộng widget. Mặc định `350px`, khoảng hợp lệ từ `300px` đến `500px`. |
| `data-height` | Không | Chiều cao widget. Mặc định `420px`, khoảng hợp lệ từ `300px` đến `500px`. |

Dùng `ZaloSocialSDK.reload()` để init lại widget khi cấu hình được thay đổi động trên trang.