Widget là một tiện ích nhỏ được kéo thả nằm trong các section với những chức năng khác nhau trên trang để tạo ra các nội dung trên trang Landing Page.
Mục Lục
Một số chức năng của Widget
Widget có các chức năng như:
- Tiêu đề nội dung
- Nút bấm
- Bộ đếm ngược
- Form điền thông tin
- Hiệu ứng
- Hình ảnh
- Hiển thị ảnh dạng slide
- Hiển thị video
- …
Các phần tử cơ bản
Section
Section là một phần nội dung trên Landing Page và trong các section này sẽ chứa một hay nhiều cột (column). Trong các cột này sẽ là các tiện ích (widget).
Mỗi landing page sẽ chứa nhiều section với mỗi section có một nội dung với mục tiêu riêng.
Dưới đây là các nội dung của section thường được sử dụng:
- Giới thiệu (Intro)
- Lợi ích khách hàng
- Danh sách dịch vụ
- Đặc điểm nổi bật
- Nội dung chi tiết
- Đội nhóm
- Ý kiến khách hàng
- Chứng nhận & cam kết
- CTA (call-to-action: nút kêu gọi hành động)
- Form đăng ký
- Bảng giá
- FAQ
- Footer
….
Heading (Tiêu đề)
Tiêu đề là nội dung của một phần trên Landing page, thông thường ứng với mỗi section bạn sẽ đặt một tiêu đề phù hợp.
*Lưu ý: Tiêu đề là thành phần cực kỳ quan trọng không thể thiếu trên website vì nó chứa các thẻ <heading> cần thiết trong hoạt động tối ưu hóa website (SEO). Vì vậy trong quá trình thiết kế landing page bạn cần đặt các keyword cần SEO trong các thẻ tiêu đề này.
Hình ảnh
Hình ảnh đóng một vai trò quan trọng trong thiết kế web, vì vậy bạn sẽ sử dụng phần tử hình ảnh rất nhiều trong khi thiết kế landing page của bạn.
Trình chỉnh sửa văn bản
Tiện ích Trình soạn thảo văn bản là trình soạn thảo hoạt động giống như trình chỉnh sửa trực quan WordPress hay của Microsoft Word. Bạn có thể dễ dàng nhập và định dạng văn bản , hình ảnh rất thuận tiện.
Video
Bên cạnh hình ảnh, bạn hoàn toàn có thể hiển thị video chạy trên landing page thông quan phần tử này.
Nguồn video bạn có thể nhập link từ Youtube, Vimeo, Dailymotion hoặc tự tải lên
Nút
Với Landing Page thì nút là phần tử cực kỳ quan trọng vì đây là “điểm chạm” cuối cùng của khách hàng khi họ thực hiện hành động.
Mỗi nút sẽ có một chức năng cụ thể như
- Điều hướng đến trang khác
- Hiển thị form điền thông tin cá nhân
- Thanh toán
- Tải về
Với Simple Page nền tảng còn hỗ trợ bạn rất sâu khi có thể đo lường các chuyển đổi trên Nút
Đường phân cách
Đường phân cách giúp tách các nội dung độc lập với nhau một cách chuyên nghiệp với nhiều kiểu độc đáo.
Khoảng đệm
Khoảng đệm giúp tăng khoảng cách giữa các section hay các phần tử (widget) để trông landing page thoáng hơn, tránh cảm giác nhồi nhét các thành phần làm giảm trải nghiệm khi xem.
Google Maps
Các Google Maps Widget là một cách đơn giản để nhúng Google Maps vào trang web của bạn. Điều này rất hữu ích khi bạn cần chỉ đường cho khách hàng đến với cửa hàng của bạn.
Icon (Biểu tượng)
Icon (Biểu tượng) thường dùng để ghi ra danh sách các đặc điểm, lợi ích, tính năng hay các điểm cần nhấn mạnh trên landing page.
Các icon này được hỗ trợ từ bộ FontAwesome hoặc icon tải lên từ máy tính của bạn.
Tham khảo thêm tại: https://simplepage.vn/blog/tim-hieu-cau-truc-co-ban-cua-landing-page/
https://simplepage.vn/blog/section/
Bạn có thể dễ dàng thiết kế Landing Page cho mình từ kho giao diện mẫu của SimplePage. Để sử dụng miễn phí bạn vui lòng đăng ký tại đây
Nguồn: SimplePage
Tổng hợp: Lê Gun Digital Marketer
