카페24 메인 페이지에 팝업, 코딩 없이 띄우는 방법

카페24에 팝업을 띄우는 3가지 방법

카페24에서 메인 팝업을 구현하는 방법은 크게 세 가지예요. 목적과 기술 수준에 따라 골라 쓸 수 있어요.

스킨 직접 수정은 자유도가 높지만 HTML·JS 지식이 있어야 해요. 앱을 쓰면 코딩 없이 바로 운영할 수 있어요. 쇼콜은 이미지 기반 컬렉션(기획전·룩북)을 팝업으로 메인에 올리는 데 특화돼 있어요.

쇼콜로 메인 팝업 띄우기 (단계별)

아래 네 단계만 따라 하면 돼요. 각 단계에서 직접 입력해야 하는 항목은 굵게 표시했어요.

1. 1단계. 앱 설치

   카페24 어드민에 로그인한 뒤 앱마켓 → 쇼콜을 검색해 설치해요. 설치 과정에서 스크립트 등록 권한(write_application)과 디자인 읽기 권한을 동의해 주세요. 비밀번호나 API 키는 따로 입력하지 않아도 돼요.

2. 2단계. 컬렉션 만들기 (이미지 업로드)

   쇼콜 어드민에서 새 컬렉션 만들기를 눌러요. 제목을 입력하고, 메인에 띄울 기획전 이미지나 배너 이미지를 올려요. 이미지에 상품이나 페이지 링크를 연결할 수도 있어요. 컬렉션을 저장하면 미리보기에서 팝업 형태를 바로 확인할 수 있어요.

3. 3단계. 메인 노출 켜기

   컬렉션 설정 화면에서 메인 노출을 활성화해요. 멀티샵 쇼핑몰이라면 노출할 샵을 선택할 수 있어요. 저장하면 카페24 메인에 위젯 스크립트가 자동으로 등록돼요. 따로 코드를 붙여 넣을 필요가 없어요.

4. 4단계. 확인

   내 쇼핑몰 메인 페이지를 브라우저에서 열어 팝업이 뜨는지 확인해요. 모바일에서도 한 번 확인해 보는 걸 추천해요. 팝업이 보이면 설정이 완료된 거예요.

팝업이 손님에게 어떻게 보이나요

손님이 메인 페이지를 열면 팝업이 즉시 나타나요. 트리거 설정이나 빈도 조건 없이 메인 로드 시 바로 노출돼요.

팝업을 닫는 방법은 세 가지예요.

• 팝업 오른쪽 상단의 X 버튼 클릭
• 팝업 바깥 영역 클릭
• 키보드 ESC 키

닫으면 그 화면에서는 사라지고, 다음에 메인을 다시 열면 팝업이 다시 노출돼요. "한 번 닫으면 다시 안 보이게"와 같은 동작은 없어요.

자주 묻는 질문

코딩이 필요한가요?

아니요. 앱 설치 후 이미지만 업로드하면 메인에 팝업이 떠요.

쇼핑몰이 느려지나요?

메인에 스크립트 한 개만 비동기로 로드돼 체감 속도 영향이 거의 없어요.

메인 페이지에만 뜨나요?

네. 쇼콜은 메인에만 노출돼요(다른 페이지에는 로드되지 않아요).

멀티샵도 되나요?

네. 샵별로 노출을 설정할 수 있어요.

손님이 닫으면 다시 뜨나요?

닫으면 그 화면에서는 사라지고, 다음에 메인을 다시 열면 노출돼요.

비용은 얼마인가요?

월 4,900원이고, 7일 무료 체험을 카드 등록 없이 쓸 수 있어요.