Thu Gọn Nội Dung Landing Page Với Công Cụ Collapse

11/01/2021

Thu Gọn Nội Dung Landing Page Với Công Cụ Collapse

Landing page được tối ưu content và gọn sẽ đem lại chuyển đổi tốt hơn nhiều cho người dùng. Phần lớn khách hàng đều rất ngại xem nhiều nội dung hoặc phải kéo hoặc lướt rất nhiều mới tìm đến được nội dung mình quan tâm. Không ít khách hàng rời bỏ landing page chỉ vì không đủ kiên nhẫn ở lại tìm kiếm nội dung mình cần. 
 
Giải pháp cho vấn đề trên chính là công cụ COLLAPSE. Công cụ này cho phép bạn ẩn hiện một số nội dung và chỉ hiển thị thông qua việc người dùng click hoặc chạm vào phần tử mà bạn thiết lập trước đó 
 
Phần lớn, Collapse được dùng nhiều trong các mục: Hỏi Đáp, Thắc Mắc Khách Hàng, Tab Nội Dung,... Hoặc bạn hoàn toàn có thể linh động điều chỉnh và tận dụng cho những mục đích riêng
 
Để thực hiện bạn làm các bước sau:
Bước 1: Chuẩn bị 1 phần tử dùng làm phần gợi ý hoặc câu hỏi, 1 phần tử ẩn hiện ( Câu trả lời  ) khi click vào phần tử gợi ý ( Câu hỏi )
Bước 2: Thiết lập cho phần tử gợi ý ( Câu hỏi ) công cụ Collapse bằng cách: Chọn phần tử  - Thiết Lập - Sự Kiện - Sự Kiện Nhấp Chuột - Collapse. Sau đó dán id của phần tử bạn muốn ẩn hoặc hiện khi click 
 
Vậy là bạn đã hoàn thành xong.
 
Lưu ý: Các phần tử ẩn/hiện khi load trang sẽ mặc định ẩn đi nha. Khi click vào mới hiện lên. Nếu bạn muốn nó hiện khi load trang thì stick vào "Hiển thị khi vào trang"
 

THEO DÕI NGUYỄN VĂN ĐÌNH TRÊN MẠNG XÃ HỘI

0937 95 27 26
1
Bạn cần hỗ trợ?