Khi học cách tạo landing page chắc hẳn bạn sẽ thường xuyên làm quen với khái niệm section trong landing page. Vì vậy là thành phần không thể thiếu của landing page và website. Vậy thì section là gì hãy cùng tìm hiểu trong bài viết nhé!
Mục lục
Định nghĩa về Section?
Section là một khu vực (vùng) nội dung của trang. Các khu vực này thường được chia thành các cột nhỏ để chứa các widget. Mỗi đoạn nội dung có một ý nghĩa riêng và kết hợp với nhau thành một chuỗi content có tính thuyết phục cao.
Dưới đây là các nội dung của section thường được sử dụng:
1.Giới thiệu (Intro)
2.Lợi ích khách hàng
3.Đặc điểm nổi bật
4.Nội dung chi tiết
5.Đội nhóm
6.Ý kiến khách hàng
7.Chứng nhận & cam kết
8.Bảng giá
9.FAQ
10.Footer
11.CTA (call-to-action: nút kêu gọi hành động)
12.Form đăng ký
Ví dụ section trong Lading Page
Mỗi Section thường giải quyết một phần nội dung của Landing Page (xem hình minh họa bên dưới)
Ví dụ trên ảnh có 3 section được bôi đỏ và mỗi section sẽ giới thiệu nội dung riêng.
- Section 1: Giới thiệu tổng quan về cuốn sách
- Section 2: Giới thiệu về tác giả
- Section 3: Đánh giá của khách hàng đã mua
Column (Cột)
Cột có thể được xem là section con nằm trong section lớn để chứa các phần tử (widget) nội dung bên trong.
Một section có thể được chia ra thành nhiều cột khác nhau. Ví dụ như
Section 1 cột
Section 2 cột
Section 4 cột
Các thao tác với Section
Lên trên – Xuống dưới
Lên trên – xuống dưới là chức năng giúp bạn thay đổi vị trí của 1 section: đẩy section này lên trước section ở trên hay đẩy xuống dưới section hiện tại.
Ẩn section
Ẩn section là chức năng giúp bạn ẩn toàn bộ section đang chọn, section sẽ không bị xóa đi, nhưng sẽ không hiển thị tới người xem.
Lưu ý: Ẩn section ở desktop và mobile là độc lập với nhau.
Nhân bản section
Nhân bản là chức năng tạo ra một section mới y hệt nội dung và thiết kế của section cũ.
Xóa section
Xóa section sẽ xóa toàn bộ nội dung và thiết kế của section đó. Bạn có thể Ctrl+Z để hoàn tác lại thao tác đó nếu bấm nhầm.
Tham khảo thêm tại: https://simplepage.vn/blog/tim-hieu-cau-truc-co-ban-cua-landing-page/
Nguồn: Thoại Nghiêm – ATP Holdings
Tổng hợp: Lê Gun Digital Marketer