Dùng chung - Tích hợp công cụ chat Tawk.to vào các Landing page

1. Mô tả

  • Chat widget dùng chung cho phép bạn tạo một Chat widget và sử dụng trên nhiều Landing Page mà không cần thiết lập riêng cho từng trang.
  • Khi chỉnh sửa, nội dung sẽ tự động cập nhật trên tất cả Landing Page đang sử dụng. Mỗi Chat widget được quản lý độc lập, giúp bạn dễ dàng theo dõi Chat widget trên mỗi Landing Page.
  • Chức năng của Chat widget: Tích hợp Chat widget từ các dịch vụ bên thứ ba vào Landing Page, hỗ trợ khách hàng tương tác và trao đổi trực tiếp.

  • Vị trí: Hiển thị dưới dạng khối nổi trên trang. Vị trí hiển thị thực tế được thiết lập và kiểm soát bởi dịch vụ chat được tích hợp. 

Trong bài viết này, Salekit sẽ hướng dẫn cách kết nối công cụ Tawk.to vào Landing page. 

2. Thao tác 

2.1. Tạo mới Chat widget 

2.1.1. Tạo mới 
1. Truy cập Landing page cần thiết lập Chat widget, sau đó vào: 
Section -> Dùng chung -> Chat widget -> Thêm mới  

2.  Nhập tên Chat widget -> Chọn bố cục Tawk.to -> ấn Tạo Chat widget 

3. Truy cập vào tài khoản của bạn trên trang tawk.to -> Cài đặt -> Chat Widget
Tham khảo cách đăng nhập/ đăng ký tài khoản Tawk tại đây

4. Sao chép Property ID (1) và Widget ID (2) 

5. Quay lại tab buider của Chat widget -> Dán mã vừa copy vào ô Property ID (1) và Widget ID (2) 

* Lưu ý: Mã nhúng hợp lệ sẽ hiển thị tích xanh và thông báo "Cấu hình hợp lệ" 

2.1.2. Tùy chỉnh nâng cao
  • Bạn vào tab Nâng cao, trong builder của Chat widget
  • Ghim phần tử: Bật/Tắt để cố định vị trí của phần tử trên màn hình khi người dùng cuộn trang

=> Sau khi hoàn tất thiết kế, nhấn Xuất bản để lưu và đưa Chat widget vào trạng thái có thể sử dụng trên Landing Page.
* Lưu ý: 
- Lưu: Lưu lại các thao tác thiết kế vừa thực hiện, đồng thời nếu Landing page đang sử dung bạn chỉ cần F5 lại trang để cập nhật nội dung lần gần nhất
- Xem trước: Mở giao diện xem thử thực tế trước khi xuất bản
- Xuất bản: Cập nhật ngay lập tức các thay đổi lên tất cả các Landing Page đang liên kết với Chat widget.

2.2. Sử dụng Chat widget trên Landing page 

1. Quay lại tab Builder của Landing Page ban đầu

2. Chọn Chat widget muốn sử dụng cho Landing page đang sử dụng -> ấn Sử dụng 

3. Chat widget được thêm vào Landing Page, bạn có thể tùy chỉnh lại với 1 số thao tác sau: 

  • Chỉnh sửa: Mở Builder riêng của Chat widget để chỉnh sửa/ thay thế Property ID và Widget ID khác 
  • Thay thế: Thay Chat widget hiện tại bằng một Chat widget khác trong danh sách
  • Nhân bản: Tạo một bản Chat widget riêng để sử dụng và chỉnh sửa độc lập trên Landing Page
  • Bỏ dùng: Gỡ Chat widget khỏi Landing Page hiện tại
=> Sau khi hoàn tất thiết lập, nhấn Xuất bản Landing Page để áp dụng Chat widget trên trang.

2.3. Quản lý Chat widget

Trong danh sách, mỗi Chat widget sẽ hiển thị các thông tin như:
  • Tên Chat widget
  • Số Landing page đang sử dụng cho từng Chat widget
  • Người cập nhật cuối  
  • Trạng thái: Nháp, Xuất bản, Lưu, Đang dùng   
Một số thao tác khác: 
  • Nút Đang sử dụng/Thay thế: Hiển thị Chat widget đang được sử dụng/ thay thế trên Landing Page hiện tại
  • Nút Chỉnh sửa: Mở lại builder riêng của Chat widget để chỉnh sửa
  • Nút Nhân bản: Tạo 1 bản sao chép từ bản gốc 
  • Nút Xóa: Gỡ Chat widget ra khỏi danh sách 
Chúc bạn thao tác thành công !