Thêm phần tử vào trang

Có hai cách để thêm nội dung vào trang: kéo phần tử cơ bản hoặc chèn Pattern (mẫu section) có sẵn.

Cách 1 — Thêm phần tử cơ bản

Bước 1 — Mở tab Phần tử

Nhấn icon Phần tử (Elements) ở thanh tab bên trái. Panel danh sách phần tử sẽ mở ra.

Bước 2 — Chọn loại phần tử

Các phần tử cơ bản bao gồm:

Bước 3 — Thêm vào trang

Nhấn vào phần tử hoặc kéo nó vào vị trí trên canvas. Phần tử sẽ xuất hiện trong trang.

Cách 2 — Thêm Pattern (Section mẫu)

Pattern là các block giao diện được thiết kế sẵn — bạn chỉ cần chèn vào và thay nội dung.

Bước 1 — Chuyển sang tab Pattern

Trong panel Phần tử, nhấn tab Pattern ở trên cùng.

Bước 2 — Duyệt và chọn mẫu

Cuộn xuống xem các mẫu section có sẵn như:

• Hero section (banner đầu trang)
• Feature section (giới thiệu tính năng)
• Testimonial (đánh giá khách hàng)
• Gallery (thư viện ảnh)
• CTA (kêu gọi hành động)
• Footer

Bước 3 — Chèn vào trang

Nhấn vào Pattern hoặc kéo vào canvas. Section sẽ xuất hiện ở cuối trang (bạn có thể kéo lên vị trí mong muốn sau).

Sắp xếp phần tử

Kéo thả để di chuyển

Nhấn và giữ chuột vào phần tử, kéo sang vị trí mới. Đường hướng dẫn xanh giúp bạn căn chỉnh chính xác.

Dùng tab Lớp (Layer)

Nếu phần tử bị chồng chéo khó kéo trực tiếp:

1. Mở tab Lớp ở sidebar trái
2. Tìm phần tử trong cây cấu trúc
3. Kéo lên hoặc xuống để thay đổi thứ tự

Lồng phần tử vào Box

Kéo một phần tử vào bên trong một Box khác để tạo layout lồng nhau.

Xóa phần tử

Chọn phần tử trên canvas, sau đó:

• Nhấn phím Delete hoặc Backspace
• Hoặc nhấn chuột phải → Xóa

Để hoàn tác, nhấn Ctrl+Z.

Mẹo hữu ích

• Box là nền tảng của mọi layout. Hãy tạo Box trước để phân vùng trang, sau đó đặt phần tử vào trong.
• Dùng Pattern để tiết kiệm thời gian thay vì xây từng phần tử từ đầu.
• Nhấn đúp chuột vào Text để chỉnh sửa nhanh nội dung ngay tại chỗ.