Webflow에 삽입

준비한 애니메이션을 네이티브 Lottie 요소 또는 고급 dotLottie 플레이어로 추가하세요.

Insert animation을 사용하기 전에 Webflow에서 삽입할 위치를 선택하세요. 앱이 만드는 결과는 원본과 활성화한 기능에 따라 달라집니다.

삽입 위치 선택

  • 일반 Lottie는 원하는 캔버스 삽입 위치의 요소를 선택합니다.

  • dotLottie v2, 테마, 멀티 애니메이션 또는 상태 머신은 Div block처럼 자식 요소를 포함할 수 있는 요소를 선택합니다.

  • 텍스트, 이미지처럼 자식 플레이어를 포함할 수 없는 요소는 선택하지 마세요.

선택한 Webflow 컨테이너에 삽입할 준비가 된 애니메이션
선택한 Webflow 컨테이너에 삽입할 준비가 된 애니메이션

삽입 방식 선택

준비한 원본Webflow 결과
일반 Lottie JSONWebflow Asset 및 네이티브 Lottie 요소
런타임 전용 기능이 없는 dotLottie가능한 경우 선택한 애니메이션을 네이티브 Lottie JSON으로 변환
dotLottie v2 또는 활성 상태 머신<dotlottie-wc> 요소, 고유 스타일, 썸네일, 페이지 사용자 지정 코드

애니메이션 추가

  1. Webflow에서 올바른 요소가 선택되어 있는지 확인합니다.

  2. LottieFiles에서 준비한 애니메이션을 검토합니다.

  3. Insert animation을 선택합니다.

  4. 페이지와 Navigator에서 결과를 찾습니다.

  5. Webflow 클래스, 크기, 반응형 레이아웃을 적용합니다.

관련 문서

마지막 업데이트: 2026년 9월 11일 오후 12:08Common.editThisPage