cafe24 쇼핑몰 구축방법 전략연구소 교육팀 권계영 대리

목차 01 개요 02 상점관리 03 상품관리 04 템플릿 디자인 05 Html 디자인

1-1. 쇼핑몰 창업 프로세스 9단계 구축과정 쇼핑몰 디자인 직접 제작 혹은 외주 제작 준비과정 아이템 선정 카페24 가입 도메인 등록 통신판매업 사업자등록 부가통신사업자 운영과정 검색엔진 등록 접속통계 광고(키워드,이미지) 구축과정 카드결제 에스크로 신청 (결제시스템 완비) 구축과정 상품사입 촬영 이미지 보정 운영과정 세무/회계 국민연금, 고용보험 직원채용/교육 운영과정 포장, 배송 시스템 구축 게시판 정리 운영과정 쿠폰, 적립금 사은품, 회원등급 영업관리

1-2. 쇼핑몰 어드민 화면 구성 *카페24 쇼핑몰 어드민 주소 echosting.cafe24.com/shop ① 상단메뉴 홈으로| 내상점보기| 샵카페 | 광고통합관리 | 쇼핑몰운영자카페| 사이트맵| 로그아웃 ② 주메뉴 상점관리, 디자인관리, 상품관리, 주문관리, 고객관리(회원/메일/SMS), 커뮤니티(게시판/온라인설문), FTP(웹FTP/파일링크), 접속통계, 부가서비스, 마케팅센터. B2B도매몰 ③ 좌측메뉴 각 주 메뉴의 하위 메뉴들이 탐색기 형태로 제공 ④ 데이터창 각 메뉴의 데이터들이 뿌려지는 창 3 4

2-1. 상점관리 – 쇼핑몰 기본정보 입력 *경로 : 상점관리>상점기본정보>내상점정보 *메뉴 설명 : 쇼핑몰에 대한 기본적인 정보 입력 [중요]사업자 신원 표시 의무사항  *상호 및 대표자 성명  *영업소 소재지 주소  *전화번호 및 이메일 주소 팩스번호는 기입 안 해도 무방함  *사업자등록번호  *쇼핑몰 이용약관 메인 페이지에서 연결화면을 이용하여 볼 수 있도록 하여야 함  *통신판매업 신고번호 및 교부기관 기존에는 신고번호만 표시했으나 법률개 정으로 교부기관도 함께 표시함 기존: 신고번호 제 00123호 개정: 신고번호 제 종로-00123호  *개인정보관리책임자 지정하고 있지 않거나 관리자 등으로 표시하면 안되며 실명으로 표시해야 함 1 2 3 4

2-2. 상점관리 – 도메인 연결 *경로 : 상점관리>상점기본정보>상점도메인 설정 *메뉴설명 1 *경로 : 상점관리>상점기본정보>상점도메인 설정 *메뉴설명 기본제공 도메인 외 연결 도메인을 추가할 수 있음 도메인 연결 후에 네임서버주소를 카페24 IP 주소로 설정해야 함 (단, 카페24에서 신청한 도메인은 별도 변경할 필요 없음) 2 3 5 4

2-3. 상점관리 – 운영방식 설정 *경로 : 상점관리>상점운영 관련 설정>상점운영방식 설정 *메뉴설명 : *경로 : 상점관리>상점운영 관련 설정>상점운영방식 설정    *메뉴설명 : 상점사용 및 접근권한 설정 ① 회원구분 항목 선택 ② 인트로화면 사용 여부 선택 ③ 주민등록번호, 회원아이디 중 선택 ④ 비회원 가격 표시 안되는 경우 가격표시 회원만으로 선택 ⑤ 구매권한 회원만 주는 경우에 회원만 구매 가능 (각 분류별로 접근권한을 주어서 특정회원그룹에게만 구매를 할 수 있도록 하는 것도 가능) ⑥ 미입금시 주문이 자동취소 되는 설정 1 2 3 4 5 6

2-4. 상점관리 – 적립금 설정 *경로 : 상점관리>상점운영 관련 설정>적립금 상세 설정 *메뉴 설명 : 상품구매, 회원가입에 따른 적립금 설정 ① 상품 구매시에 적립금의 사용가능 기간 설정 ② 상품구매 적립금 기본설정: *상품등록시 상품적립금을 상품금액의 %로 설정, %설정시 적립단위 설정  *회원가입 적립금 설정: 신규 회원 가입시 부여되는 적립금 설정 *추천인 제도: 추전인 제도의 사용 여부와 추천하는 회원(기존회원)과 추천받아 신규회원 가입하는 회원 적립금 설정 (tip: ‘고객관리 > 회원관리 > 회원가입항목 설정’에서 추천인 아이디 체크 필수) ③ 상품구매합계액 제한: *상품구매액이 일정금액 이상인 경우에 적립금 사용설정 1 2 3

2-5. 상점관리 – 배송/반품 설정 *경로 : 상점관리>배송/반품설정>배송/반품설정 *메뉴설명 : 쇼핑몰 전체상품에 대한 배송 관련 설정 ① 배송방법 리스트 박스에서 선택 ② 배송 가능 지역 입력 ③ 배송료 부과기준 입력 ④ 구매 금액별 차등 배송료 설정 추가 ⑤ 상품별 개별배송비 사용 체크 ⑥ 배송기간 안내 ⑦ 배송추가설명 입력 ⑧ 반품주소 입력 ⑨ 운송장 택배사 설정 ⑩ 주문서 작성시에 배송가능일자 표시 1 2 4 3 5 6 7 8 9 10

3-1. 상품관리 – 대분류 등록 *경로 : 상품관리>대분류등록 *메뉴설명 : 쇼핑몰 전체상품 대분류 등록 ① 상품관리 ② 대분류 등록 ③ 자체 분류기준 사용 선택 후 분류명 입력 ④ 등록 *TIP 상품관리에서 가장 중요한 것은 무엇보다 고객이 내 쇼핑몰에서 원하는 상품을 쉽게 찾아가도록 하는 것임 특성이 비슷한 상품들을 분류(카테고리)로 묶어 관리하는 것이 좋으며, 세부적으로 대분류, 중분류, 소분류로 나눠서 관리하는 것이 좋음 상품을 등록하기 전에 먼저 대분류 생성 필요 1 2 3 4

3-2. 상품관리 – 분류 관리 *경로 : 상품관리>분류별 상품관리 *메뉴설명 : 분류별 상품 정보 등록 분류를 변경, 삭제하고자 하는 경우 해당 분류를 클릭하고 분류정보를 선택하면 됨 등록된 대분류 클릭하여 중분류 등록 가능 해당 분류명 앞의 +표시는 해당 분류 아래 서브 분류가 있음을 나타냄 –를 클릭하면 하부메뉴가 사라짐 +표시는 하부메뉴가 있다는 것을 의미하며 +를 클릭하면 하부메뉴가 보임 아무 표시도 없으면 하부메뉴가 없다는 것을 의미함

3-3. 상품관리 – 분류정보 *경로 : 상품관리>분류별 상품관리 *메뉴 설명 : 선택한 분류의 정보, 상품, 재고, 디자인 관리 ① 분류정보 분류(카테고리)에 대한 일반적인 정보를 보여주고 분류를 수정하거나 삭제 가능 ② 상품관리 상품신규등록 , 상품 상품이동 및 진열순서변경, 분류 내 추천상품, 신상품 관리 ③ 재고관리 분류 내 상품들 중에 재고관리등급이 중요재고, 일반재고 관리상품의 재고체크 및 재고부족 시 설정관리 ④ 디자인설정 분류 디자인 및 일반상품, 추천상품, 신상품의 진열 디자인 관리 ⑤ 하위 분류 등록 대분류, 중분류에서는  가능 (소분류에서는 불가능)

3-4. 상품관리 – 분류 신규 상품 등록 *경로 : 상품관리>분류별 상품관리 *메뉴 설명 : 해당 분류 내 상품등록 ① 상품관리 ② 분류별 상품관리 ③ 해당 분류 선택 ④ 상품관리 탭 ⑤ 상품신규등록 ⑥ 상품등록 * 상품등록 시 재고관리등급을 일반재고관리, 중요재고관리 선택한 상품만 품절 자동표시 가능 1 4 2 3 6 5

3-4. 상품관리 – 분류 신규 상품 등록 *경로 : 상품관리>분류별 상품관리 *메뉴 설명 : 해당 분류 내 상품등록 이미지 등록은 대표이미지 등록으로 500*500픽셀의 이미지를 등록하면 다른 사이즈의 이미지들은 자동 생성됨 자동생성시 분류진열이미지(소이미지)는 100*100 픽셀이 기본임 이것을 수정하시려면 ‘상품관리 > 상품분류표시관리 > 상품 최소이미지 크기 설정’에서 크기를 조정해 주셔야 함 (메인페이지나 분류페이지의 이미지를 크게 하려면 상품 등록 전에 최소이미지 설정을 먼저 해 주셔야 함) 추가이미지 등록메뉴를 이용해서 이미지를 최대 4개까지 등록할 수 있음 추가할 이미지 수를 택한 후에 새 추가이미지(권장사이즈 500*500픽셀)를 등록

3-5. 상품관리 – 분류 상품정보 수정 *경로 : 상품관리>분류별 상품관리 *메뉴 설명 : 분류 내 상품 정보 수정 1 *경로 : 상품관리>분류별 상품관리 *메뉴 설명 : 분류 내 상품 정보 수정 ① 상품관리 ② 분류별 상품관리 ③ 해당 분류 선택 ④ 상품관리 탭 ⑤ 이미 등록된 상품명 클릭 ⑥ 상품수정 팝업창에서 원하는 정보 수정 4 2 3 5 6

3-6. 상품관리 – 옵션설정(조합형) *경로 : 상품관리>분류별 상품관리 *메뉴 설명 : 상품 옵션 정보 설정 ① 상품옵션 탭 선택 ② 옵션설정 여부 설정 선택 ③ 옵션 형태 조합형 선택 ④ 옵션명 (피부타입 / 용량), 옵션값(건성;지성;복합성 / 75ml;150ml) 입력 ⑤ [옵션항목등록] 버튼 클릭 ⑥ 옵션 추가가격과 옵션별 재고와 안전재고 입력 ⑦ 설정완료 1 2 3 4 5 6 7

3-6. 상품관리 – 옵션설정(복합형) *경로 : 상품관리>분류별 상품관리 *메뉴 설명 : 상품 옵션 정보 설정 1 *경로 : 상품관리>분류별 상품관리 *메뉴 설명 : 상품 옵션 정보 설정 ① 상품옵션 탭 선택 ② 옵션설정 여부 설정 선택 ③ 옵션 형태 복합형 선택 ④ 옵션명 (피부타입 / 추가구매) 옵션값 (건성;지성;복합성 / 화장솜, 전용 비누) 입력 ⑤ 옵션의 필수 옵션 여부 선택 (‘필수옵션’으로 지정되면 옵션값을 꼭 입력해야 함) ⑥ 옵션항목등록 ⑦ 옵션 추가가격, 옵션별 재고, 안전재고 입력 ⑧ 설정완료 2 3 4 5 6 7 8

3-7. 상품관리 – 메인 상품 진열 관리 *경로 : 상품관리>메인 상품 진열관리 *메뉴 설명 : 메인 페이지 (추천, 신상품) 상품 진열 설정 ① 상품관리 ② 메인상품 진열관리 ③ 분류선택 ④ 메인 추천상품에 등록하고자 하는 상품 선택 ⑤ 상품진열 버튼 ⑥ 이미 등록된 상품 목록 ⑦ 진열 디자인 선택 (1단 목록형 ~ 사용자 지정 가로형) ⑧ 설정완료 1 2 3 4 5 7 6 8

3-8. 상품관리 – 상품 진열 순서 관리 *경로 : 상품관리>상품 진열 순서 관리 *메뉴 설명 : 분류 내 진열 순서 관리 ① 상품관리 ② 상품 진열순서 관리 ③ 분류선택 검색 버튼 클릭 ④ 이동/삭제 하고자 하는 상품 ⑤ 화살표와 삭제 버튼 ⑥ 상품이 많은 경우에 번호로 직접 이동 ⑦ 설정완료 1 3 2 4 5 6 7

3-9. 상품관리 – 상품설명에 이미지 넣기(웹FTP) 1 *경로 : FTP>웹FTP *메뉴 설명 : 웹 FTP 이미지 업로드 ① FTP ② 웹FTP 메뉴 클릭 ③ 비밀번호 입력 후 웹 FTP 접속 ④ web폴더 하위로 새폴더 아이콘 클릭 후 폴더명 직접 지어서 입력 ⑤ 사용하고자 하는 이미지 파일 선택 후에 업로드 버튼 클릭 * 업로드한 이미지 경로 http://쇼핑몰아이디.cafe24.com/web/폴더명/파일명 예) 연결 태그 <img src=“simall.cafe24.com/web/ex/430-1.jpg”> 2 3 5 4

3-10. 상품관리 – 엑셀로 상품 일괄 등록하기 *경로 : 상품관리>상품등록관리>엑셀 일괄등록 *메뉴 설명 : ① 상품관리 ② ‘상품등록관리>엑셀일괄등록’ 클릭 ③ 엑셀양식 다운로드 ④ 엑셀파일 작성 후 엑셀데이타 등록 (자세한 등록방법 ‘카페24로 부자쇼핑몰 만들기’ 서적 115p~116p 참조 *등록한 엑셀파일은 ‘상품관리>상품등록관리>할당전 상품 등록’에서 확인 가능하며 등록된 상품을 체크하여 원하는 분류로 상품 이동시켜 진열하면 됨 3 2 4

3-11. 상품관리 – 기획전 관리 *경로 : 상품관리>기획전 관리 *메뉴 설명 : 사이트 내 기획전 등록 및 관리 해당 기획전 명을 등록 후 디자인 설정 탭에서 해당 기획전 이미지 등록

4-1. 기본 템플릿 디자인 카페24 스쿨몰(http://school.cafe24.com)에서 ‘교사용 아이디’를 신청하게 되면 좌측의 기본 템플릿 몰이 생성됨 구조는 좌측과 같으며 ‘템플릿 예제 이미지’폴더 내 해당 이미지로 템플릿 변경 실습 가능 1. TOP 6. ETC 3. RIGHT 2. LEFT 4. CENTER 5. BOTTOM

4-2. 템플릿 디자인 – 원샷 디자인 설정(Top) *경로 : 디자인관리>디자인원샷설정>상단디자인 *메뉴 설명 : 상단 TOP 로고 변경 ① 디자인관리 ② 디자인 원샷설정>상단 디자인 ③ Top 로고 탭 ④ 찾아보기에서 이미지 지정 ⑤ 등록 1 2 3 4 5

4-2. 템플릿 디자인 – 원샷 디자인 설정(Top) *경로 : 디자인관리>디자인원샷설정>상단디자인 *메뉴 설명 : 상단 메뉴바 변경 ① 디자인관리 ② 디자인 원샷설정>상단 디자인 ③ 상단메뉴바 탭 선택 ④ 배경이미지는 ‘미리보기 1’에 등록 ⑤ 상단메뉴바 메뉴 각각의 이미지는 ‘미리보기2’에서 ‘미리보기 13’까지 등록하면 됨 1 2 3 4 5

4-2. 템플릿 디자인 – 원샷 디자인 설정(Top) *경로 : 디자인관리>디자인원샷설정>메인-상단디자인 *메뉴 설명 : 상단 이미지 등록 ① 디자인 관리 ② 디자인원샷설정 ③ 메인-상단 디자인 ④ 메인이미지 우측에 게시판 공지사항 게시판 사용하므로 577*140픽셀의 이미지 등록 ⑤ ‘찾아보기’ 버튼 클릭하여 해당 이미지 선택 후 등록 버튼 클릭하면 메인 상단 이미지 등록 완료 * 이미지 종류: jpg, gif, swf 만 가능 * 이미지 파일명은 공백 없는 영문으로 작성해야 함 1 2 3 5 4

4-3. 템플릿 디자인 – 원샷 디자인 설정(Left, Right) 1 *경로 : 디자인관리>디자인원샷설정>좌/우 디자인 *메뉴 설명 : 좌/우 모듈(디자인) 설정 ① 디자인 관리 ② 디자인원샷설정 ③ 좌/우 디자인 ④ 메인 화면 탭 선택 ⑤ 좌우 설정하고자 하는 메뉴를 추가하고 해당 메뉴(모듈) 더블 클릭 후 이미지 등록 * 모듈 순서 조정 가능 * 이미지맵 설정 가능 2 3 4

4-4. 템플릿 디자인 – 원샷 디자인 설정(Center) *경로 : 디자인관리>디자인원샷설정>메인-중앙디자인 *메뉴 설명 : 중앙 배너 이미지 등록 ① 디자인 관리 ② 디자인원샷설정 ③ 메인-중앙 디자인 ④ 중앙기본배너1 추가 ⑤ 중앙기본배너1 더블클릭하면 미리보기1에 이미지 등록 가능 ⑥ ‘찾아보기’ 버튼 클릭하여 해당 이미지 선택 후 등록 버튼 클릭하면 이미지 등록 완료 * 이미지 종류: jpg, gif만 가능 * 이미지 파일명은 공백 없는 영문으로 작성해야 함 1 2 4 5 3 6

4-5. 템플릿 디자인 – 원샷 디자인 설정(Bottom) *경로 : 디자인관리>디자인원샷설정>하단디자인 *메뉴 설명 : 하단 회사정보 이미지 등록 ① 디자인 관리 ② 디자인원샷설정 ③ 하단디자인 ④ 하단 회사정보 탭 클릭 ⑤ 공통모듈 사용 여부에 ‘사용’ 체크하고 ‘찾아보기’ 버튼 클릭 -> 해당 이미지 선택 후 등록 버튼 클릭하면 이미지 등록 완료 1 2 4 3 5

5-1. Html 디자인 구조 * HTML 이란? 하이퍼텍스트 마크업 언어(HyperText Markup Language)약자로 인터넷에서 웹페이지를 표시하기 위하여 일반적으로 사용하는 언어를 뜻함 * HTML 문서의 구조 <html> <head> <title> 제목이 들어감 </title> </head> <body> 문서의 실제적인 내용이 들어감 </body> </html> (좌측의 스쿨몰 사이트의 경우도 위의 구조를 따름)

5-2. Html 디자인 – 페이지 설정 *경로 : 디자인관리>Html 디자인 설정 *메뉴 설명 : HTML 디자인 설정 ① 디자인관리 ② HTML 디자인 설정 ③ 페이지 리스트 ④ 메인 화면 페이지 * 템플릿 디자인 모드에서 Html 디자인 모드로 전환할 때 반드시 ‘디자인 백업/복구’를 하도록 함 * Html 디자인 설정 시 템플릿과는 다른 새로운 디자인 적용 가능 (단, 기본적인 Html 공부 필요)

5-3. Html 디자인 – 페이지 모듈 및 소스 편집 *경로 : 디자인관리>Html 디자인 설정 *메뉴 설명 : 메인 페이지 소스와 모듈 편집 ① 메인 페이지 소스 편집 화면 ② 페이지 모듈 리스트 관련 편집 ③ 메인의 추천상품, 신상품 진열방식에 따른 모듈 편집 가능 ④ 페이지 공통모듈 설정 가능 1 2 4 3

감사합니다. Cafe24 교육 쇼핑몰 솔루션 스쿨몰! Cafe24 는 인터넷 창업의 꿈에 날개를 달아 드립니다 전략연구소 교육팀 권계영 대리