운영 가이드 · 2026-06-29
카페24에서 기획전·룩북 페이지 만드는 법
핵심만 먼저
외주·코딩 없이 이미지 업로드만으로 기획전·룩북 컬렉션을 만들고 메인에 노출할 수 있어요.
- 쇼콜 어드민에서 새 컬렉션을 만들어요.
- 이미지·텍스트·상품 카드 블록을 배치해요.
- 메인 노출을 켜면 팝업으로 바로 떠요.
기획전 페이지를 만드는 방법들
카페24에서 기획전·룩북 페이지를 구현하는 방법은 크게 세 가지예요.
| 방법 | 난이도 | 코딩 필요 | 주요 용도 |
|---|---|---|---|
| 직접 HTML 작성 | 높음 | 필요 | 자유도 높은 기획전 페이지 |
| 게시판 활용 | 중간 | 일부 필요 | 이미지 나열 형태의 공지 |
| 컬렉션 앱 (쇼콜) | 낮음 | 불필요 | 기획전·룩북·메인 팝업 |
HTML 직접 작성은 자유도가 높지만 코딩 지식이 필요하고 수정할 때마다 개발자가 개입해야 해요. 게시판은 별도 코딩 없이 이미지를 붙여넣을 수 있지만 레이아웃 표현에 한계가 있어요. 쇼콜은 블록 기반으로 이미지와 상품 카드를 자유롭게 배치하고 메인 팝업으로 바로 노출할 수 있어요.
쇼콜로 룩북 만들기 (단계별)
아래 네 단계만 따라 하면 돼요.
1단계. 컬렉션 생성
쇼콜 어드민에서 새 컬렉션 만들기를 눌러요. 기획전·룩북 제목을 입력하고 첫 번째 이미지를 올리면 컬렉션이 만들어져요.
2단계. 이미지·텍스트 배치
이미지 블록과 텍스트 블록을 추가해 기획전 구성을 완성해요. 이미지는 여러 장 올릴 수 있어요. 각 블록의 순서는 드래그로 자유롭게 조정할 수 있어요.
3단계. 상품 카드 연결
상품 카드 블록을 추가해 기획전에 어울리는 상품을 연결해요. 상품을 선택하면 이름과 가격이 카드에 자동으로 표시돼요. 이미지 아래에 관련 상품을 이어 붙이는 식으로 룩북 구성도 만들 수 있어요.
4단계. 메인 노출 켜기
컬렉션 설정에서 메인 노출을 활성화해요. 멀티샵 쇼핑몰이라면 노출할 샵을 선택할 수 있어요. 저장하면 카페24 메인에 위젯 스크립트가 자동으로 등록돼요. 메인을 열면 팝업 형태로 즉시 나타나요.
반응형은 어떻게 되나요
컬렉션은 PC와 모바일 화면 크기에 맞게 자동으로 조정돼요. 별도 모바일 버전을 만들지 않아도 돼요.
팝업은 화면 너비에 따라 레이아웃이 자동으로 맞춰지기 때문에 스마트폰에서도 이미지와 상품 카드가 깔끔하게 보여요.
노출 전 점검 체크리스트
- ✓이미지 준비: 선명한 고해상도 이미지를 준비했어요. 가로 800px 이상을 권장해요.
- ✓상품 카드 연결: 상품 카드가 올바른 상품 페이지를 가리키는지 확인했어요.
- ✓모바일 확인: 스마트폰에서 직접 열어 팝업과 상품 카드가 잘 보이는지 확인했어요.
- ✓멀티샵 샵 선택: 멀티샵 쇼핑몰이라면 노출할 샵을 선택했어요.
자주 묻는 질문
- 코딩이나 외주 없이 혼자 만들 수 있나요?
- 네. 이미지 업로드와 블록 배치만으로 기획전·룩북 컬렉션을 만들 수 있어요. HTML이나 CSS 지식이 없어도 돼요.
- 이미지는 몇 장까지 올릴 수 있나요?
- 여러 장을 올려 슬라이드나 세로 스크롤 형식으로 구성할 수 있어요. 단일 이미지로 심플하게 보여주는 것도 가능해요.
- 상품 카드를 기획전 이미지에 연결할 수 있나요?
- 네. 상품 카드 블록을 추가하면 상품 이름과 가격이 자동으로 표시돼요. 이미지 아래에 관련 상품을 이어 붙이는 룩북 레이아웃도 만들 수 있어요.
- 예약 발행이 되나요?
- 네, 예약 발행을 지원해요. 컬렉션을 예약 상태로 두고 공개할 날짜·시각을 정해 두면 그 시각에 자동으로 공개돼요. 메인 노출까지 켜 두면 공개되는 시점부터 메인에 떠서, 행사 당일에 맞춰 미리 준비해 둘 수 있어요.
- PC와 모바일 모두 잘 보이나요?
- 네. 컬렉션은 화면 크기에 맞게 자동으로 반응형으로 표시돼요. 별도 모바일 버전을 따로 만들지 않아도 돼요.
- 비용은 얼마인가요?
- 월 4,900원이고, 7일 무료 체험을 카드 등록 없이 쓸 수 있어요.