이런 상황에 필요합니다
카페24로 홈페이지를 운영하면서 이런 불편함을 느껴본 적 있지 않으신가요? "회전 플로팅 버튼 CTA 위젯을 적용하고 싶은데 어떻게 구현해야 할지 모르겠다." "개발자 없이 회전 플로팅 버튼, 회전 CTA 버튼을(를) 관리할 방법이 없을까?" "디자인은 완성됐는데 기능만 없어서 아쉽다." 카페24의 기본 에디터만으로는 이런 기능을 직접 구현하기 어렵습니다. 보통은 개발자에게 맡기거나, 복잡한 코드를 직접 수정해야 하는 상황이 생깁니다.
디보로 이렇게 해결합니다
디보는 회전 플로팅 버튼 CTA 위젯 무료코드를 제공합니다. 코드를 복사해서 카페24 스마트디자인 에디터에서 HTML 파일을 열고 원하는 위치에 붙여넣으면 바로 적용됩니다. 카페24 HTML에 붙여넣기만 하면 바로 적용되는 회전 오브젝트 UI입니다. 화면 우측 하단에 고정되어 부드럽게 회전하며, 클릭 시 원하는 URL로 이동할 수 있습니다. 이미지 교체, 크기·위치 조정, 회전 속도 변경까지 JavaScript 설정만 수정하면 실시간 제어 가능하도록 설계되었습니다. 별도 라이브러리 없이 가볍게 동작하며, 프로모션 버튼, 브랜드 로고, 이벤트 배너, 플로팅 CTA 용도로 활용하기 좋습니다.
무료코드로 바로 적용하기
카페24 코드위젯에 붙여넣고 날짜만 수정하면 바로 적용됩니다.
- 1
디보 익스텐션 페이지에서 '회전 플로팅 버튼 CTA 위젯'의 무료코드를 복사합니다.
- 2
카페24 쇼핑몰 관리자 → 디자인 관리 → 디자인 보관함에서 사용 중인 디자인의 [편집]을 클릭합니다.
- 3
스마트디자인 에디터에서 코드를 삽입할 HTML 파일을 열고 원하는 위치에 코드를 붙여넣습니다.
- 4
코드 내 설정값(텍스트, 색상 등)을 원하는 값으로 수정한 뒤 저장합니다.
- 5
미리보기에서 정상 작동하는지 확인합니다.
