> For the complete documentation index, see [llms.txt](https://helpv3.ladipage.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helpv3.ladipage.vn/cac-phan-t-co-ban-tren-landingpage/ung-dung/ladichat.md). # LadiChat LadiChat là công cụ giúp bạn tương tác trực tiếp với khách hàng của mình trên trang Landing Page, hỗ trợ , giải đáp , tạo đơn hàng cho khách hàng. ## Cách 1: Tích hợp LadiChat b**ằng API Key của LadiChat** ‌Với cách này tích hợp này, bạn chỉ cần chèn tích hợp chat 1 lần vào tài khoản LadiPage của bạn, rồi ở các landingpage khác trong tài khoản, chọn lại liên kết LadiChat đã tạo là sẽ sử dụng được LadiChat ‌**Bước 1: Tích hợp ứng dụng LadiChat vào tài khoản LadiPage**\ **Cách 1 :** Truy cập trang [builder.ladipage.com](http://builder.ladipage.com/), chọn menu **Tích hợp -> Tài khoản liên kết -> Tạo tài khoản liên kết.** Sau đó lựa chọn Loại tài khoản là **LadiChat** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FHjT598eLHSARX7MEuCAw%2Ft%C3%A0i%20kho%E1%BA%A3n%20li%C3%AAn%20k%E1%BA%BFt%20.gif?alt=media\&token=eedcd915-7862-4a4c-bb77-96c6183a38c7) **Cách 2 :** Truy cập builder chỉnh sửa trang landingpage ở phần **Ứng dụng, LadiChat, bấm tạo Cấu hình LadiChat** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FlkeYISRWMFuScpQlZtfg%2Fimage.png?alt=media\&token=69994042-7f5d-4f8d-8906-1088b4bcd703) **Bước 2 :** Điền đầy đủ các thông tin ở tài khoản liên kết: ‌**Tên liên kết:** là tên để phân biệt với các liên kết khác. ‌**API:** api kết nối lấy trong tài khoản của LadiChat ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fn71HEQKA9CARFkLJcc7X%2Fimage.png?alt=media\&token=d20cd35a-679c-4a13-a85d-7761ce25227d) ‌ **\*Cách lấy API của LadiChat** ‌Đăng nhập tài khoản LadiChat ở đường dẫn [https://app.ladichat.com](https://app.ladichat.com/), vào phần **Cài đặt** ở thanh công cụ bên tay trái , chọn Tích hợp API, và copy đoạn mã ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F80sPcYKeYEmmorD904mO%2Fimage.png?alt=media\&token=746311fb-f780-4e04-ab29-fe425d43cfed) ‌ Kết nối thành công sẽ hiện LadiChat ở tài khoản liên kết: ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FOzkAChyJVbGWQBZpNECM%2Fimage.png?alt=media\&token=399cf164-b76c-4459-96d5-489a5f2fe371) ‌ **Bước 2: Hiển thị LadiChat đã kết nối trên các landing page của bạn** ‌Truy cập lại builder chỉnh sửa landing page của bạn Ở thanh công cụ bên trái, vào phần **Ứng dụng** -> chọn **LadiChat** ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FltSy1Ov9Yhx8b5nZiMGu%2Fimage.png?alt=media\&token=d63e8837-c637-486a-9c8b-e5a3d9fa4254) ‌ **Chọn cấu hình LadiChat của bạn sẽ hiển thị trên trang Landing Page** ## Cách 2: Tích hợp LadiChat bằng code Javascript của LadiChat Với phương pháp tích hợp này, bạn muốn ladiChat hiển thị ở trang landing page nào thì chèn code LadiChat vào trang landing page đó. Bước 1: Đăng nhập tài khoản LadiChat Đăng nhập tài khoản LadiChat ở đường dẫn [https://app.ladichat.com](https://app.ladichat.com/), vào phần **Cài đặt- Kênh tương tác ,** ở thanh công cụ bên tay trái chọn 1 Widget ,copy đoạn mã javascript ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fsnf5thF1BOgXBPmGscvB%2Fimage.png?alt=media\&token=1bdb3e8d-7dac-496d-b0cf-abd6d7bd5d42) Bước 2 : Truy cập vào Builder chỉnh sửa của Trang Landing Page mà bạn muốn hiển thị code chat Bạn chọn mục Thiết lập (thanh công cụ trên cùng )- Mã Javascript/CSS- Trước thẻ Body, bạn chèn đoạn code chat và bấm Đóng ![](https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FkwCgCYhhz16eSAQrK4rU%2Fimage.png?alt=media\&token=34d9053d-6a7d-42ba-bbfe-4a9c733962ea) Xuất bản lại trang Landing Page của bạn, để cập nhật code chat lên trang của bạn {% hint style="danger" %} Lưu ý : Trên cùng 1 trang landingpage, chỉ sử dụng 1 trong 2 cách tích hợp LadiChat, sử dụng cả 2 sẽ bị lỗi hiển thị {% endhint %}