Hướng dẫn sử dụng Carousel trong LadiPage tạo slide

Carousel trong LadiPage là một tính năng cho phép người thiết kế landing page có thể thêm slide nhiều nội dung xoay vòng hiển thị dạng slide. Vậy làm thế nào để thiết lập? Hãy đọc hết bài viết này, Ân sẽ hướng dẫn bạn chi tiết từng bước một.

Hướng dẫn sử dụng Carousel trong LadiPage tạo slide

Nếu bạn chưa có tài khoản LadiPage thì hãy đăng ký ngay cho mình 1 tài khoản.

>>ĐĂNG KÝ DÙNG THỬ LADIPAGE MIỄN PHÍ<<

Xem thêm:

LadiPage là gì?

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

1.Carousel trong LadiPage là gì?

Carousel là tính năng thường được sử dụng để tạo danh sách sản phẩm hoặc feedback khách hàng trên Landing Page. Tính năng này cho phép bạn thêm nhiều phần tử hiển thị xoay vòng với nhau.

Ví dụ như trên trang chủ blog của Ân có phần độc giả. Đây chính là Carousel.

Hướng dẫn sử dụng Carousel trong LadiPage tạo slide

2.Hướng dẫn thiết lập Carousel

Bước 1: thêm mới carousel

Để thêm mới carousel thì bạn chọn vào “thêm mới” -> “carousel” bên góc trái màn hình.

Hướng dẫn sử dụng Carousel trong LadiPage tạo slide

Bước 2: tùy chỉnh carousel

Bạn giữ chuột trái tại vùng trống để di chuyển và trỏ chuột tại phần góc để kéo thêm các ô cho carousel.

Hướng dẫn sử dụng Carousel trong LadiPage tạo slide

Bạn chọn vào icon hình bánh răng để tùy chỉnh thiết kế và bật tắt tính năng tự động chạy + thời gian chạy.

Hướng dẫn sử dụng Carousel trong LadiPage tạo slide

Bước 3: thêm phần từ vào carousel

Sau khi bạn đã kéo ra 3 hoặc 4 ô carousel thì bây giờ bạn kéo co viền xanh lại sao cho vừa khung viền đứt nét xanh (vì đây là vùng an toàn hiển thị). Sau đó bấm nút “chỉnh sửa”.

Hướng dẫn sử dụng Carousel trong LadiPage tạo slide

Bây giờ bạn chọn vào “thêm mới” bên góc trái và chọn bất kỳ 1 phần tử nào trong danh sách để thêm vào các ô.

Hướng dẫn sử dụng Carousel trong LadiPage tạo slide

Bấm nút “xong” để hoàn tất.

Bước 4: thiết lập carousel giao diện mobile

Bạn chọn vào phần “mobile” -> “chỉnh sửa” để bắt đầu tùy chỉnh thiết lập lại trên giao diện mobile.

Bạn di chuyển các phần tử vào các ô cho phù hợp với góc nhìn mobile. Bạn có thể chuyển tiếp các ô slide bằng cách nhấn vào icon mũi tên chỉ trái chỉ phải. Sau khi chỉnh sửa hoàn tất thì bạn bấm nút “xong”.

Bước 5: test thử

Để xem thử lại chức năng đã hoạt động ổn hay chưa thì bạn chọn vào “xuất bản” -> “xem trước” bên góc phải màn hình.

Bây giờ thì test thử lần lượt trên giao diện desktop và mobile là xong.

3.Kết

Yesss! Như vậy Ân đã hướng dẫn xong rồi nhé, chúc bạn thực hành thành công!

4 1 vote
Xếp hạng bài viết
Theo dõi
Thông báo về
guest

0 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận
0
Nếu có thắc mắc hãy để lại bình luận bên dưới nhé!x