아임웹 커스텀 스크롤 유도 애니메이션 아이콘 CTA — 개발 없이 적용하는 방법

이런 상황에 필요합니다

아임웹 커스텀로 홈페이지를 운영하면서 이런 불편함을 느껴본 적 있지 않으신가요? "스크롤 유도 애니메이션 아이콘 CTA을 적용하고 싶은데 어떻게 구현해야 할지 모르겠다." "개발자 없이 스크롤 유도 아이콘, CTA 아이콘을(를) 관리할 방법이 없을까?" "디자인은 완성됐는데 기능만 없어서 아쉽다." 아임웹 커스텀의 기본 에디터만으로는 이런 기능을 직접 구현하기 어렵습니다. 보통은 개발자에게 맡기거나, 복잡한 코드를 직접 수정해야 하는 상황이 생깁니다.

디보로 이렇게 해결합니다

디보는 스크롤 유도 애니메이션 아이콘 CTA 무료코드를 제공합니다. 코드를 복사해서 아임웹 커스텀 코드위젯에 붙여넣으면 바로 적용됩니다. 아임웹 기본 위젯으로는 구현하기 어려운 스크롤 유도용 애니메이션 아이콘(CTA) 을 코드 한 번으로 적용하세요. DIBO 움직이는 스크롤 아이콘 위젯은 지정한 섹션 하단 중앙에 아이콘을 자동 배치하고, 위·아래로 부드럽게 움직이는 애니메이션으로 사용자의 다음 행동(스크롤 / 클릭)을 자연스럽게 유도합니다.

무료코드로 바로 적용하기

아임웹 커스텀 코드위젯에 붙여넣고 날짜만 수정하면 바로 적용됩니다.

1. 1

   디보 익스텐션 페이지에서 '스크롤 유도 애니메이션 아이콘 CTA'의 무료코드를 복사합니다.

2. 2

   아임웹 커스텀의 코드위젯(또는 HTML 삽입 영역)에 붙여넣습니다.

3. 3

   코드 내 설정값(날짜, 텍스트, 색상 등)을 원하는 값으로 수정합니다.

4. 4

   저장 후 미리보기에서 정상 작동하는지 확인합니다.