Waveon
ko
ko
  • 시작하기
  • 템플릿
    • 템플릿으로 시작하기
    • 템플릿별 사용 방법
      • 주문관리 템플릿 사용 방법
      • 대리점관리 템플릿 사용 방법
      • 고객 문의관리 & AI 조사 템플릿
      • BOM(Bill of Materials) 관리 템플릿
      • 재고 관리 템플릿 사용 방법
      • 식음료 업종 재고 관리 템플릿
  • 워크스페이스
    • 워크스페이스 시작하기
    • 워크스페이스 세팅하기
    • 워크스페이스 공유하기
  • 로직
    • 로직 시작하기
    • 버튼 클릭 시 페이지 이동
    • 버튼 클릭시 URL 이동
    • 팝업 만들기
    • 애니메이션 추가하기
    • 입력 사용 방법
    • 입력값 검사하기
    • API 호출하기 ( HTTP 요청 로직 )
  • 고객 데이터 수집
    • 웨이브온 고객 목록
    • 구글 스프레드 시트
    • 구글 애널리틱스
    • 구글 태그매니저
    • 페이스북 픽셀
    • 웨이브온 통계 & 클릭맵
    • 쿼리 파라미터 입력하기
  • 마케팅 랜딩페이지
    • 랜딩페이지 만들기
    • 고객 리드 수집하기
    • 채널톡 연동하기
    • 타이머 적용하기
    • 동영상 삽입 & 배경 동영상 설정
    • PC/모바일 설정
    • 전환 설정
  • 기타
    • 개인 도메인 연결
    • 카페24 CNAME 설정 방법
    • 공유 정보(제목, 설명 등) 설정하기
    • 사이트 임베딩
    • FAQ
Powered by GitBook
On this page
  • 1️⃣ 엘리먼트 추가하기
  • 2️⃣ 엘리먼트 Condition(조건) 설정하기
  • 3️⃣ 엘리먼트 Result(결과) 설정하기
  • 4️⃣ 애니메이션 확인하기
  1. 로직

애니메이션 추가하기

Previous팝업 만들기Next입력 사용 방법

Last updated 10 months ago

엘리먼트에 애니메이션 효과를 추가할 수 있어요!

1️⃣ 엘리먼트 추가하기

먼저 애니메이션 효과를 적용할 엘리먼트를 추가해 주세요.

2️⃣ 엘리먼트 Condition(조건) 설정하기

해당 엘리먼트를 클릭하고, 우측 에디터에서 [로직]을 확인해 주세요. Condition은 엘리먼트가 애니메이션이 언제 적용될 건지 정하는 조건이에요. 예시에서는 '화면 로드 직후에 엘리먼트가 나타나면'이라는 조건을 가지고 있네요.

3️⃣ 엘리먼트 Result(결과) 설정하기

이번엔 Result를 설정할 거예요. Result는 조건을 행했을 때 나타나는 결과를 뜻합니다. 애니메이션 실행하기를 클릭 후, 어떤 형식의 애니메이션을 추가할 지 선택해 주시면 돼요.

4️⃣ 애니메이션 확인하기

마지막으로 미리보기로 애니메이션이 잘 적용이 되었는지 확인해 보세요!