Toggle và checkbox
Danh mục Toggle cung cấp ba phần tử mà người dùng nhấn để bật hoặc tắt một tùy chọn nào đó:
- Trial toggle: một công tắc chuyển paywall giữa sản phẩm tiêu chuẩn và sản phẩm dùng thử.
- Checkbox: một ô checkbox đi kèm nhãn văn bản, dùng cho xác nhận đồng ý.
- Toggle: một công tắc đi kèm nhãn văn bản, dùng cho các lựa chọn bật/tắt khác.
Để thêm một phần tử, nhấn + trên màn hình mục tiêu, mở Paywall & Commerce > Toggle, rồi chọn phần tử. Phần tử sẽ xuất hiện ở gốc của cây layer — kéo nó vào container mục tiêu trong bảng Layers.
Basics > Checkmarks cũng cung cấp các đồ họa checkbox, radio và toggle. Đây là các icon tĩnh dùng để trang trí các hàng bên trong một phần tử có thể chọn khác, chẳng hạn như thẻ sản phẩm. Hãy dùng các phần tử trong bài viết này khi người dùng tự chọn một thứ gì đó.
Nút bật/tắt dùng thử
Apple có thể từ chối các ứng dụng sử dụng nút bật/tắt dùng thử được chọn sẵn. Một nút bật được đặt ở trạng thái “bật” theo mặc định có thể bị gắn cờ là dark pattern gây hiểu lầm theo Nguyên tắc Đánh giá App Store — điều này ngụ ý người dùng đồng ý dùng thử miễn phí mà không có lựa chọn rõ ràng.
Để tránh bị từ chối, hãy đặt nút bật/tắt ở trạng thái tắt theo mặc định và để người dùng tự chọn tham gia dùng thử.
Nút chuyển đổi dùng thử cho phép người dùng lựa chọn giữa sản phẩm thông thường và sản phẩm dùng thử trên paywall. Khi người dùng thay đổi trạng thái của nút này, nó có thể kích hoạt một hành động — chẳng hạn như hoán đổi nhóm sản phẩm, cập nhật biến số, hoặc hiển thị/ẩn các phần tử — ngay lập tức.
Để xem hướng dẫn đầy đủ, bao gồm các điều kiện giúp sản phẩm được chọn đồng bộ với nút chuyển đổi, hãy xem Xây dựng paywall với nút chuyển đổi dùng thử.
Checkbox
Một checkbox được ghép với nhãn văn bản, điền sẵn nội dung I agree to the Terms and Privacy Policy. Dùng khi người dùng cần xác nhận điều gì đó trước khi flow tiếp tục.
Toggle
Một công tắc kết hợp với nhãn văn bản. Dùng cho các lựa chọn bật/tắt không thay đổi sản phẩm — ví dụ như đăng ký nhận nhắc nhở trước paywall, hoặc hiển thị thêm một khối nội dung.
Đọc trạng thái trong điều kiện
Mỗi phần tử này là một phần tử có thể chọn, và nhóm của nó xác định biến phản ánh trạng thái của phần tử đó:
- Nhóm Toggle:
<group>.isActive— True hoặc False. - Nhóm Single choice:
<group>.selectedOptionId— ID của phần tử được chọn, rỗng khi chưa có gì được chọn.
Chọn phần tử và mở tab Interactions để xem nó thuộc nhóm nào.
Để các phần tử khác phụ thuộc vào trạng thái này, hãy thiết lập hành động có điều kiện hoặc hiển thị có điều kiện dựa trên biến đó.
Ứng dụng của bạn cũng có thể nhận trạng thái thông qua SDK. Mỗi khi người dùng thay đổi giá trị, SDK sẽ báo cáo giá trị mới, và ứng dụng của bạn có thể xử lý nội bộ hoặc trên back-end của bạn.