• Trang chủ
  • Landing page
    • Ladipage
      • Sử dụng Ladipage
      • Thủ thuật Ladipage
      • Mẫu Ladipage
  • Tôi khám phá
    • Kiếm tiền online – MMO
      • Affiliate Marketing
      • Bán hàng đa kênh
      • Bán hàng online
      • Dropshipping
    • LadiBoost
      • Ladipage
      • Ladisales
      • Ladichat
      • Ladiflow
      • Ladiads
      • Ladilab
    • WordPress
  • Dịch vụ
    • Các dịch vụ
    • Thiết kế Landing Page
  • Cửa hàng
    • Xem Cửa hàng
    • Tài khoản
    • Giỏ hàng
    • Thanh toán
  • Tư vấn & Đánh giá
  • Liên hệ
    • Thông tin liên hệ
    • Thanh toán
    • Mời mình cà phê
  • 0 SP - 0 ₫

Nguyễn Việt Anh

Hỗ trợ hết mìnhh

Bạn đang ở:Trang chủ / Sử dụng Ladipage / Cách thu gọn nội dung trong Ladipage siêu hay

Cách thu gọn nội dung trong Ladipage siêu hay

04/09/2021 04/09/2021 Nguyễn Việt Anh 0 Bình luận

Nội dung bài viết

  1. Dùng Popup thu gọn nội dung trong Ladipage
    1. Hướng dẫn sử dụng
  2. Thu gọn nội dung trong Ladipage bằng Collapse
    1. Hướng dẫn cài đặt Collapse
  3. Thu gọn section Ladipage bằng READMORE
    1. Cách thiết lập READMORE trong Ladipage
  4. Tổng kết

Cách thu gọn nội dung trong Ladipage siêu hay mà bạn nên biết khi thiết kế landing page

Cách thu gọn nội dung trong Ladipage
Cách thu gọn nội dung trong Ladipage

Bạn thiết kế landing page thường hay gặp tình trạng landing page bị dài nhưng không biết nên cắt bỏ phần nào. Bài viết này mình sẽ chia sẻ với bạn một số cách thu gọn nội dung trong Ladipage, giúp trang ladipage của bạn ngắn gọn lại mà vẫn đủ ý nếu khách hàng muốn tìm hiểu thêm thông tin.

Tham khảo thêm:

  • Nâng cấp Ladipage Pro 12 tháng – Tặng 6 tháng sử dụng
  • Hướng dẫn tạo hiệu ứng chữ trong Ladipage siêu đẹp

Dùng Popup thu gọn nội dung trong Ladipage

Cách này khá là phổ biến khi khách hàng muốn tìm hiểu thêm thông tin sẽ ấn vào 1 nút và Popup liên kết sẽ hiện ra, rất là phù hợp để tìm hiểu thêm thông tin. Tuy nhiên nó dễ bị biến mất hoặc làm rối khách hàng khi không biết tắt ở đâu. Bạn nên cẩn thận khi sử dụng Popup đối với đối tượng lớn tuổi.

Thao tác thu gọn nội dung thì đơn giản bạn sẽ tạo một Nút ấn mở rộng nội dung và liên kết sự kiện của nó với Popup nội dụng bạn thu gọn, khách hàng muốn xem thêm thì ấn vô để đọc thêm thông tin.

Hướng dẫn sử dụng

Bước 1: Tạo nút ấn có nội dung như Xem thêm, Thông tin chi tiết, Tìm hiểu thêm ….

Bước 2: Tạo Popup chứa nội dụng cần mở rộng để khách hàng hiểu

Bước 3: Tạo sự kiện cho nút ấn – Mở popup – Chọn Popup vừa tạo ở bước 2.

Bước 4: Xuất bản và xem thành quả.

Thu gọn nội dung trong Ladipage bằng Collapse

Cách này khá hay, nhưng sinh sau đẻ muộn, thường ứng dụng trong phần Các câu hỏi thường gặp , Q&A …. Mình cũng hay ứng dụng để thu gọn nội dung trên thân trang ladipage Tuy nhiên thì Ladipage mới ra READMORE nên cách này mình k còn sử dụng để thu gọn nội dung trang ladipage nữa.

Ứng dụng Collapse trong thiết kế Ladipage
Ứng dụng Collapse trong thiết kế Ladipage

Hướng dẫn cài đặt Collapse

Bước 1: Bạn tạo nội dung chính và nội dung cần thu gọn

Bước 2: Tiến hành thiết lập sự kiện của nút ấn là Collapse

Bước 3: Điền ID phần tử của đoạn văn cần thu gọn vào số 4

Bước 4: Xuất bản và xem kết quả thu gọn nội dung trong ladipage bằng Collapse

Thiết lập Collapse cho phần tử
Thiết lập Collapse cho phần tử

Thu gọn section Ladipage bằng READMORE

Cái này mới có ở thời điểm mình viết bài này. Nó khá là tiện lợi vì cho phép thu gọn nội dung ngay trên thân trang một cách tự động, không cần phải tạo thêm nút vướng víu, không phải ẩn hiện phần tử thủ công như trước kia mình hay dùng. Chỉ cần thiết lập thông số chiều cao của Section là được. Tuy nhiên mình thấy cũng hơi bất cập nếu thiết kế Destop mà dạng chia đôi bố cục còn thiết kế landing page Mobile Only thì rất là ok luôn.

Cách thiết lập READMORE trong Ladipage

Bước 1: Thiết lập nội dung Section như bình thường.

Bước 2: Tiến hành rút gọn nội dung của Section bằng cách vào cài đặt Section (1) => Nâng cao (2) => Thiết lập READMORE => Điền chiều cao.

Phần chiều cao này bạn có thể dùng Box để đo chiều cao bạn muốn hiện thị, Phần số điền vào được cộng thêm 50px sẽ hiển thị nữa nhé bạn. Ví dụ bạn điền là 200px thì lúc xuất bản ladipage sẽ hiển thị 250px. Nên nếu muốn hiển thị 200px thì bạn trừ lùi đi và điền 150px thôi nhé!

Bước 3: Xuất bản và trải nghiệm tính năng READMORE xịn sò trong Ladipage.

Thiết lập READMORE trong Ladipage
Thiết lập READMORE trong Ladipage

Xem thành quả nè

Tổng kết

Trên đây là chia sẻ cách thu gọn nội dung trong Ladipage đơn giản mà hiệu quả mà Ladipage đã nâng cấp và cải thiện theo thời gian. Hi vọng trong tương lai sẽ có tính năng thu gọn nội dung trang Ladipage xịn sò hơn nữa để có thể thu gọn riêng biệt các phần tử mong muốn trong khi thiết kế Ladipage Destop.

Nếu thấy bài viết mình chia sẻ hay và ứng dụng hữu ích cho bạn trong khi thiết kế Lading page thì đừng ngại để lại Email ở mục bản tin để nhận các bài viết từ mình. Cảm ơn bạn đã đọc đến dòng này :))

5/5 - (1 bình chọn)
  • Share on Facebook
  • Tweet on Twitter
Lượt xem: 231

Bài viết liên quan

Gắn link 360 độ vào trang Landing page bất động sản
Gắn link 360 độ vào trang Landing page bất động sản
Học thiết kế landing page
Khóa học thiết kế landing page hỗ trợ trọn đời
Dich vu thiet ke landing page
Dịch vụ thiết kế landing page trọn gói siêu đẹp

Chuyên mục: Sử dụng Ladipage/ Ladipage
Thẻ: Ladipage/ Ladipage cơ bản/ rút gọn nội dung trong Ladipage/ Thiết kế Ladipage

Nói về Nguyễn Việt Anh

Rất vui khi bạn ghé thăm Blog của mình. Mình viết blog với mục đích lưu trữ và chia sẻ miễn phí những kiến thức, kinh nghiệm, thủ thuật về Landing page, MMO, Marketing, Làm việc online... mà mình đã trải nghiệm. Cảm ơn bạn đã ghé qua blog, nếu thấy bài viết hay, hãy chia sẻ để ủng hộ tinh thần cho mình!

Bài viết trước « Integrately là gì ? Công cụ làm hệ thống Marketing Auto
Bài viết sau Đổi mã giới thiệu Ladipage – Nhận quà VIP »

Reader Interactions

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Sidebar chính

Tìm kiếm chi tiết

Bài viết mới

  • Gắn link 360 độ vào trang Landing page bất động sản 21/03/2022
  • App FuniMart là gì? DropShip trên FuniMart lừa đảo không? 02/03/2022
  • Khóa học thiết kế landing page hỗ trợ trọn đời 29/01/2022
  • Dịch vụ thiết kế landing page trọn gói siêu đẹp 24/01/2022
  • Thiết kế link 404 cho Ladipage ngay 08/01/2022

Group Hỗ trợ Ladipage

Group hỗ trợ ladipage trưc tiếp từ mình trên zalo

Tham gia bản tin

Nhận các nội dung chia sẻ từ mình bao gồm mẹo, hướng dẫn và ưu đãi mới nhất.

Không Spam - Chỉ 1-2 Email mỗi tuần!

Kiểm tra thư gửi đến trong Inbox hoặc Spam để xác nhân đăng ký bản tin!

Footer

Bài viết mới

  • Gắn link 360 độ vào trang Landing page bất động sản 21/03/2022
  • App FuniMart là gì? DropShip trên FuniMart lừa đảo không? 02/03/2022
  • Khóa học thiết kế landing page hỗ trợ trọn đời 29/01/2022
  • Dịch vụ thiết kế landing page trọn gói siêu đẹp 24/01/2022
  • Thiết kế link 404 cho Ladipage ngay 08/01/2022

Bình luận mới nhất

  • Nguyễn Việt Anh trong Selly là gì? App Selly bán hàng có lừa đảo không?
  • Sơn trong Selly là gì? App Selly bán hàng có lừa đảo không?
  • Nguyễn Việt Anh trong Selly là gì? App Selly bán hàng có lừa đảo không?
  • Thy trong Selly là gì? App Selly bán hàng có lừa đảo không?
  • Nguyễn Việt Anh trong Selly là gì? App Selly bán hàng có lừa đảo không?

Theo dõi trên MXH

  • Facebook

Thống kê NguyenVietAnh.Net

17 Chuyên mục – 61 Bài viết – 14 Bình luận

Bạn bè

Giang PC – VAY24GIO

Bản quyền © 2022 · Nguyenvietanh.Net · Đăng nhập

Sở hữu Nhiều Mẫu Theme Ladipage chỉ với 10k Bỏ qua