Tutorial 2x Tùy biến trang đăng ký với Custom User Fields cho XenForo 2.3

[PVS]

Tùy biến trang đăng ký với Custom User Fields cho XenForo 2.3

Trang đăng ký mặc định của XenForo chỉ thu thập các thông tin cơ bản nhất: tên người dùng, email, mật khẩu. Nhưng sẽ ra sao nếu bạn muốn biết thêm về thành viên của mình ngay từ đầu? Ví dụ: họ đến từ đâu, làm nghề gì, hoặc họ biết đến diễn đàn của bạn qua kênh nào? Custom User Fields (Trường người dùng tùy chỉnh) chính là công cụ cho phép bạn làm điều đó.

Việc thêm các trường tùy chỉnh vào trang đăng ký không chỉ giúp bạn thu thập dữ liệu quý giá mà còn có thể dùng để sàng lọc thành viên hoặc cá nhân hóa nội dung. Bài viết này sẽ hướng dẫn bạn từng bước để tạo và quản lý các trường thông tin này.

Bước 1: Tạo một trường người dùng tùy chỉnh (Custom User Field)​

Đầu tiên, chúng ta cần định nghĩa trường thông tin mà mình muốn thu thập.

1. Truy cập AdminCP > Users > Custom user fields.
2. Nhấp vào nút + Add field.
3. Field ID: Đặt một ID duy nhất, không dấu, không khoảng trắng (ví dụ: location, occupation).
4. Title: Tên của trường sẽ hiển thị cho người dùng (ví dụ: `Tỉnh/Thành phố`, `Nghề nghiệp của bạn`).
5. Description: Mô tả ngắn gọn để giải thích cho người dùng biết họ nên điền gì vào đây.
6. Display location: Chọn nơi bạn muốn thông tin này được hiển thị sau khi người dùng điền. Các lựa chọn phổ biến:
   • Personal details: Hiển thị trong tab "Personal Details" trên trang cá nhân.
   • Preferences: Hiển thị trong trang cài đặt tài khoản.
   • Contact details: Hiển thị trong tab "Contact" trên trang cá nhân.
7. Field type: Đây là phần quan trọng nhất, xác định loại ô nhập liệu.
   • Single-line text box: Ô văn bản một dòng.
   • Drop-down selection: Menu thả xuống với các lựa chọn cố định.
   • Radio buttons: Các nút chọn một trong nhiều phương án.
   • Check boxes: Các ô tick để chọn một hoặc nhiều phương án.

Bước 2: Cấu hình và hiển thị trên trang đăng ký​

Sau khi đã chọn loại trường, bạn cần cấu hình các tùy chọn chi tiết hơn.

Ví dụ 1: Tạo trường "Tỉnh/Thành phố" dạng Drop-down​

• Field type: Chọn Drop-down selection.
• Possible values: Nhập danh sách các tỉnh thành, mỗi tỉnh thành một dòng. Ví dụ:
  

  Hà Nội
  TP. Hồ Chí Minh
  Đà Nẵng
  Hải Phòng

• Trong tab "General options":
  • Tick vào ô Show during registration. Đây là bước quyết định để trường này xuất hiện trên trang đăng ký.
  • Nếu bạn muốn bắt buộc người dùng phải điền, hãy tick vào ô Required during registration.

Ví dụ 2: Tạo trường "Bạn biết đến chúng tôi từ đâu?" dạng Radio buttons​

• Field type: Chọn Radio buttons.
• Possible values: Nhập các lựa chọn, mỗi lựa chọn một dòng.
  

  Qua Google
  Qua Facebook
  Bạn bè giới thiệu
  Khác

• Trong tab "General options":
  • Tick vào Show during registration.
  • Tick vào Required during registration.

Bước 3: Hiển thị thông tin trên bài viết​

Sau khi đã thu thập được thông tin, bạn có thể muốn hiển thị một vài thông tin quan trọng (như Tỉnh/Thành phố) ngay trên mỗi bài viết của thành viên. XenForo cung cấp một cách làm việc này rất đơn giản mà không cần động đến code.

1. Truy cập AdminCP > Appearance > Styles > Style bạn đang sử dụng > Style properties.
2. Trong danh sách các nhóm thuộc tính tìm và nhấp vào Messages.
3. Tìm đến mục có tên là Message user info elements.
4. Tại đây, bạn sẽ thấy một danh sách tất cả các trường tùy chỉnh bạn đã tạo. Chỉ cần tick vào ô Custom fields.
5. Nhấp Save.

Bây giờ, hãy ra ngoài diễn đàn và xem một bài viết bất kỳ. Thông tin bạn vừa chọn sẽ tự động xuất hiện trong khối thông tin người dùng bên dưới avatar.

Kết luận​

Custom User Fields là một công cụ cực kỳ linh hoạt để làm giàu dữ liệu người dùng của bạn. Bằng cách thêm các trường thông tin chiến lược vào trang đăng ký và sử dụng các tùy chọn có sẵn trong Style Properties để hiển thị chúng, bạn không chỉ hiểu rõ hơn về cộng đồng mình đang xây dựng mà còn có thể tạo ra một trải nghiệm người dùng sâu sắc hơn.

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

VNXF.VN​