Tutorial 2x Tạo gợi ý ngữ cảnh cho thành viên mới với Tours and Hints cho XenForo 2

[PVS]

Tạo gợi ý ngữ cảnh cho thành viên mới với Tours and Hints cho XenForo 2

Chào đón thành viên mới là một trong những yếu tố quan trọng nhất để xây dựng một cộng đồng sôi nổi. Thay vì một tour hướng dẫn dài dòng mà người dùng có thể bỏ qua, một hệ thống các "gợi ý" (hints) nhỏ, xuất hiện đúng lúc, đúng chỗ sẽ hiệu quả hơn rất nhiều.

Bài viết này sẽ hướng dẫn bạn cách sử dụng add-on Tours and Hints để tạo ra một hệ thống gợi ý theo ngữ cảnh, "cầm tay chỉ việc" cho người dùng mới một cách thông minh và không gây khó chịu.

Bước 1: Cài đặt và Phân quyền​

1. Cài đặt Add-on: Sau khi đã có file, bạn thực hiện các bước cài đặt add-on tiêu chuẩn (tải lên thư mục upload và cài đặt trong AdminCP).
2. Kích hoạt Hệ thống: Truy cập AdminCP > [XP] Tours and Hints > đảm bảo ô Enable the Tours and Hints System đã được tick.
   
3. Phân quyền (Quan trọng):
   • Truy cập AdminCP > Groups & permissions > User group permissions.
   • Chọn nhóm "Registered".
   • Tìm đến mục [XP] Tours and Hints và đặt quyền Can See Tours và Can see hints thành Yes.

Bước 2: Tạo các Gợi ý (Tours) theo Ngữ cảnh​

Khác với các add-on khác, [XP] Tours and Hints hoạt động bằng cách tạo ra các gợi ý độc lập, gắn liền với từng thành phần trên trang. Chúng ta sẽ tạo một chuỗi các gợi ý như vậy.

1. Truy cập AdminCP > [XP] Tours and Hints.
2. Nhấp vào nút + Add Tour.

Ví dụ tạo các gợi ý thiết yếu cho người mới:​

Gợi ý 1: Chào mừng chung (Không chỉ vào đâu cả)​

• Trong tab "Tour Options":
  • Title:Chào mừng bạn đến với Diễn đàn!
  • Element Identifier: Để trống trường này.
  • Message:Chúng tôi rất vui khi có bạn tham gia. Hãy dành vài phút khám phá các tính năng chính nhé. Bạn có thể sử dụng các biến như {name} để chào tên thành viên.
  • Tour is Active: Tick.
• Trong tab "User criteria":
  • Tìm mục User has posted less than X messages, và nhập 1 vào ô.
• Lưu lại.

Gợi ý 2: Hướng dẫn nút "What's new"​

• Nhấp + Add Tour một lần nữa.
• Trong tab "Tour Options":
  • Title:Xem bài viết mới
  • Element Identifier: Dán CSS Selector của nút "What's new" vào đây. (Selector thường là .p-nav-list .p-navEl-link[data-nav-id='whatsNew']).
  • Message:Nhấp vào đây để xem tất cả các chủ đề mới nhất kể từ lần truy cập trước của bạn.
• Trong tab "User criteria":
  • Thiết lập điều kiện User has posted less than X messages là 1 giống như trên.
• Lưu lại.

Lặp lại quy trình trên cho các gợi ý khác bạn muốn thêm.

Bước 3: Quản lý và Kiểm tra​

• Quản lý: Tất cả các gợi ý bạn tạo sẽ được liệt kê tại AdminCP > [XP] Tours and Hints, nơi bạn có thể dễ dàng bật, tắt, sửa hoặc xóa chúng.
• Kiểm tra:
  1. Tạo một tài khoản người dùng hoàn toàn mới.
  2. Đăng nhập bằng tài khoản đó.
  3. Duyệt qua các trang khác nhau của diễn đàn và quan sát xem các gợi ý có xuất hiện đúng vị trí và đúng thời điểm như bạn đã cấu hình hay không.
  4. Đặc biệt kiểm tra trên điện thoại để đảm bảo các gợi ý không che mất nội dung quan trọng.

Kết luận​

Bằng cách sử dụng Tours and Hints, bạn có thể xây dựng một hệ thống onboarding thông minh và linh hoạt. Thay vì một tour dài bắt buộc, các gợi ý theo ngữ cảnh chỉ xuất hiện khi cần thiết, giúp hướng dẫn người dùng mới một cách tự nhiên và hiệu quả. Việc đầu tư thời gian vào việc thiết lập các gợi ý này sẽ mang lại lợi ích lâu dài, giúp người dùng mới nhanh chóng hòa nhập và trở thành thành viên tích cực của cộng đồng.

Chúc các bạn thành công.

VNXF.VN​