쇼핑몰 매뉴얼 | 모바일N

ecadmin.cafe24.com › 디자인 › 디자인 보관함

내 디자인 목록

PC

mobileN Shop Skin v2.1

사용중 편집

PC

이전 스킨 백업 (2025.12)

보관중 사용

MOB

mobileN 모바일 스킨

사용중 편집

Skin Installation

스킨 구매 및 다운로드

카페24 스토어 접속카페24 관리자 로그인 후 디자인 > 디자인 스토어 또는 카페24 스토어(store.cafe24.com)에 접속합니다.
스킨 검색 및 구매원하는 스킨을 검색 후 상세 페이지에서 미리보기 확인. [구매하기] 클릭 → 결제 완료 후 자동으로 내 상점에 적용 대기 상태가 됩니다.
스킨 다운로드카페24 관리자 → 디자인 > 내 디자인 목록에서 구매한 스킨 확인. [다운로드] 버튼을 클릭하면 ZIP 파일이 저장됩니다.
FTP 업로드ZIP 파일 압축 해제 후 카페24 FTP(ftp.cafe24.com)에 접속. /design/ 디렉토리에 스킨 폴더 업로드.
스킨 적용카페24 관리자 → 디자인 > 디자인 보관함에서 업로드된 스킨 확인 후 [사용] 버튼 클릭.

참고: mobileN에서 제공한 스킨은 설치 완료 후 바로 사용 가능합니다. 추가 커스터마이징이 필요한 경우 설치요청 게시판에 문의해주세요.

Skin Types

스킨 종류

종류	설명
PC 스킨	데스크탑/노트북에서 표시되는 메인 디자인
모바일 스킨	스마트폰에서 표시되는 반응형 또는 별도 디자인
로그인/회원가입	회원 관련 페이지 디자인
게시판 스킨	공지사항, Q&A, 후기 게시판 스타일
주문서 스킨	결제 완료 및 주문 관련 페이지

Checklist

설치 전 확인사항

카페24 플랜이 스마트/프리미엄 이상인지 확인
기존 스킨 백업 필수 (디자인 보관함 → 내보내기)
FTP 계정 정보 확인 (관리자 > 쇼핑몰 정보 > FTP)
이미지 규격 확인 (스킨별 가이드라인 참조)
모바일 스킨 별도 적용 여부 결정

ecadmin.cafe24.com › 상품 › 상품 등록

상품명 *

프리미엄 린넨 셔츠 — 아이보리

판매가 *

49,900원

재고 수량

150

카테고리

의류 > 상의 > 셔츠 ›

대표 이미지

업로드

800×800px

JPG / PNG

Product Registration

상품 등록 기본 흐름

관리자 → 상품 → 상품 등록상품명, 판매가, 진열 여부를 먼저 입력합니다. 상품명은 SEO에 직접 영향을 미치므로 키워드를 포함해 작성하세요.
카테고리 설정상품이 표시될 카테고리를 선택합니다. 복수 카테고리 등록이 가능하며 대표 카테고리 하나를 지정해야 합니다.
옵션 설정색상·사이즈 등의 옵션은 [옵션 설정] 탭에서 추가합니다. 옵션별 추가 금액·재고 수량 개별 관리 가능.
대표 이미지 등록권장 사이즈: 800×800px 이상 정사각형 JPG/PNG. 첫 번째 이미지가 목록에 표시됩니다.
상세 설명 작성HTML 에디터 또는 스마트 에디터를 이용해 상품 상세 내용을 작성합니다. 이미지 삽입 시 CDN 업로드를 권장합니다.
재고 및 배송 설정재고 수량, 배송비 정책, 출고지 등을 입력 후 [저장] 클릭.

Inventory

재고 관리

상품 > 재고 관리에서 일괄 재고 수정, 재고 부족 알림, 입고 등록이 가능합니다.

기능	경로
일괄 재고 수정	상품 목록 → 체크 → 재고 수정
재고 부족 알림	관리자 → 알림 설정
옵션 재고	상품 상세 → 옵션 탭
기간 한정 판매	상품 상세 → 판매 기간 설정

Image Guide

이미지 규격 가이드

종류	권장 크기
대표 이미지	800×800 ~ 1000×1000px
추가 이미지	동일 규격 권장 (최대 10장)
상세 이미지	가로 860px 고정, 세로 자유
배너 이미지	스킨 가이드라인 참조
파일 형식	JPG, PNG (최대 10MB)

팁: 이미지 압축 후 업로드하면 페이지 로딩 속도가 개선됩니다. TinyPNG 또는 Squoosh 활용을 권장합니다.

ecadmin.cafe24.com › 디자인 › 스마트 디자인 에디터

레이아웃 블록

▶ 메인 슬라이드

공지사항

베스트 상품

이벤트 배너

메인 슬라이드 영역

클릭하여 이미지 교체

상품 그리드 영역

+

속성 설정

배경색

#C4A55A

슬라이드 높이

500px

자동 재생

ON

Design Editor

스마트 디자인 에디터 활용

카페24는 HTML/CSS 직접 편집 방식의 스마트 디자인 에디터를 제공합니다. 코딩 지식 없이도 레이아웃 블록을 조작할 수 있습니다.

레이아웃 편집

색상 변경

폰트 설정

팝업 관리

배너 설정

Main Visual

메인 비주얼 설정

에디터 접근관리자 → 디자인 > 스마트 디자인 에디터
메인 슬라이드상단 배너 영역 클릭 → 이미지 교체 또는 링크 설정
이미지 최적 규격PC: 1920×700px, 모바일: 750×900px 권장
텍스트 오버레이이미지 위 텍스트 영역에서 폰트·색상·위치 조정
저장 및 적용[저장] 후 반드시 [실제 쇼핑몰 확인]으로 검수

CSS Customization

CSS 직접 편집

스마트 디자인 에디터 → HTML/CSS 편집에서 직접 코드 수정이 가능합니다.

주의: CSS 편집 후 스킨 업데이트 시 수정 사항이 초기화될 수 있습니다. 별도 파일(custom.css)을 만들어 오버라이드하는 방식을 권장합니다.

자주 수정하는 CSS 요소:

헤더/푸터 배경색 및 폰트
버튼 색상 및 형태
상품 목록 컬럼 수 (PC/모바일)
소셜 로그인 버튼 위치

ecadmin.cafe24.com › 결제 › 결제수단 설정

사용 결제 수단 선택

신용카드

카카오페이

네이버페이

토스페이

무통장입금

실시간이체

Payment Setup

결제 수단 설정

관리자 > 결제 > 결제수단 설정에서 사용할 결제 수단을 선택합니다.

결제 수단	특징
신용카드	PG 계약 필수 (이니시스, KCP, 토스페이먼츠 등)
실시간 계좌이체	즉시 입금 확인, 별도 PG 계약 필요
무통장 입금	입금 확인 후 수동 처리, 계약 불필요
카카오페이	간편결제, 높은 전환율
네이버페이	네이버 쇼핑 연동 시 유리
토스페이	20-30대 이용률 높음

PG 계약: 카페24 관리자에서 바로 신청 가능. 심사 완료 후 1~3 영업일 내 활성화됩니다.

Shipping Setup

배송 설정

배송 정책 생성배송 > 배송비 정책 → [새 정책 추가]
배송비 유형 선택무료배송 / 조건부 무료 / 수량별 / 금액별 차등 중 선택
택배사 연동CJ대한통운, 롯데택배, 로젠, 한진 등 API 연동으로 자동 운송장 처리
출고지 설정배송지 주소, 연락처, 출고 가능 시간 입력
반품지 설정반품 시 수령 주소 별도 입력 (출고지와 상이한 경우)

Order Management

주문 처리 흐름

1 입금 대기

2 결제 완료

3 배송 준비

4 배송 중

5 배송 완료

6 구매 확정

자동 취소: 무통장 입금의 경우 입금 기한(기본 3일)이 지나면 자동 취소됩니다. 관리자 > 주문 > 자동 처리 설정에서 조정 가능합니다.

ecadmin.cafe24.com › 마케팅 › SEO 설정

검색엔진 최적화 설정

쇼핑몰 대표 타이틀 (50자 이내)

mobileN 공식 쇼핑몰 | 프리미엄 의류 & 액세서리

메타 설명 (150자 이내)

프리미엄 의류 전문 쇼핑몰 mobileN. 최고 품질의 상품을...

Google Search Console

연동됨

네이버 서치어드바이저

연동됨

네이버 쇼핑 피드

미설정

SEO Basics

검색엔진 최적화 (SEO)

메타 타이틀 설정쇼핑몰 정보 > SEO 설정에서 쇼핑몰 대표 타이틀(50자 이내) 입력.
메타 설명 작성페이지별 설명 150자 이내 작성. 검색 결과 미리보기에 표시됩니다.
상품 URL 최적화상품 등록 시 영문 URL 직접 입력 (자동 생성보다 의미 있는 slug 권장)
이미지 alt 텍스트모든 상품 이미지에 설명적인 alt 텍스트 입력.
사이트맵 제출구글 서치 콘솔, 네이버 서치어드바이저에 사이트맵 URL 등록.

Marketing Tools

마케팅 도구

도구	용도
쿠폰/할인	첫 구매 할인, 회원 등급별 쿠폰 발급
적립금	구매 금액 대비 % 자동 적립 설정
재입고 알림	품절 상품 재입고 시 고객 SMS/이메일 자동 발송
네이버 쇼핑 연동	쇼핑 피드 자동 생성 및 상품 노출
카카오 알림톡	주문 확인, 배송 안내 자동 메시지
리뷰 관리	포토리뷰 보상, 리뷰 댓글 관리

Analytics

방문자 분석 연동

Google Analytics 4 연동

GA4 속성 생성 후 측정 ID(G-XXXXXXX) 복사
쇼핑몰 정보 > 스크립트 관리에서 <head> 태그 내 GA 스크립트 삽입
전환 이벤트 설정: 구매 완료 페이지 URL 조건 추가

네이버 쇼핑 분석

네이버 서치어드바이저 → 사이트 소유 확인
네이버 쇼핑 파트너 센터 → 피드 URL 등록
광고 성과 분석: 클릭률, ROAS 주간 확인

카페24 쇼핑몰 매뉴얼