JOYKIT

ep02에서는 홈페이지 로고디자인 하는데까지 해보았고, 오늘은 메뉴 부분을 설정해보도록 하겠다.

헤더카테고리에서 메뉴를 선택한다.

펼쳐진 대화창에서 "(대분류)Outerwear"를 클릭하고, 메뉴명 항목에 자신이 생각한 메뉴명을 입력한 다음 적용을 누른다.

아래에 링크부분에는 상품분류, 상품, 게시판, 기획전, URL입력이 있는데 홈페이지 메뉴명 기능에 맞게 선택하여 주면 된다. 

예를 들면 저는 메뉴명을 전체상품으로 정했으므로 링크부분에서 상품을 선택하였다. 

같은 방법으로 메뉴명을 "베스트상품", "신상품" 등으로 수정하면 된다.

메뉴를 더 추가하고 싶으시면 상위메뉴 추가를 누르고 메뉴명을 입력한 다음 같은 방법으로 설정해주면 된다.

추가 메뉴명은 "가전디지털", "패션의류", "주방용품", "식품" 등으로 정하였다.

결과 화면 : 

이정도면 어느정도 쇼핑몰이 형태를 갖추어진것 처럼 보인다.

다음 헤더부분에 언어선택과 기본메뉴제공이 있는데 "언어선택"은 홈페이지를 추가하는 경우 선택을 하면 되고, "기본메뉴제공"은 홈페이지에 기정으로 제공되는 것이므로 수정할 필요가 없다.

스마트 배너 :

스마트 배너는 홈페이지 메인 상단에 위치하고 있으므로 쇼핑몰에서 판매할 주 상품들을 고객들에게 보여주면 된다. 

카테고리에서 스마트 배너를 클릭한다.

다음 배너 등록을 하면 된다. PC 이미지는 1680X712px, 모바일 이미지는 720X536px로 디자인하여 등록하여주면 된다. 

슬라이드 설정에서는 슬라이드 시간, 점형태, 바형태, 없음으로 설정하여주면 된다.

메인상품 분류:

메인상품 분류에서는 상품의 카테고리를 설정하면 상품 등록시 홈페이지에 카테고리별로 보여주게 된다.

추가버튼을 클릭하여 카테고리를 추가할 수 있다. 

아래에 있는 메인상품 분류카테고리, 동영상, 메인상품 분류 슬라이드, 이미지&텍스트 갤러리, 텍스트, 지도 등은 같은 방식으로 수정하여 주면 된다.

푸터 : 

푸터부분에서는 쇼핑몰 기본정보, 고객센터 정보, 결제정보, SNS 등을 등록할 수 있다.

쇼핑몰 기본정보에서는 회사 상호명, 대표자명, 사업장 주소, 고객센터번호, 사업자등록번호, 통신판매업신고 등을 등록하여주면 된다.

결제정보는 대표자의 본인 인증이 필요하므로 휴대폰이나 이메일로 본인인증하고 은행계좌를 등록하여 주면 된다.

본인인증을 마치면 다음과 같은 창이 나오는데 등록버튼을 누르고 은행명, 계좌번호, 예금주 등을 입력하고 저장을 한단. 

참고로 계좌정보를 등록한 다음 결제정보에서 계좌정보 동기화를 반드시 해주어야  홈페이지 푸터부분에 무통장 계좌정보가 현시된다.  

이렇게 쇼핑몰의 디자인은 전부 되었음을 미리보기로 보면 확인할 수 있다.

다음 시간에는 쇼핑몰에 상품등록 하는방법을 해보도록 하겠다.

오늘은 카페24로 만들어진 쇼핑몰 홈페이지를 자신의 취향에 맞게 디자인 편집하는 기능을 해보도록 하겠다.

ep01에서는 쇼핑몰을 생성하는데까지 해보았다. 혹시 보지 못하신 분들은 아래에 링크를 걸어놓을테니 참고하시면 좋을 것 같다.

https://hanwook-ai.tistory.com/84

카페24홈페이지 : https://www.cafe24.com/

카페24홈페이지로 들어가서 로그인하면 다음과 같은 창이 나온다.

왼쪽에 카테고리 메뉴에서 디자인(PC/모바일을) 누르고 펼쳐진 화면에서 "PC 대표 디자인"의 디자인 편집을 누른다.

그러면 다음과 같이 디자인 편집창이 나온다.

왼쪽 위 메뉴를 보면 "섹션, 스타일, 확장"이라고 3개의 메뉴가 있는데 각각의 기능은 다음과 같다.

섹션 : 쇼핑몰의 띠 배너, 헤더, 메뉴, 스마트배너, 메인 상품 분류, 상품분류 가테고리, 지도, 푸터 등 다양한 디자인을 편집할 수 있는 기능이 있다. 

스타일 : 쇼핑몰의 스타일을 선택하는 기능이다.  여기서는 쇼핑몰의 특성에 테마를 선택하여 주면 된다. 

확장 : 여기서는 SNS나 모바일 앱같은 기능을 추가하는 곳이다. 이 기능은 나중에 별도로 추가해보도록 하겠다.

그럼 이제부터 섹션메뉴에 있는 기능을 차례로 하나하나 편집해보도록 하겠다.

1. 스마트 팝업 

팝업 등록을 누르고 이미지 등록으로 들어간다.

여기서 이미지를 직접 등록할 수도 있고 간편하게 배너를 만들 수도 있다. 여기서는 간편하게 배너 만들기를 하여 배너를 만들겠다. 간편 배너로 들어가면 다양하게 만들어진 배너들이 있는데 필요한 것을 선택하고 자신의 쇼핑몰에 맞게 편집하고 적용하기를 클릭한다. 예를 들어 "초특가 할인 쿠폰"을 선택하고 적용하기를 클릭해본다. 

그러면 다음과 같이  홈페이지에 배너가 추가된것을 볼 수 있다.

2. 띠배너

띠배너는 홈페이지 제일 헤드부문에 나오는 배너인데 이것은 설정하여 배너가 나오게 할 수도 있고 나오지 않게 설정할 수도 있다.

사용함을 선택하여 홈페이지에 들어가보면 다음과 같이 띠배너가 나온 것을 볼 수 있다.

3. 헤더

헤더부분에는 로고, 메뉴, 언어선택, 기본제공 메뉴, 쇼핑기본정보 노출설정이 있다.

1) 로고는 자신의 쇼핑몰 로고를 설정하는 부분이다. 여기서는 자신이 직접만든 로고를 추가할 수도 있고, 간편로고 제작을 선택하여 디자인을 선택하고, 내용만 변경하여 로고를 추가할 수도 있다.

참고로 로고 권장 사이즈는 600X600px이고, 간편로고는 선택만 하여주면 된다. 우리는 간편로고를 선택하여 만들어 보겠다. 로고 탬플릿에 들어가면 다양한 로고가 있는데 자신의 취향에 맞는 것을 선택하고 적용하기를 누른다. 

그러면 홈페이지에 선택한 로고가 적용된 것을 볼 수 있다.

오늘은 쇼핑몰 홈페이지에 스파트 팝업, 띠배너, 헤더부분에서 로고생성 편집까지 해보았다.

다음은 상단 메뉴편집을 하는 것이 있는데 메뉴편집은 카테고리별로 설정해주어야 하므로 좀 복잡하고 시간이 많이 걸린다.

다음시간에는 메뉴만 전문 편집하는 것을 해보도록 하겠다.

먼저 구글에서 카페24 홈페이지를 검색한다.

https://www.cafe24.com/

여기서 먼저 회원가입을 해야 하므로 우측 상단에 쇼핑몰 만들기를 클릭한다.

그러면 다음과 같이 회원가입 창이 나온다

여기서 사업자이신 분들은 개인사업자나 법인/기관을 선택하면 되고 아직 사업자 등록을 하지 않으신 분들은 일반회원으로 가입하여도 상관이 없다.  저는 사업자로 이미 가입이 되어 있으므로 일반회원으로 가입해보겠다.

이름, 생년월일, 휴대폰번호 인증을 마치면 아이디와 비밀번호 입력창이 나온다.

여기서 아이디와 비밀번호를 입력하고 약관동의하고 다음으로 넘어간다.

여기서 어떤 상품을 팔것인지 선택하고 다음으로 넘어간다.

위와 같이 쇼핑몰 디자인이 나오는데 자기가 마음에 드는 디지인을 선택하고 다음으로 넘어간다.

참고로 디자인은 나중에 변경할 수 있으니 일단 고민하지 말고 적당한거 하나 선택한다.

쇼핑몰 정보 입력창이 나오는데 여기에 자신의 쇼핑몰 이름과 이메일 주소를 입력하고 다음으로 넘어가면 드디어 쇼핑몰이 완성된다.

위와 같이 카테고리란에 주문, 상품, 고객 등 목록이 나오는데 여기서 디자인(PC/모바일)을 선택하고 디자인 미리보기를 클릭하면 자신의 쇼핑몰을 볼 수 있다.

오늘은 카페24로 쇼핑몰 홈페이지를 생성하는데까지 해보았다.

다음에는 쇼핑몰디자인을 자신의 취향에 맞게 변경하는 법을 해보려고 한다.