Định nghĩa: Accordion là thành phần giao diện dạng danh sách xổ dọc. Khi người dùng nhấp vào một tiêu đề, phần nội dung chi tiết tương ứng bên dưới sẽ mở ra hoặc thu gọn lại.
Lợi ích/Giá trị: Giúp tiết kiệm không gian trên Landing Page, tối ưu trải nghiệm đọc, đặc biệt phù hợp để trình bày danh sách Câu hỏi thường gặp (FAQ) hoặc nội dung chia theo từng phần.
Đối tượng sử dụng: Marketer, Designer.
2. Giải thích Thuật ngữ & Thông số
Item (Mục): Một khối bao gồm 1 phần Tiêu đề (Title) và 1 phần Nội dung (Content) bên trong Accordion.
Đường dẫn truy cập: Marketing → Landing Page → Landing Page Builder → Nhấp vào tên trang để mở Editor.
4. Các bước thực hiện
Bước 1: Kéo thả Element Accordion từ Toolbar vào vùng chứa (Column/Row) mong muốn trên trang.
Bước 2: Tại bảng Properties bên phải, nhấp vào Item 1 để sửa phần Tiêu đề (Title) và Nội dung (Content).
Bước 3: Nhấp nút Thêm Item nếu muốn tạo thêm các câu hỏi tiếp theo trong cùng 1 khối Accordion.
Bước 4: Chuyển sang tab Style để tùy chỉnh màu sắc chữ, màu nền, và biểu tượng mũi tên (Mở rộng/Thu gọn).
5. Quy tắc vận hành
Nội dung bên trong Item Accordion có thể chứa chữ (Text), nhưng không thể kéo thả các Element phức tạp khác (như Video, Form) vào bên trong nội dung Accordion.