---
sourceType: official-guide
sourceTypeMatchedRule: fallback
slug: Social/social-plugin/widget-cap-tuong-tac/cai-dat-widget-cap-tuong-tac
title: Cài đặt Widget cấp tương tác
---
# Cài đặt Widget cấp tương tác

Widget cấp tương tác cho phép Doanh nghiệp xin quyền tương tác từ người dùng truy cập website để gửi thông báo giao dịch đến Zalo của người dùng thông qua Official Account.

## Cài đặt

Đặt đoạn mã widget tại vị trí bạn muốn hiển thị, sau đó nạp Social Plugin SDK.

```html
<div class="zalo-consent-widget"
  data-callback="onZaloConsent"
  data-oaid="OA_ID"
  data-user-external-id=""
  data-appid="APP_ID"
  data-reason-msg="đơn hàng"
  data-status="show">
</div>

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

## Cấu hình

| Attribute | Required | Description |
| --- | --- | --- |
| `data-oaid` | Có | Zalo Official Account ID. |
| `data-appid` | Có | ID của ứng dụng. |
| `data-status` | Có | `show` để hiển thị widget, `hide` để ẩn widget. |
| `data-user-external-id` | Không | ID khách hàng trong hệ thống của Doanh nghiệp. Giá trị này dùng để nhận biết khách hàng trên nền tảng Zalo OA. |
| `data-callback` | Không | Tên hàm callback global. Hàm được gọi khi widget load hoặc khi người dùng thực hiện hành động cấp tương tác/quan tâm/bỏ qua. |
| `data-reason-msg` | Không | Lý do cần khách hàng cấp quyền tương tác. |

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