Chuyển tới nội dung

Cách Thêm Lottie Với Elementor Pro

Cách Thêm Lottie Với Elementor Pro

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é!

Cách Thêm Lottie Với Elementor Pro

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:

lottiefiles.com

Bạn nên download định dạng Lottie json cho nhanh nhé!

Có file rồi thì bạn upload lên.

Cách Thêm Lottie Với Elementor Pro

Ở 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.

Cách Thêm Lottie Với Elementor Pro

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.

Cách Thêm Lottie Với Elementor Pro

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.

Cách Thêm Lottie Với Elementor Pro

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é!

Tác giả

Hello các bạn! Mình là Nam, là một freelancer chuyên nghiệp về thiết kế web và SEO. Nếu bạn muốn làm việc cùng Nam thì bạn có thể liên hệ với mình qua số Zalo: 0949676736 để Nam có cơ hội được gặp gỡ và cùng hợp tác bạn nhé!