Hướng dẫn tạo Accordion (FAQ) trên Landing Page

1. Tổng quan

  • Đị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.

3. Điều kiện tiên quyết (Prerequisite)

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.

6. Các câu hỏi thường gặp (FAQ)

Chưa có thông tin cho mục này.

7. Bước tiếp theo

N/A

image-zoom
© MOBIO 2022 v1.3 Powered by MOBIO
Back to Top