Bây giờ Nam sẽ hướng dẫn các bạn cách thêm Lottie với Elementor Pro các bạn nhé! Hãy cùng bắt đầu thôi!
Cách Thêm Lottie Với Elementor Pro
Đầu tiên chúng ta sẽ tìm kiếm và sử dụng widget Lottie nhé!
Widget Lottie chỉ có khi bạn sử dụng Elementor bản Pro thôi bạn nhé!
Bước quan trọng tiếp theo là chúng ta phải có file Lottie để upload và sử dụng.
Bạn có thể download file Lottie tại trang chính thức của Lottie file:
Bạn nên download định dạng Lottie json cho nhanh nhé!
Có file rồi thì bạn upload lên.
Ở tab Settings thì đầu tiên chúng ta chọn Trigger để file Lottie chạy bao gồm có:
Viewport là file sẽ chạy theo viewport của trang.
On Click là khi click vào nó sẽ chạy.
On Hover là khi rê chuột vào nó sẽ chạy.
Scroll cũng giống viewport nhưng bạn có thể chọn toàn trang.
Tiếp là nếu bạn muốn nó lặp lại thì bạn có thể chọn mở Loop. Play Speed là tốc độ của animation, bạn có thể cho nó nhanh chậm tuỳ thích.
Ngoài ra thì bạn có thể chọn Lazy Load để trang của các bạn có thể load nhanh hơn như bạn chon lazy load cho 1 tfile ảnh thường thấy.
Chúc các bạn ứng dụng thành công hướng dẫn này và thường xuyên ghé thăm blog của Nam để tham khảo thêm các hướng dẫn về Elementor bạn nhé!
