cafe24 쇼핑몰 구축 교안

CAFE24 MARKETING CENTER

교육팀

cafe24 쇼핑몰 구축방법


01 개요

02 상점관리

03 상품관리

04 템플릿 디자인

05 Html 디자인

목차


school.cafe24.com

준비과정

아이템 선정

솔루션 선택(카페24 등)

준비과정

도메인 등록통신판매업신고

사업자등록부가통신사업자

구축과정

쇼핑몰 디자인

(직접 혹은 외주 제작)

구축과정

상품사입 및 촬영상품 등록

구축과정

카드결제에스크로 신청

(결제시스템 완비)

운영과정

검색엔짂 등록쇼핑몰 홍보

광고(키워드,이미지)

접속통계

운영과정

포장, 배송 시스템구축

게시판 관리 업무

운영과정

쿠폰, 적립금사은품, 회원등급

영업관리

운영과정

세무/회계직원채용/교육

국민연금, 고용보험


school.cafe24.com

*카페24 쇼핑몰 어드민 주소echosting.cafe24.com/shop

① 상단메뉴홈으로| 내상점보기| 샵카페 | 광고통합관리 | 쇼핑몰운영자카페| 사이트맵| 로그아웃

② 주메뉴상점관리, 디자인관리, 상품관리, 주문관리, 고객관리(회원/메일/SMS), 커뮤니티(게시판/온라인설문), FTP(웹FTP/파일링크), 접속통계, 부가서비스, 마케팅센터. B2B도매몰

③ 좌측메뉴각 주 메뉴의 하위 메뉴들이 탐색기형태로 제공

④ 데이터창각 메뉴의 데이터들이 뿌려지는 창

1

2

3 4


school.cafe24.com

1

2

3

4

*경로 : 상점관리>상점기본정보>내상점정보

*메뉴 설명 :쇼핑몰에 대한 기본적인 정보 입력

[중요]사업자 신원 표시 의무사항*상호 및 대표자 성명*영업소 소재지 주소*전화번호 및 이메일 주소팩스번호는 기입 안 해도 무방함

*사업자등록번호*쇼핑몰 이용약관메인 페이지에서 연결화면을 이용

하여 볼 수 있도록 하여야 함*통신판매업 신고번호 및 교부기관기존에는 신고번호만 표시했으

나 법률개 정으로 교부기관도 함께표시함기존: 신고번호 제 00123호개정: 신고번호 제 종로-00123호

*개인정보관리책임자지정하고 있지 않거나 관리자 등으

로 표시하면 안되며 실명으로 표시해야 함


school.cafe24.com

1

2

35

4

*경로 : 상점관리>상점기본정보>상점도메인 설정

*메뉴설명기본제공 도메인 외 연결 도메인을 추가할 수 있음

도메인 연결 후에 네임서버주소를 카페24 IP 주소로 설정해야 함(단, 카페24에서 신청한 도메인은 별도 변경할 필요 없음)


school.cafe24.com

*경로 : 상점관리>상점운영 관련 설정>상점운영방식 설정

*메뉴설명 : 상점사용 및 접근권한 설정

① 회원구분 항목 선택

② 인트로화면 사용 여부 선택

③ 주민등록번호, 회원아이디 중 선택

④ 비회원 가격 표시 안되는 경우 가격표시 회원만으로 선택

⑤ 구매권한 회원만 주는 경우에 회원만 구매 가능(각 분류별로 접근권한을 주어서 특정회원그룹에게만 구매를 할 수 있도록 하는 것도 가능)

⑥ 미입금시 주문이 자동취소 되는설정

1

2

3

4

5

6


school.cafe24.com

1

2

3

*경로 : 상점관리>상점운영 관련 설정>적립금 상세 설정

*메뉴 설명 :상품구매, 회원가입에 따른 적립금설정

① 상품 구매시에 적립금의 사용가능 기간 설정

② 상품구매 적립금 기본설정:*상품등록시 상품적립금을 상품금액의 %로 설정, %설정시 적립단위설정*회원가입 적립금 설정: 신규 회원가입시 부여되는 적립금 설정*추천인 제도: 추전인 제도의 사용여부와 추천하는 회원(기존회원)과추천받아 신규회원 가입하는 회원적립금 설정(tip: ‘고객관리 > 회원관리 > 회원가입항목 설정’에서 추천인 아이디체크 필수)

③ 상품구매합계액 제한:*상품구매액이 일정금액 이상인 경우에 적립금 사용설정


school.cafe24.com

*경로 : 상점관리>배송/반품설정>배송/반품설정

*메뉴설명 : 쇼핑몰 전체상품에 대한 배송 관련 설정

① 배송방법 리스트 박스에서 선택

② 배송 가능 지역 입력

③ 배송료 부과기준 입력

④ 구매 금액별 차등 배송료 설정 추가

⑤ 상품별 개별배송비 사용 체크

⑥ 배송기간 안내

⑦ 배송추가설명 입력

⑧ 반품주소 입력

⑨ 운송장 택배사 설정

⑩ 주문서 작성시에 배송가능일자 표시

1

2

3

5

4

6

7

8

9

10


school.cafe24.com

1

2 3

4

*경로 : 상품관리>대분류등록

*메뉴설명 : 쇼핑몰 전체상품 대분류 등록

① 상품관리

② 대분류 등록

③ 자체 분류기준 사용 선택 후 분류명 입력

④ 등록

*TIP상품관리에서 가장 중요한 것은 무엇보다 고객이 내 쇼핑몰에서 원하는상품을 쉽게 찾아가도록 하는 것임

특성이 비슷한 상품들을 분류(카테고리)로 묶어 관리하는 것이 좋으며, 세부적으로 대분류, 중분류, 소분류로나눠서 관리하는 것이 좋음

상품을 등록하기 전에 먼저 대분류생성 필요


school.cafe24.com

*경로 : 상품관리>분류별 상품관리

*메뉴설명 : 분류별 상품 정보 등록

분류를 변경, 삭제하고자 하는 경우해당 분류를 클릭하고 분류정보를선택하면 됨

등록된 대분류 클릭하여 중분류등록 가능

해당 분류명 앞의 +표시는 해당분류 아래 서브 분류가 있음을나타냄

+표시는 하부메뉴가 있다는 것을 의미하며+를 클릭하면 하부메뉴가 보임

–를 클릭하면 하부메뉴가 사라짐

아무 표시도 없으면 하부메뉴가 없다는 것을 의미함


school.cafe24.com


*메뉴 설명 :선택한 분류의 정보, 상품, 재고,디자인 관리

① 분류정보분류(카테고리)에 대한 일반적인정보를 보여주고 분류를 수정하거나 삭제 가능

② 상품관리상품신규등록 , 상품 상품이동 및진열순서변경, 분류 내 추천상품,신상품 관리

③ 재고관리분류 내 상품들 중에재고관리등급이 중요재고, 일반재고 관리상품의 재고체크 및 재고부족 시 설정관리

④ 디자인설정분류 디자인 및 일반상품, 추천상품, 신상품의 진열 디자인 관리

⑤ 하위 분류 등록대분류, 중분류에서는 가능(소분류에서는 불가능)


school.cafe24.com

1

2

3

4

5

6


*메뉴 설명 :해당 분류 내 상품등록

① 상품관리

② 분류별 상품관리

③ 해당 분류 선택

④ 상품관리 탭

⑤ 상품신규등록

⑥ 상품등록

* 상품등록 시 재고관리등급을일반재고관리, 중요재고관리 선택한 상품만 품절 자동표시 가능


school.cafe24.com


*메뉴 설명 :해당 분류 내 상품등록

이미지 등록은 대표이미지 등록으로500*500픽셀의 이미지를 등록하면다른 사이즈의 이미지들은 자동 생성됨

자동생성시 분류진열이미지(소이미지)는 100*100 픽셀이 기본임

이것을 수정하시려면 ‘상품관리 > 상품분류표시관리 > 상품 최소이미지 크기 설정’에서 크기를 조정해 주셔야 함(메인페이지나 분류페이지의 이미지를 크게 하려면 상품 등록 전에 최소이미지 설정을 먼저 해 주셔야 함)

추가이미지 등록메뉴를 이용해서이미지를 최대 4개까지 등록할 수있음추가할 이미지 수를 택한 후에 새추가이미지(권장사이즈 500*500픽셀)를 등록


school.cafe24.com

1

2

3

4

5

6


*메뉴 설명 :분류 내 상품 정보 수정

① 상품관리

② 분류별 상품관리

③ 해당 분류 선택

④ 상품관리 탭

⑤ 이미 등록된 상품명 클릭

⑥ 상품수정 팝업창에서 원하는정보 수정


school.cafe24.com

1

2

3

4

5

6

7


*메뉴 설명 :상품 옵션 정보 설정

① 상품옵션 탭 선택

② 옵션설정 여부 설정 선택

③ 옵션 형태 조합형 선택

④ 옵션명 (피부타입 / 용량),옵션값 (건성 ;지성 ;복합성 /

75ml;150ml)입력

⑤ [옵션항목등록] 버튼 클릭

⑥ 옵션 추가가격과 옵션별 재고와 안전재고 입력

⑦ 설정완료


school.cafe24.com

1

2

3

4 5

6

7

8


*메뉴 설명 :상품 옵션 정보 설정

① 상품옵션 탭 선택

② 옵션설정 여부 설정 선택

③ 옵션 형태 복합형 선택

④ 옵션명 (피부타입 / 추가구매)옵션값 (건성;지성;복합성 / 화

장솜, 전용비누) 입력

⑤ 옵션의 필수 옵션 여부 선택(‘필수옵션’으로 지정되면 옵션값을 꼭 입력해야 함)

⑥ 옵션항목등록

⑦ 옵션 추가가격, 옵션별 재고,안전재고 입력

⑧ 설정완료


school.cafe24.com

1

2

3

4

5

6

7

8

*경로 : 상품관리>메인 상품 진열관리

*메뉴 설명 :메인 페이지 (추천, 신상품) 상품진열 설정

① 상품관리

② 메인상품 진열관리

③ 분류선택

④ 메인 추천상품에 등록하고자하는 상품 선택

⑤ 상품진열 버튼

⑥ 이미 등록된 상품 목록

⑦ 진열 디자인 선택(1단 목록형 ~ 사용자 지정 가로형)

⑧ 설정완료


school.cafe24.com

1

2

3

4

5

6

7

*경로 : 상품관리>상품 진열 순서 관리

*메뉴 설명 :분류 내 진열 순서 관리

① 상품관리

② 상품 진열순서 관리

③ 분류선택 검색 버튼 클릭

④ 이동/삭제 하고자 하는 상품

⑤ 화살표와 삭제 버튼

⑥ 상품이 많은 경우에 번호로직접 이동

⑦ 설정완료


school.cafe24.com

2

1*경로 : FTP>웹FTP

*메뉴 설명 :웹 FTP 이미지 업로드

① FTP

② 웹FTP 메뉴 클릭

③ 비밀번호 입력 후 웹 FTP 접속

④ web폴더 하위로 새폴더 아이콘클릭 후 폴더명 직접 지어서 입력

⑤ 사용하고자 하는 이미지 파일 선택 후에 업로드 버튼 클릭

* 업로드한 이미지 경로http://쇼핑몰아이디.cafe24.com/web/폴더명/파일명

예) 연결 태그<img src=“simall.cafe24.com/web/ex/430-1.jpg”>

3

5

4


school.cafe24.com

*경로 : 상품관리>상품등록관리>엑셀 일괄등록

*메뉴 설명 :엑셀로 상품 일괄 등록

① 상품관리

② ‘상품등록관리>엑셀일괄등록’ 클릭

③ 엑셀양식 다운로드

④ 엑셀파일 작성 후 엑셀데이타 등록(자세한 등록방법 ‘카페24로 부자쇼핑몰 만들기’ 서적 115p~116p 참조

*등록한 엑셀파일은 ‘상품관리>상품등록관리>할당전 상품 등록’에서 확인 가능하며 등록된 상품을 체크하여원하는 분류로 상품 이동시켜 진열하면 됨

1

2

3

4


school.cafe24.com

*경로 : 상품관리>기획전 관리

*메뉴 설명 :사이트 내 기획전 등록 및 관리

해당 기획전 명을 등록 후디자인 설정 탭에서 해당 기획전이미지 등록


school.cafe24.com

1. TOP

2. LEFT

4. CENTER

3. RIGHT

5. BOTTOM

쇼핑몰 신청 시기본 템플릿 몰이 생성됨

구조는 좌측과 같으며‘템플릿 예제 이미지’폴더 내 해당 이미지로 템플릿 변경 실습 가능

*예제이미지 다운로드 주소Hostinfo.cafe24.com/books/cafe24.zip

6. ETC


school.cafe24.com

1

2

3

4

5

*경로 : 디자인관리>디자인원샷설정>상단디자인

*메뉴 설명 :상단 TOP 로고 변경

① 디자인관리

② 디자인 원샷설정>상단 디자인

③ Top 로고 탭

④ 찾아보기에서 이미지 지정

⑤ 등록


school.cafe24.com

*경로 : 디자인관리>디자인원샷설정>상단디자인

*메뉴 설명 :상단 메뉴바 변경

① 디자인관리

② 디자인 원샷설정>상단 디자인

③ 상단메뉴바 탭 선택

④ 배경이미지는 ‘미리보기 1’에 등록

⑤ 상단메뉴바 메뉴 각각의 이미지는‘미리보기2’에서 ‘미리보기 13’까지등록하면 됨

1

2 3

4

5


school.cafe24.com

*경로 : 디자인관리>디자인원샷설정>좌/우 디자인

*메뉴 설명 :좌/우 모듈(디자인) 설정

① 디자인 관리

② 디자인원샷설정

③ 좌/우 디자인

④ 메인 화면 탭 선택

⑤ 좌우 설정하고자 하는 메뉴를 추가하고 해당 메뉴(모듈) 더블 클릭 후 이미지 등록

* 모듈 순서 조정 가능* 이미지맵 설정 가능

1

2

3

4


school.cafe24.com

*경로 : 디자인관리>디자인원샷설정>메인-상단디자인

*메뉴 설명 :상단 이미지 등록



③ 메인-상단 디자인

④ 메인이미지 우측에 게시판 공지사항게시판 사용하므로 577*140픽셀의 이미지 등록

⑤ ‘찾아보기’ 버튼 클릭하여 해당 이미지 선택 후 등록 버튼 클릭하면 메인 상단 이미지 등록 완료

* 이미지 종류: jpg, gif, swf 만 가능* 이미지 파일명은 공백 없는 영문으로작성해야 함

1

2

3

4

5


school.cafe24.com

*경로 : 디자인관리>디자인원샷설정>메인-중앙디자인

*메뉴 설명 :중앙 배너 이미지 등록



③ 메인-중앙 디자인

④ 중앙기본배너1 추가

⑤ 중앙기본배너1 더블클릭하면 미리보기1에 이미지 등록 가능

⑥ ‘찾아보기’ 버튼 클릭하여 해당 이미지 선택 후 등록 버튼 클릭하면 이미지 등록 완료

* 이미지 종류: jpg, gif만 가능* 이미지 파일명은 공백 없는 영문으로작성해야 함

1

2

3

4 5

6


school.cafe24.com

*경로 : 디자인관리>디자인원샷설정>하단디자인

*메뉴 설명 :하단 회사정보 이미지 등록



③ 하단디자인

④ 하단 회사정보 탭 클릭

⑤ 공통모듈 사용 여부에 ‘사용’ 체크하고 ‘찾아보기’ 버튼 클릭 -> 해당 이미지 선택 후 등록 버튼 클릭하면 이미지 등록 완료

1

2

3

4

5


school.cafe24.com

* HTML 이란?하이퍼텍스트 마크업 언어(HyperText Markup Language)약자로 인터넷에서 웹페이지를 표시하기 위하여 일반적으로 사용하는 언어를 뜻함

* HTML 문서의 구조<html>

<head>

<title>제목이 들어감</title>

</head>

<body>문서의 실제적인 내용이 들어감</body>

</html>


school.cafe24.com

*경로 : 디자인관리>Html 디자인 설정

*메뉴 설명 :HTML 디자인 설정

① 디자인관리

② HTML 디자인 설정

③ 페이지 리스트

④ 메인 화면 페이지

* 템플릿 디자인 모드에서 Html 디자인 모드로 전환할 때 반드시 ‘디자인 백업/복구’를 하도록 함

* Html 디자인 설정 시 템플릿과는 다른 새로운 디자인 적용 가능 (단, 기본적인 Html 공부 필요)


school.cafe24.com

*경로 : 디자인관리>Html 디자인 설정

*메뉴 설명 :메인 페이지 소스와 모듈 편집

① 메인 페이지 소스 편집 화면

② 페이지 모듈 리스트 관련 편집

③ 메인의 추천상품, 신상품 진열방식에따른 모듈편집 가능

④ 페이지 공통모듈 설정 가능

1

2

3

4


school.cafe24.com

감사합니다.

Cafe24 교육 쇼핑몰 솔루션 스쿨몰!

Cafe24 는 인터넷 창업의 꿈에 날개를 달아 드립니다

교육팀

Documents

cafe24 쇼핑몰 구축 교안