5/5 - (3 votes)

Widget là một phần tử có nhiều chức năng khác nhau được kéo thả vào trong các cột của section để tạo ra các nội dung trên landing page.

Mục lục

Một số chức năng của Widget
Các phần tử cơ bản

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.