SHOWCASE MOBILE 쇼케이스 모바일 홈페이지 가이드mshowcase.or.kr/_doc/mobile_home_guide.pdf · ① 예시 – 현재 페이지 제작 시 모바일 홈페이지 화면을

COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED. 문의전화 : 02-6050-1436 홈페이지 : http://www.mshowcase.or.kr

SHOWCASE MOBILE PRODUCTION GUIDE

SHOWCASE MOBILE

쇼케이스 모바일 홈페이지 제작 가이드

Page 2

목 차

1. 모바일 홈페이지 신청

2. 모바일 홈페이지 관리(만들기/통계)

3. 테마 스킨 선택

4. 메뉴설정

5. 메뉴관리

1) 회사소개

2) 상품안내

3) 이벤트

4) 구매안내

5) 공지사항

6) 문의

7) 매장안내

8) FAMILY 사이트

9

10

13

16

26

30

33

37

39

45

3

4

Page 3 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.


1. 모바일 홈페이지 신청 1) 상단 메뉴 [모바일 홈페이지 신청]를 클릭합니다.

2) 해당 페이지에서 서비스형태를 선택해 해당 [신청하기] 버튼을 클릭하여 모바일 홈페이지를 결제하시면 됩니다. ※ 신청 서비스는 모바일 홈페이지에 등록하실 상품수에 따라 선택하시면 됩니다.

- 상품이 없는 모바일 홈페이지의 경우, 기본인 베이직형을 선택하시기 바랍니다.

- 모바일 홈페이지 제작 시 해당 서비스의 상품수를 초과할 수 없으니 이점 유의 하시어 선택하시기 바랍니다.

모바일 홈페이지 신청절차



1. 모바일 홈페이지 무료 체험하기 신청 1) 메인 [7일간 무료 홈페이지 체험하기] 버튼을 클릭하면 나오는 페이지의 [모바일 홈페이지 체험하기] 버튼을 클릭하면 신청

모바일 홈페이지 7일간 무료 체험하기 모바일 홈페이지 7일간 무료 체험하기란, 고객이 먼저 쇼케이스 모바일 홈페이지의 기능을 무료로 체험해 볼 수 있는 서비스로 쇼케이스 모바일의 모든 기능을 사용해 볼 수 있습니다.



STEP 01. 쇼케이스 회원가입 쇼케이스 모바일에 회원가입을 합니다.

STEP 02. 모바일 홈페이지 무료 체험하기 신청 무료 체험하기를 신청하시면 신청일 기준 7일간 무료로 사용해볼 수 있습니다. (7일 후에는 차단)

STEP 03. 모바일 홈페이지 만들기 모바일 홈페이지를 만들어 봅니다.

STEP 04. 연장하기 7일후 차단이 되더라도 만드셨던 모바일 홈페이지 내용은 저장이되어 [연장]을 통해 결제 후 계속 사용하실 수 있습니다.

[연장]은 [마이페이지] > [모바일 홈페이지 관리] 에서 해당 주소에 체크 후 [연장] 버튼을 통해 결제하시면 됩니다.

모바일 홈페이지 7일간 무료 체험하기 신청절차

회원가입 모바일 홈페이지

무료 체험하기 신청 모바일 홈페이지

만들기 연장하기


2. 모바일 홈페이지 관리(만들기)

1. 모바일 홈페이지 만들기 시작

1) 모바일 홈페이지 신청 결제가 완료되면 모바일 홈페이지 만들기를 시작합니다.

2) 모바일 홈페이지 만들기 시작은 <그림1>의 ①,②,③을 클릭하여 시작할 수 있습니다.

1

2

3

<그림1>


2. 모바일 홈페이지 관리(만들기)

1. 모바일 홈페이지 만들기 시작

3) [마이페이지] > [모바일 홈페이지 관리] 에서 해당 모바일 홈페이지의 [만들기 시작] 버튼을 클릭하여 만들기를 시작할 수 있습니다.

① 만들기 시작 - 모바일 홈페이지 만들기를 시작하실 수 있습니다.

② 관리하기 - 만드신 모바일 홈페이지 수정 및 관리를 하실 수 있습니다.

③ 통계 - 해당 모바일 홈페이지의 월별, 일별 방문자 수, 페이지뷰 수, 유입사이트 별(네이버/다음/구글/직접URL입력), 검색어 별(검색 키워드)로 통계를 확인 하실 수 있습니다.

1

2

3


2. 모바일 홈페이지 관리(통계)

모바일 홈페이지 통계보기

통계 - [마이페이지] > [모바일 홈페이지 관리] 에서 [통계] 버튼을 클릭하세요.

해당 모바일 홈페이지의 월별, 일별 방문자 수, 페이지뷰 수, 유입사이트 별(네이버/다음/구글/직접URL입력), 검색어 별(검색 키워드)로 통계를 확인 하실 수 있습니다.



1) 7가지의 테마스킨 중에 원하는 스킨을 선택합니다. (테마스킨은 추후에도 변경이 가능합니다.)



4. 메뉴 설정

1. 메뉴 설정

1) 예시 화면과 미리보기 QR코드

① 예시 – 현재 페이지 제작 시 모바일 홈페이지 화면을 예시 이미지로 만든 것으로 예시를 참고하여 모바일 홈페이지 제작을 하시기 바랍니다. ② 미리보기 QR코드 – 모바일(스마트폰)에서 QR코드를 인식하여 현재 페이지 제작화면을 모바일에서 바로 확인 할 수 있습니다. ※ QR코드 인식 방법

1

2

네이버 어플 다운

하단 [검색] 메뉴에서 상단 [코드] 아이콘 선택

QR코드를 사각형에 맞춰 인식


4. 메뉴 설정

1. 메뉴 설정

2) 모바일 홈페이지에 들어갈 메뉴 5가지 유형을 설정할 수 있습니다. (기본으로 회사소개/상품안내/이벤트/구매안내/공지사항으로 설정되어 있습니다.)

2

3

4

5

7

8

10

11

① 통계보기 - 해당 모바일 홈페이지의 방문자수, 페이지뷰수, 검색어 유입등의 통계를 볼 수 있습니다. ② * 서비스 유형 - 쇼케이스 앱 상 들어갈 업종 및 카테고리가 결정됩니다. 업종 분류를 선택하시면 메인이미지가 자동 변경됩니다. ③ * 로고이미지 - [로고올리기] 버튼을 클릭하여 회사의 로고를 올립니다. 이미지 권장 사양 : 80 x 80px에 맞춰 최적화. ④ * 기업&브랜드명 - 기업 또는 브랜드명을 입력합니다. ⑤ 메인이미지 - [직접올리기] 버튼을 클릭하여 모바일 홈페이지 메인이미지를 직접 올립니다. 이미지 권장 사양 : 480 x 280px에 맞춰 최적화. 96dpi 이상 ⑥ * 언어설정 - 한국어버젼과 영어버젼으로 모바일 홈페이지의 언어설정을 할 수 있습니다. ⑦ 메뉴명 글자수 제한풀기 - 메뉴명 입력 시 4자의 글자수 제한을 풀 수 있습니다. (단, 글자수 제한을 풀게되면 각 모바일 페이지의 탭메뉴는 없어집니다.) ⑧ 메뉴 - 메뉴 유형을 설정합니다. (회사소개/상품안내/이벤트/구매안내/공지사항/매장검색/문의/FAMILY 사이트등 8가지 유형 중에 선택) - 같은 유형도 중복으로 설정이 가능합니다. - 메뉴는 최소 2개 이상 설정해야 합니다. - 기존 메뉴 외 유형 선택 시 [NEW] 가 붙은 유형을 선택하면됩니다. ⑨ 메뉴명 - 메뉴명을 입력합니다. (4자 이내) 메뉴명 글자수 제한을 풀려면 ⑥ 에 체크하시면 됩니다. ⑩ * 카피라이트 - 모바일 홈페이지의 카피라이트를 입력합니다. ex> Copyright© [영문회사명 입력] All rights Reserved. ⑪ 적용하기 - 모든 설정이 끝난 후에는 반드시 [적용하기] 버튼을 클릭하여 설정한 내용을 모바일 홈페이지에 적용 시켜야 합니다.

9

?

? 이미지 권장 사양이란? 해당 이미지가 모바일상에서 가장 최적화로 보일수 있는 이미지크기입니다. 권장하는 크기로 안 올리시면 이미지가 깨져보이거나 안좋은 화질로 보일 수 있으므로 되도록 권장 사양에 맞춰 올려주시는게 좋습니다.

6

1


4. 메뉴 설정

1-1. 메인 모바일 화면

1) 작성한 메뉴를 적용했을때의 모바일 화면입니다.

기업&브랜드명

메인이미지

메뉴1

메뉴2

메뉴3

메뉴4

메뉴5

카피라이트


5. 메뉴 관리_회사소개

5-1. 회사소개

1) 회사소개는 제목(글 타이틀)/이미지/내용(텍스트)로 구성된 메뉴 유형으로 소개, 설명, 안내등에 알맞은 유형입니다.

① 웹 바로보기 – 클릭 시 현재 모바일 페이지가 웹에서 열립니다. ※ 쇼케이스 모바일 홈페이지는 모바일에 최적화된 솔루션으로 웹에서 열렸을 때 깨지는 부분이 있더라도 모바일 상에서는 문제가 없음을 알려드리오니 정확한 확인은 모바일 상에서 해주시기 바랍니다. ② 메뉴 재설정 – 클릭 시 [메뉴 설정]으로 이동합니다. 메뉴 재설정을 원할 때 사용하시기 바랍니다. ③ 글 타이틀1 – 작성하실 이미지/내용에 대한 제목(타이틀)을 입력합니다. (15자 이내) ex> 회사소개 ④ 이미지 – [이미지올리기] 버튼을 클릭하여 이미지를 올립니다. 이미지 권장 사양 : 가로480px에 맞춰 최적화. 96dpi 이상 ⑤ 내용 – 내용을 입력합니다. ⑥ 이미지 – [이미지올리기] 버튼을 클릭하여 추가 이미지들을 올립니다. 이미지는 최대 10개까지 등록 가능 합니다.(shift키 및 드래그로 다중 선택 가능) ⑦ 동영상 링크 - 동영상 링크는 유튜브 주소를 입력합니다. ( 버튼으로 추가 가능) ex> http://youtu.be/(생략)

1 2

3

4

5

6

7

※ 유튜브 주소 확인 방법

1. 유투브에서 동영상 업로드

2. 해당 동영상 보기

3. 동영상 하단의 [공유] 버튼 클릭

4. 주소 복사 (ctrl+c)

5. 동영상 링크 입력창에 붙여넣기

(ctrl+v)

http://youtu.be/wiop0t3y


5-1. 회사소개

2) 글 하단에 추가항목을 사용하실 수 있습니다. 사용에 체크하시고 사용하시기 바랍니다.

① 사용/미사용 – Contact us/ SNS / 지도등 사용할 항목들은 사용에 체크해 사용합니다. ② Contact us 전화 – 항목명과 전화번호를 입력합니다. 모바일상에서 클릭 시 전화번호로 연결됩니다. ex> 전화연결 / 02-000-0000 메일 – 항목명과 메일 주소를 입력합니다. 모바일상에서 클릭 시 메일로 연결됩니다. ex> 메일보내기 / [email protected] URL – 항목명과 url을 입력합니다. 모바일상에서 클릭 시 주소(url)로 연결됩니다. ex> 홈페이지가기 / http://www.mshowcase.or.kr 링크 – 더 추가하고 싶은 링크 주소를 입력합니다. 모바일상에서 클릭 시 링크 주소(url)로 연결됩니다. ex> 블로그 / 블로그주소(url) ③ SNS (소셜네트워크 연결) 트위터 – 연결할 트위터 주소를 입력합니다. 모바일 상에서 트위터로 연결됩니다. 페이스북 – 연결할 페이스북 주소를 입력합니다. 모바일 상에서 페이스북으로 연결됩니다. 미투데이 – 연결할 미투데이 주소를 입력합니다. 모바일 상에서 미투데이로 연결됩니다. 연결하실 SNS주소를 확인하시어 뒤에 url부분만 입력해주시기 바랍니다. ④ 주소 – 주소를 입력합니다. ※ 반드시 [검색] 버튼을 클릭하셔야 지도가 나타납니다. ⑤ 적용하기 – [적용하기] 버튼을 클릭합니다.

1

2

3

4

5



글 타이틀1

글 타이틀2

이미지

내용

이미지

내용

추가이미지

동영상 링크

항목명

항목값 전화

메일

URL

링크

페이스북 트위터 미투데이

지도

5-1-1. 회사소개 모바일 화면

1) 작성한 회사소개 메뉴를 적용했을때의 모바일 화면입니다.



5-2. 상품안내

1) 상품안내는 카테고리/리스트/상세페이지로 구성된 메뉴 유형으로 상품, 제품, 메뉴등에 알맞은 유형입니다.

2) 상품안내는 3개의 탭으로 나누어져 있습니다. 카테고리 / 상품등록 / 상품리스트

5-2-1. 카테고리

1) 카테고리를 생성/관리 할 수 있습니다.

① 추가 – 클릭 시 하단에 [새 카테고리] 가 생성됩니다. 카테고리 선택 후 추가를 클릭 하시면 선택 카테고리의 하단 카테고리를 만드실 수 있습니다. 카테고리는 3차까지만 추가할 수 있습니다. ② 카테고리 선택 후 해당 버튼 클릭 시 아래와 같이 이동합니다. 가장 상위 카테고리 (1차 카테고리)는 ◀ 상위 카테고리로 이동이 불가합니다. 가장 하위 카테고리 (3차 카테고리)는 ▶ 하위 카테고리로 이동이 불가합니다. ▲▼ 위, 아래 이동은 해당 차 카테고리들 사이에서만 이동이 가능합니다. ③ 삭제 – 카테고리 선택 후 클릭 시 해당 카테고리를 삭제할 수 있습니다. ※ 카테고리를 삭제하면 해당 카테고리에 속한 하위 카테고리와 상품도 같이 삭제됩니다. ④ 수정 - 카테고리명을 수정할 수 있습니다. 수정할 카테고리 선택 후 카테고리명을 변경하고 [수정] 버튼을 클릭합니다. ⑤ 해당 카테고리에 상품등록하기 – 카테고리 선택 후 [해당 카테고리에 상품등록하기] 클릭 시 해당 카테고리가 선택되어 상품등록 페이지로 이동합니다.

1 2 3

5

4 해당 카테고리를 상위 카테고리로 이동

해당 카테고리를 하위 카테고리로 이동

해당 카테고리를 위로 이동

해당 카테고리를 아래로 이동

5. 메뉴 관리_상품안내


5-2-2. 상품등록

1) 상품등록을 할 수 있습니다.

① 상품등록방법 –상품 개별등록/상품 대량 등록/상품 대행 등록/데이터 연동 서비스 4가지 방법이 있습니다. 상품 개별 등록 – 1개의 상품을 개별적으로 등록/수정 할 수 있습니다. 상품 대량 등록 – [상품 대량 등록폼] 엑셀폼을 이용해 대량으로 등록할 수 있습니다.

[상품 대량 등록 매뉴얼]을 참고해서 등록하시기 바랍니다. 상품 대행 등록 – 상품 등록이 어려운 경우에는 [제작도우미] > [상품 대행 등록]을 유

료로 신청하면 대행 등록이 가능합니다. 데이터 연동 서비스 - 홈페이지에 있는 상품, 매장, 공지사항, 이벤트와 같은 데이터를

모바일 홈페이지에 연동 시켜드리는 서비스 입니다. 한번의 xml 연동 프로그램 등록으로 등록/수정/삭제가 자동으로 처리됩니다. [제작도우미] > [데이터 연동 서비스]를 유료로 신청하면 진행이 가능합니다.

② * 상품분류코드 – 이 상품이 해당하는 카테고리를 선택합니다. ※ 상품분류코드란, 대한상공회의소에서 제공하는 쇼케이스 앱에서 업체들의 상품을 앱 사용자가 전체 검색할 수 있게 해주는 분류코드로, 업체에서 등록한 상품들과 모바일 홈페이지를 더욱 많이 노출 시키기 위한 분류 방식이오니 상품등록 시 필수로 선택하여 주시기 바랍니다. ③ 바코드 번호 – 이 상품의 바코드가 있다면 바코드 번호를 입력합니다. ※ 바코드번호는 모바일에서 상품의 바코드를 인식했을 때 해당 상품 상세페이지가 나올 수 있도록 연결 시켜주는 번호로 상품 정보 제공을 위하여 등록하시는 것이 좋습니다. ④ * 카테고리 – [카테고리] 탭에서 설정하신 카테고리를 선택합니다. 카테고리는 고객님께서 직접 생성하는 부분으로 page 11에서 카테고리 생성법을 참고하시기 바랍니다. ⑤ 추천상품 – 선택 시 이 상품이 전체 상품 리스트의 상위에 배치됩니다. (10개까지 가능) 추천상품끼리의 순서는 [상품리스트] 탭에서 정할 수 있습니다. ⑥ * 대표이미지 – [이미지올리기] 버튼을 클릭하여 대표이미지를 올립니다. - 상품 상세페이지에서 제일 먼저 나오는 이미지 입니다. - 대표이미지는 모바일상의 상품리스트에서 섬네일 이미지로 사용됩니다.

⑦ 서브이미지 – [이미지올리기] 버튼을 클릭하여 서브이미지를 올립니다. - 서브이미지는 대표이미지 외에 서브로 올릴 이미지들을 올려주시면 됩니다.

1

2

3

4

5

6

7

0881324588



5-2-2. 상품등록


① * 상품명 – 상품의 이름을 입력합니다. ② 입력정보 – [관리] 버튼을 클릭해 이 상품에 대한 입력정보를 입력합니다. 관리 – 입력정보에 대한 관리가 가능합니다. (등록/수정/삭제 가능) 클릭 시 <그림1> 입력정보 관리 창이 뜹니다. 여기에서 입력정보를 등록합니다. ③ 등록 – 입력항목 명을 입력하고 엔터 또는 등록을 클릭합니다. ex> 가격/제조사/소재/색상/사이즈등등 ④ 선택 체크 시 관리자 상품리스트에 노출됩니다. (2개 체크가능) ⑤ 삭제 – 해당 입력항목 명을 삭제합니다. ⑥ 선택수정 – 선택 체크 부분을 저장합니다. ⑦ [관리]에서 등록한 입력항목을 선택합니다. ⑧ 해당 입력항목에 대한 값을 입력합니다. ⑨ 상품리스트에 노출 – 선택 체크 시 모바일 상 상품리스트에 상품명 하단에 노출됩니다. <그림2>를 참조하시기 바랍니다.

1

9

<그림1> 입력정보 관리

3

4 5

6

<그림2> 상품 리스트 모바일 화면

가격 : 33,000원

7 8

2



5-2-2. 상품등록


① 상세정보 - 이 상품에 대한 상세한 설명을 입력합니다. ② 상세이미지 - [이미지올리기] 버튼을 클릭하여 이미지를 올립니다. 대표이미지/서브이미지 외에 상세 이미지들을 올려주세요. 최대 10개까지 가능하며 shift키 및 드래그로 다중 선택이 가능합니다. ③ 링크 - 이 상품에 대해 연결할 링크의 타이틀과 주소(url)을 입력합니다. 예> 구매하기 / 이 상품에 실제 판매 사이트 주소(url) ④ 동영상 링크 - 동영상 링크 - 동영상 링크는 유튜브 주소를 입력합니다. ( 버튼으로 추가 가능) ex> http://youtu.be/(생략) ⑤ 문의하기 – 이 상품에 대한 문의를 받을 문의관리자의 연락처들을 설정합니다. SMS 설정 - 이 상품에 대한 문의를 받을 핸드폰번호를 입력합니다. 문자메시지로 연결됩니다. 예> 010-0000-0000 SNS 설정 - 이 상품에 대한 문의를 받을 SNS (트위터,미투데이,페이스북)주소를 입력합니다. 해당 SNS로 연결됩니다. 예> http://twitter.com/mshowcase 메일 설정 - 이 상품에 대한 문의를 받을 이메일 주소를 입력합니다. 메일보내기로 연결됩니다. 예> [email protected] 전화 설정 - 이 상품에 대한 문의를 받을 연락처를 입력합니다. 전화로 연결됩니다. 예> 02-000-0000 ⑥ 적용하기 - [적용하기] 버튼을 클릭합니다

1

2

3

4

5

6



5-2-2. 상품등록

2) 상품등록방법 - 상품 대량 등록

① 상품 대량 등록 - 상품 대량등록은 등록폼을 다운로드 받아 작성 후 등록할 파일에 올리고 각 대표이미지 및 상세 이미지등을 FTP에 올려 등록하는 방법으로 대량 등록폼의 내용이 잘못됐거나, 이미지 파일 명이 맞지 않을 때에는 상품 등록이 제대로 이루지지 않을 수 있습니다. 상품 대량 등록 메뉴얼을 참고하여 등록해주시기 바랍니다. ② [상품 대량 등록 매뉴얼] 버튼을 클릭하여 매뉴얼을 엽니다. ③ 대량등록폼 - [상품 대량 등록폼 다운로드]를 클릭하여 등록폼 엑셀파일을 다운받습니다. [상품 대량 등록 메뉴얼] 을 참조하여 등록폼을 작성합니다. 등록폼을 모두 작성하고 대표이미지 및 상세 이미지등을 FTP에 올립니다. ④ 등록한 파일 - [찾아보기]를 클릭 하여 작성하신 [상품 대량 등록폼] 엑셀파일을 올립니다. ⑤ 적용하기 - [적용하기] 버튼을 클릭하여 적용시킵니다.


1

2

3

4

5


5-2-2. 상품등록

3) 상품등록방법 - 상품 대행 등록

① 상품 대행 등록 - 모바일 홈페이지에 등록하실 상품이 많아서 어려우신가요? 상품 등록을 도와드립니다. • 간단 정보 및 이미지 제공 필수 ② [신청하기] 버튼을 클릭하여 [제작도우미] 페이지로 이동합니다. ③ 상품 대행 등록하실 상품의 개수를 입력합니다. (상품 개당 500원) ④ 결제방법을 선택합니다. ⑤ [결제하기] 를 클릭하여 결제를 완료하면 제작도우미 신청이 완료되어 관리자로부터의 연락을 통해 진행하시면 됩니다.


1

2

3

4

5


5-2-2. 상품등록

4) 상품등록방법 - 데이터 연동 서비스

① 데이터 연동 서비스 - 데이터 연동 서비스란 사용자가 DB를 가지고 있는 경우 쇼케이스에 맞춘 XML 연동 프로그램 작성하여 해당 XML 연동 프로그램 주소 (URL)을 올려주면 쇼케이스 DB에 연결되어 자동으로 등록되는 서비스 입니다. ※ 상품안내/이벤트/공지사항/매장안내 메뉴에서 사용가능 ▶ 데이터 연동 서비스 이용순서 ◀ 01. 데이터 연동 서비스 신청하기 (신청전에는 XML 주소 저장이 불가합니다.) 02. XML 양식에 맞춰 XML 연동 프로그램 작성 03. 작성하신 XML 연동 프로그램의 주소(URL)를 아래에 입력 후 저장 문의전화 : 02-3429-1940 ② [신청하기] 버튼을 클릭하여 [제작도우미] 페이지로 이동하여 세팅비 55,000원을 결제합니다. (신청전에는 XML 주소 저장이 불가합니다) ③ [XML 양식 보기] 버튼을 클릭하여 XML 양식을 엽니다. XML 양식에 맞춰 XML 연동 프로그램 작성합니다. ④ 상품분류코드 - XML 양식의 상품분류코드 대/중/소분류는 [상품분류코드]를 참고하여 작성합니다. ⑤ 상품 XML 주소(URL) - 작성하신 XML 연동 프로그램의 주소 (URL)을 입력하고 [저장]버튼을 눌러 저장합니다.


1

3 4

5

2


5-2-3. 상품리스트

1) 등록하신 상품의 리스트를 확인하실 수 있으며, 상품명을 클릭하시면, 등록 내용을 수정 할 수 있습니다.

① 카테고리 검색 - 카테고리 선택 후 [검색] 버튼 클릭 시 해당 카테고리의 상품들이 검색됩니다. ② 삭제 - 리스트에서 삭제하실 상품에 체크 후 [삭제] 버튼을 클릭합니다. ③ 검색 - 상품명 검색 시 해당 상품이 검색됩니다. ④ 하단 리스트의 상품 전체 선택 ⑤ QR코드 - [QR코드] 버튼 클릭 시 <그림1>과 같이 창이 뜹니다. 해당 상품의 모바일페이지 QR코드를 웹용/인쇄용으로 다운로드가 가능합니다. ⑥ 상품명 클릭 시 [상품등록] 탭으로 이동하여 해당 상품의 내용을 수정 할 수 있습니다. ⑦ [상품등록] 탭의 입력정보 관리에서 등록한 입력정보 중 체크한 2가지 입력정보입니다. 등록한 입력정보를 셀렉트에서 변경하면 해당 입력정보 값으로 리스팅됩니다. ⑧ 이동 - 해당 상품을 이동합니다. 이동 시 모바일상에서도 상품 리스트가 변경됩니다. ⑨ 추천상품 보기 - [추천상품 보기] 클릭 시 [상품등록] 탭의 추천상품에 체크한 상품의 리스트가 뜹니다. ⑩ 리스트 개수 - 10/20/30/50개로 상품 리스트의 개수를 설정할 수 있습니다. 리스트 개수와 이동을 이용하여 모바일상 상품 리스팅 순서를 조정하실 수 있습니다.

1

2 3

4 7

<그림1> QR코드

현재 리스트의 최상위로 이동

한 칸 위로 이동

한 칸 아래로 이동

현재 리스트의 최하위로 이동

5 6 8

9 10



5-2-4. 상품안내 모바일 화면

1) 작성한 상품안내 메뉴를 적용했을때의 모바일 화면입니다.

2) [카테고리] 모바일 화면입니다.

1차 카테고리 리스트 2차 카테고리 리스트 3차 카테고리 리스트



5-2-4. 상품안내 모바일 화면

1) 작성한 상품안내 메뉴를 적용했을때의 모바일 화면입니다.

상품명

대표이미지

입력정보

상세정보

상세이미지

동영상 링크

링크 타이틀

연결 링크url

문의

상품 리스트

상품 상세 페이지



① 등록방법 - 이벤트 개별 등록/데이터 연동 서비스 2가지 방법으로 올리실 수 있습니다. 이벤트 개별 등록 - 1개의 이벤트를 개별적으로 등록/수정 할 수 있습니다 데이터 연동 서비스 - 홈페이지에 있는 상품, 매장, 공지사항, 이벤트와 같은 데이터를


② * 이벤트/쿠폰 명 - 글 타이틀(제목)을 입력합니다. ex> 오픈 이벤트 20%할인! ③ 리스트 내용 - 모바일상 리스트에서 이벤트/쿠폰 명 하단에 노출될 내용을 입력합니다. 이벤트 내용의 간략적/핵심적인 내용을 입력해주세요. ex> 최저가 9,900원/2012.04.30까지 ④ 기간 설정 - 이벤트가 노출되는 기간을 설정할 수 있습니다. 기간 설정을 하게 되면 그 기간동안에만 노출이 되며 설정된 기간이 지나면 모바일상의 현재 이벤트 리스트에서 없어지고 지난 이벤트 리스트로 자동 이동합니다. ⑤ * 이미지 - [이미지올리기] 버튼을 클릭하여 해당 이미지를 올립니다. 모바일상의 리스트에서 섬네일 이미지로 사용됩니다. ⑥ 내용 - 해당 내용을 입력합니다. ⑦ 링크 - 이 이벤트에 대해 연결할 링크의 타이틀과 주소(url)을 입력합니다. 예> 상세내용보기 / 이 이벤트에 대해 더 나와있는 웹페이지 주소(url) ⑧ 적용하기 - [적용하기] 버튼을 클릭합니다.

5-3. 이벤트/쿠폰

1) 이벤트/쿠폰은 기간설정/이미지/내용(텍스트)/링크로 구성된 게시판형 메뉴 유형으로 이벤트, 쿠폰, 스케쥴등에 알맞은 유형입니다.

5-3-1. 이벤트설정

1) 이벤트를 생성/관리 할 수 있습니다.

5. 메뉴 관리_이벤트/쿠폰

2

3

4

5

6

7

8

1


5-3-1. 이벤트설정

2) 이벤트 등록방법 - 데이터 연동 서비스


① 데이터 연동 서비스 - 데이터 연동 서비스란 사용자가 DB를 가지고 있는 경우 쇼케이스에 맞춘 XML 연동 프로그램 작성하여 해당 XML 연동 프로그램 주소 (URL)을 올려주면 쇼케이스 DB에 연결되어 자동으로 등록되는 서비스 입니다. ※ 상품안내/이벤트/공지사항/매장안내 메뉴에서 사용가능 ▶ 데이터 연동 서비스 이용순서 ◀ 01. 데이터 연동 서비스 신청하기 (신청전에는 XML 주소 저장이 불가합니다.) 02. XML 양식에 맞춰 XML 연동 프로그램 작성 03. 작성하신 XML 연동 프로그램의 주소(URL)를 아래에 입력 후 저장 문의전화 : 02-3429-1940 ② [신청하기] 버튼을 클릭하여 [제작도우미] 페이지로 이동하여 세팅비 55,000원을 결제합니다. (신청전에는 XML 주소 저장이 불가합니다) ③ [XML 양식 보기] 버튼을 클릭하여 XML 양식을 엽니다. XML 양식에 맞춰 XML 연동 프로그램 작성합니다. ④ XML 주소(URL) - 작성하신 XML 연동 프로그램의 주소 (URL)을 입력하고 [저장]버튼을 눌러 저장합니다.

1

3

4

2


5-3-2. 이벤트리스트

1) 등록하신 이벤트의 리스트를 확인하실 수 있으며, 이벤트/쿠폰명을 클릭하시면, 등록 내용을 수정할 수 있습니다.

1 2

3

4

5

① 삭제 - 리스트에서 삭제하실 이벤트/쿠폰에 체크 후 [삭제] 버튼을 클릭합니다. ② 검색 - 이벤트/쿠폰명 검색 시 해당 이벤트/쿠폰이 검색됩니다. ③ 기간종료일 - 해당 이벤트/쿠폰의 기간 설정 종료일입니다. ④ 이벤트/쿠폰명 클릭 시 [이벤트설정] 탭으로 이동하여 해당 이벤트/쿠폰의 내용을 수정 할 수 있습니다. ⑤ 진행 - 해당 이벤트/쿠폰의 진행사항을 알 수 있습니다. 마감 - 마감된 이벤트/쿠폰은 모바일 상 [지난 이벤트 보기]로 자동 이동됩니다. 진행 - 진행중인 이벤트/쿠폰은 모바일 상 [현재 이벤트 보기]에 리스팅됩니다.



5-3-3. 이벤트 모바일 화면

1) 작성한 이벤트/쿠폰 메뉴를 적용했을때의 모바일 화면입니다.

이벤트/쿠폰 리스트 이벤트/쿠폰 상세 페이지

이벤트/쿠폰 명

리스트 내용

이미지

내용

링크



5-4. 구매안내

1) 구매안내는 구매안내/문의/실제 구매 사이트연결로 구성된 메뉴 유형으로 구매, 문의, 사이트연결 등에 알맞은 유형입니다.

5. 메뉴 관리_구매안내

1

2

3

① 구매 타이틀 - 현재 페이지의 제목(타이틀)을 입력합니다. 전화 – 항목명과 전화번호를 입력합니다. 모바일상에서 클릭 시 전화번호로 연결됩니다. ex> 전화연결 / 02-000-0000 메일 – 항목명과 메일 주소를 입력합니다. 모바일상에서 클릭 시 메일로 연결됩니다. ex> 메일보내기 / [email protected] URL – 항목명과 url을 입력합니다. 모바일상에서 클릭 시 주소(url)로 연결됩니다. ex> 홈페이지가기 / http://www.mshowcase.or.kr 링크 – 더 추가하고 싶은 링크 주소를 입력합니다. 모바일상에서 클릭 시 링크 주소(url)로 연결됩니다. ex> 블로그 / 블로그주소(url) ② 구입안내 - 구입에 대한 안내를 입력합니다. ③ 이미지 - [이미지올리기] 버튼을 클릭하여 이미지를올립니다. 이미지 권장 사양 : 가로480px에 맞춰 최적화. 96dpi 이상


5-4. 구매안내

1) 구매안내는 구매안내/문의/실제 구매 가능한 사이트 연결로 구성된 메뉴 유형으로 구매, 문의, 사이트연결 등에 알맞은 유형입니다.


1

2

6

3 4 5

7

① 구매처 링크 - 구매처 링크를 사용하시려면 사용에 체크해주시기 바랍니다. 실제 구매가능한 사이트들로 연결합니다. ② 구매처 타이틀 - 구매처 링크의 제목(타이틀)을 입력합니다. ③ 구매처 선택 - 현존하는 15개의 쇼핑몰중에서 선택합니다. 쇼핑몰 선택 시 해당 로고 자동 제공 ④ 구매처명, 설명 및 링크 주소를 입력합니다. - 구매처명 - 구매처에 대한 설명 및 혜택 입력 - 실제 판매하고있는 사이트 주소를 입력. 모바일상에서 클릭 시 해당 주소(url)로 연결됩

니다. ⑤ 구매처 추가와 삭제가 가능합니다. ⑥ 구매처가 없다면 직접올릴 수 있습니다. [직접올리기] 버튼을 클릭하여 해당 구매처의 로고를 올려주세요. ⑦ 적용하기 - [적용하기] 버튼을 클릭합니다.


5-4-1. 구매안내 모바일 화면

1) 작성한 구매안내 메뉴를 적용했을때의 모바일 화면입니다.


구매 타이틀

전화

메일

URL

구입안내

이미지

구매처 타이틀

로고 구매처명

설명 및 혜택


5-5. 공지사항

1) 공지사항은 제목/이미지/내용으로 구성된 게시판형식의 메뉴 유형으로 공지사항, 게시판등에 알맞은 유형입니다.

5-5-1. 공지올리기

1) 공지를 올릴 수 있습니다.

5. 메뉴 관리_공지사항

① 등록방법 - 일반 등록/데이터 연동 서비스 2가지 방법으로 올리실 수 있습니다. 일반 등록 - 1개의 공지사항을 개별적으로 등록/수정 할 수 있습니다 데이터 연동 서비스 - 홈페이지에 있는 상품, 매장, 공지사항, 이벤트와 같은 데이터를


② * 공지제목 - 공지제목을 입력합니다. ③ 이미지 - [이미지올리기] 버튼을 클릭하여 이미지를 올립니다.

④ * 내용 - 해당 공지 내용을 입력합니다. ⑤ 적용하기 - [적용하기] 버튼을 클릭합니다.

2

3

5

4

1


5-5-1. 공지올리기

2) 등록방법 - 데이터 연동 서비스


① 데이터 연동 서비스 - 데이터 연동 서비스란 사용자가 DB를 가지고 있는 경우 쇼케이스에 맞춘 XML 연동 프로그램 작성하여 해당 XML 연동 프로그램 주소 (URL)을 올려주면 쇼케이스 DB에 연결되어 자동으로 등록되는 서비스 입니다. ※ 상품안내/이벤트/공지사항/매장안내 메뉴에서 사용가능 ▶ 데이터 연동 서비스 이용순서 ◀ 01. 데이터 연동 서비스 신청하기 (신청전에는 XML 주소 저장이 불가합니다.) 02. XML 양식에 맞춰 XML 연동 프로그램 작성 03. 작성하신 XML 연동 프로그램의 주소(URL)를 아래에 입력 후 저장 문의전화 : 02-3429-1940 ② [신청하기] 버튼을 클릭하여 [제작도우미] 페이지로 이동하여 세팅비 55,000원을 결제합니다. (신청전에는 XML 주소 저장이 불가합니다) ③ [XML 양식 보기] 버튼을 클릭하여 XML 양식을 엽니다. XML 양식에 맞춰 XML 연동 프로그램 작성합니다. ④ XML 주소(URL) - 작성하신 XML 연동 프로그램의 주소 (URL)을 입력하고 [저장]버튼을 눌러 저장합니다.

1

3

4

2



1 2

3

① 삭제 - 리스트에서 삭제하실 공지사항에 체크 후 [삭제] 버튼을 클릭합니다. ② 검색 - 공지제목 검색 시 해당 공지가 검색됩니다. ③ 공지제목 클릭 시 [공지올리기] 탭으로 이동하여 해당 공지의 내용을 수정 할 수 있습니다.

5-5-2. 공지리스트

1) 등록하신 공지의 리스트를 확인하실 수 있으며, 공지 제목을 클릭하시면, 등록 내용을 수정할 수 있습니다.



5-5-3. 공지사항 모바일 화면

1) 작성한 공지사항 메뉴를 적용했을때의 모바일 화면입니다.

제목

이미지

공지내용


5. 메뉴 관리_문의

5-6. 문의

1) 문의는 SMS/SNS/메일/전화 연결로 구성된 메뉴 유형으로 문의, 소셜네트워크 연결, 문자, 메일, 전화 연결 등에 알맞은 유형입니다.

① 문의하기 – 기업에 대한 문의를 받을 문의관리자의 연락처들을 설정합니다. SMS 설정 - 기업에 대한 문의를 받을 핸드폰번호를 입력합니다. 문자메시지로 연결됩니다. 예> 010-0000-0000 SNS 설정 - 기업에 대한 문의를 받을 SNS (트위터,미투데이,페이스북)주소를 입력합니다. 해당 SNS로 연결됩니다. 예> http://twitter.com/mshowcase 메일 설정 - 기업에 대한 문의를 받을 이메일 주소를 입력합니다. 메일보내기로 연결됩니다. 예> [email protected] 전화 설정 - 기업에 대한 문의를 받을 연락처를 입력합니다. 전화로 연결됩니다. 예> 02-000-0000 ② 적용하기 - [적용하기] 버튼을 클릭합니다

1

1


5. 메뉴 관리_문의

5-6-1. 문의 모바일 화면

1) 작성한 문의 메뉴를 적용했을때의 모바일 화면입니다.

전화 설정

메일 설정

SMS 설정

SNS 설정


5. 메뉴 관리_매장검색

5-7. 매장검색

1) 매장검색은 지역선택/제목/이미지/내용(텍스트)/연결로 구성된 메뉴 유형으로 매장괸리, 대리점관리, 지역별 업체관리 등에 알맞은 유형입니다.

5-7-1. 매장등록

1) 매장을 등록/관리 할 수 있습니다

① 매장등록방법 – 매장 일반등록/ 매장 대량등록/데이터 연동 서비스 3가지 방법이 있습니다. 매장 일반등록 – 1개의 매장을 개별적으로 등록/수정 할 수 있습니다. 매장 대량등록 – [매장 대량 등록폼] 엑셀폼을 이용해 대량으로 등록할 수 있습니다.

[매장 대량 등록 매뉴얼]을 참고해서 등록하시기 바랍니다. 데이터 연동 서비스 - 홈페이지에 있는 상품, 매장, 공지사항, 이벤트와 같은 데이터를


② * 지역선택 – 해당 매장의 지역 시/도와 구를 선택합니다. ③ * 매장명 – 매장 이름을 입력합니다. ④ 매장이미지 – [이미지올리기] 버튼을 클릭하여 해당 매장의 이미지를 올립니다. 이미지 권장 사양 : 가로480px에 맞춰 최적화. 96dpi 이상 ⑤ 매장소개 – 해당 매장에 대한 소개글을 입력합니다.

1

2

3

4

5



5-7-1. 매장등록

1) 매장을 등록/관리 할 수 있습니다.

1

2

3

4

5

① 사용/미사용 – Contact us/ SNS / 지도등 사용할 항목들은 사용에 체크해 사용합니다. ② Contact us 전화 – 항목명과 전화번호를 입력합니다. 모바일상에서 클릭 시 전화번호로 연결됩니다. ex> 전화연결 / 02-000-0000 메일 – 항목명과 메일 주소를 입력합니다. 모바일상에서 클릭 시 메일로 연결됩니다. ex> 메일보내기 / [email protected] URL – 항목명과 url을 입력합니다. 모바일상에서 클릭 시 주소(url)로 연결됩니다. ex> 홈페이지가기 / http://www.mshowcase.or.kr 링크 – 더 추가하고 싶은 링크 주소를 입력합니다. 모바일상에서 클릭 시 링크 주소(url)로 연결됩니다. ex> 블로그 / 블로그주소(url) ③ SNS (소셜네트워크 연결) 트위터 – 연결할 트위터 주소를 입력합니다. 모바일 상에서 트위터로 연결됩니다. 페이스북 – 연결할 페이스북 주소를 입력합니다. 모바일 상에서 페이스북으로 연결됩니다. 미투데이 – 연결할 미투데이 주소를 입력합니다. 모바일 상에서 미투데이로 연결됩니다. 연결하실 SNS주소를 확인하시어 뒤에 url부분만 입력해주시기 바랍니다. ④ 주소 – 주소를 입력합니다. ※ 반드시 [검색] 버튼을 클릭하셔야 지도가 나타납니다. ⑤ 적용하기 – [적용하기] 버튼을 클릭합니다.



5-7-1. 매장등록

2) 매장등록방법 - 매장 대량 등록

① 매장 대량 등록 - 매장 대량등록은 등록폼을 다운로드 받아 작성 후 등록할 파일에 올리고 매장이미지를 FTP에 올려 등록하는 방법으로 대량 등록폼의 내용이 잘못됐거나, 이미지 파일 명이 맞지 않을 때에는 매장 등록이 제대로 이루지지 않을 수 있습니다. 매장 대량 등록 메뉴얼을 참고하여 등록해주시기 바랍니다. ② [매장 대량 등록 매뉴얼] 버튼을 클릭하여 매뉴얼을 엽니다. ③ 대량등록폼 - [매장 대량 등록폼 다운로드]를 클릭하여 등록폼 엑셀파일을 다운받습니다. [매장 대량 등록 메뉴얼] 을 참조하여 등록폼을 작성합니다. 등록폼을 모두 작성하고 매장이미지 및 상세 이미지등을 FTP에 올립니다. ④ 등록한 파일 - [찾아보기]를 클릭 하여 작성하신 [매장 대량 등록폼] 엑셀파일을 올립니다. ⑤ 적용하기 - [적용하기] 버튼을 클릭하여 적용시킵니다.

1

2

3

4

5



5-7-1. 매장등록

3) 매장등록방법 - 데이터 연동 서비스

1 ① 데이터 연동 서비스 - 데이터 연동 서비스란 사용자가 DB를 가지고 있는 경우 쇼케이스에 맞춘 XML 연동 프로그램 작성하여 해당 XML 연동 프로그램 주소 (URL)을 올려주면 쇼케이스 DB에 연결되어 자동으로 등록되는 서비스 입니다. ※ 상품안내/이벤트/공지사항/매장안내 메뉴에서 사용가능 ▶ 데이터 연동 서비스 이용순서 ◀ 01. 데이터 연동 서비스 신청하기 (신청전에는 XML 주소 저장이 불가합니다.) 02. XML 양식에 맞춰 XML 연동 프로그램 작성 03. 작성하신 XML 연동 프로그램의 주소(URL)를 아래에 입력 후 저장 문의전화 : 02-3429-1940 ② [신청하기] 버튼을 클릭하여 [제작도우미] 페이지로 이동하여 세팅비 55,000원을 결제합니다. (신청전에는 XML 주소 저장이 불가합니다) ③ [XML 양식 보기] 버튼을 클릭하여 XML 양식을 엽니다. XML 양식에 맞춰 XML 연동 프로그램 작성합니다. ④ XML 주소(URL) - 작성하신 XML 연동 프로그램의 주소 (URL)을 입력하고 [저장]버튼을 눌러 저장합니다.

2

3

4



5-7-2. 매장리스트

1) 등록하신 매장의 리스트를 확인하실 수 있으며, 매장명을 클릭하시면, 등록 내용을 수정할 수 있습니다.

1

2

3 4

① 지역선택 - 시/도와 구를 선택 후 검색 시 해당 지역의 매장이 검색됩니다. 또한 매장명 검색 시 해당 매장이 검색됩니다. ② 삭제 - 리스트에서 삭제하실 매장에 체크 후 [삭제] 버튼을 클릭합니다. ③ 매장명 클릭 시 [매장등록] 탭으로 이동하여 해당 매장의 내용을 수정 할 수 있습니다. ④ 매장등록에서 등록하신 전화번호가 모바일 상에서 매장명 하단에 함께 노출됩니다. <그림1> 참조

<그림1>



5-7-3. 매장검색 모바일 화면

1) 작성한 매장검색 메뉴를 적용했을때의 모바일 화면입니다.

매장명

매장이미지

매장소개

항목명

항목값 전화

메일

URL

링크

페이스북 트위터 미투데이

지도

매장명

전화번호


5. 메뉴 관리_FAMILY 사이트

5-8. FAMILY 사이트

1) FAMILY 사이트는 사이트명/사이트설명/URL연결로 구성된 메뉴 유형으로 여러 사이트관리, 계열사 관리등에 알맞은 유형입니다.

2) 연결시킬 사이트를 추가/삭제 할 수 있습니다.

1

2

3

4

4

① 사이트명을 입력하세요. ② 사이트 설명 및 안내 내용을 입력하세요. ③ 연결할 링크 주소(URL)를 입력하세요. 모바일상에서 클릭 시 해당 주소(url)로 연결 됩니다. ④ 연결할 사이트를 추가/삭제할 수 있습니다. ⑤ 적용하기 – [적용하기] 버튼을 클릭합니다.


5-8-1. FAMILY 사이트 모바일 화면

1) 작성한 FAMILY 사이트 메뉴를 적용했을때의 모바일 화면입니다.

5. 메뉴 관리_FAMILY 사이트

Documents

SHOWCASE MOBILE 쇼케이스 모바일 홈페이지 가이드mshowcase.or.kr/_doc/mobile_home_guide.pdf · ① 예시 – 현재 페이지 제작 시 모바일 홈페이지 화면을