55
모바일플러스 제작 매뉴얼 MOBILEPLUS PRODUCTION MANUAL 서울시 강남구 역삼동 706-13번지 윤익빌딩 10F ()블루웹 대표자 : 장봉근 문의전화 : 1588-2120 FAX : 02-567-3400 E-mail : [email protected] 홈페이지 : http://mp.blueweb.co.kr CopyrightBlueweb All rights Reserved. Ver. 1.0

모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

모바일플러스 제작 매뉴얼 MOBILEPLUS PRODUCTION MANUAL

서울시 강남구 역삼동 706-13번지 윤익빌딩 10F (주)블루웹 대표자 : 장봉근 문의전화 : 1588-2120 FAX : 02-567-3400 E-mail : [email protected] 홈페이지 : http://mp.blueweb.co.kr

Copyrightⓒ Blueweb All rights Reserved.

Ver. 1.0

Page 2: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 2

목 차

1. 모바일플러스 신청

2. 마이페이지

3. 모바일플러스 관리

1) 메뉴설정

2) 회사소개

3) 상품안내

4) 이벤트

5) 구매안내

6) 공지사항

7) 문의

8) 매장검색

9) FAMILY 사이트

10) 갤러리

11) 프로필

03.

10.

13.

14.

19.

22.

29.

32.

38.

40.

44.

46.

49.

35.

Page 3: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 3 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

1. 모바일플러스 신청

1. 신청하기

1) 상단 메뉴 [신청하기]를 클릭합니다.

2) 해당 페이지에서 원하는 유형의 [신청하기] 버튼을 클릭합니다.

※ 신청 서비스는 모바일 홈페이지에 등록하실 상품수에 따라 선택하시면 됩니다.

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

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

Page 4: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 4 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

3) 블루웹 로그인을 해주세요.

※ 블루웹 회원이 아니신 경우 [회원가입] 후에 모바일플러스를 신청하실 수 있습니다.

4) 서비스내역 부분을 입력해주세요.

① 모바일 홈페이지의 주소를 입력해주세요. (주소는 모바일 홈페이지의 인터넷 주소 URL이 됩니다.)

② 신청서비스를 선택해주세요. 상품수/트래픽/용량을 고려하여 선택해주세요.

③ 요금 납부방식을 선택해주세요.

- 자동이체 : 매월 5% 할인 되며 카드자동이체, 통장자동이체 두가지중 연결하여 자동으로 이체됩니다.

- 1년,2년,3년 선납결제 : 1,2,3년분의 요금을 먼저 납부합니다.

- 매월 결제 : 남은 당월 요금 + 다음달 요금을 납부합니다.

2

3

1

1. 모바일플러스 신청

Page 5: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 5 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

5) 추가사항 신청의 [추가신청 v ] 버튼을 클릭하여 추가할 사항을 선택합니다.

① 전체 제작 대행 (상품 대행 등록 별도) : 기본형 모바일 홈페이지 제작을 처음부터 끝까지 도와드립니다. (정보 및 이미지 제공, 상품 별도)

② 메뉴 추가 : 기본 제공되는 메뉴유형 5개에서 더 메뉴를 추가하고자 할때 신청합니다. (제공되는 11개의 메뉴유형중에서 선택)

③ 이미지 제작 : 모바일홈페이지 안에 들어가는 이미지를 디자이너가 직접 제작해드립니다. (회사소개, 메인이미지등)

④ 상품 대행 등록 : 모바일홈페이지에 등록할 상품이 많은경우 대행 등록해 드립니다. (정보 및 이미지 제공)

⑤ 로고 제작 : 기업 브랜드를 알릴 기업의 로고를 제작해 드립니다

⑥ 유지 보수비 : 모바일 홈페이지의 이미지 제작 및 페이지 수정, 상품 등록 수정 등 전반적인 내용의 유지보수를 해드립니다.

⑦ 데이터 연동 서비스 : 홈페이지에 있는 상품, 매장, 공지사항, 이벤트와 같은 데이터를 모바일 홈페이지에 연동 시켜드리는 서비스 입니다

⑧ 도메인 연동 서비스 : 소유하고 계신 도메인주소(URL)를 모바일플러스에 추가로 연결 하실 수 있는 서비스 입니다. (2차 도메인 연결 추천 ex>m.blueweb.co.kr)

1

2

3

4

5

6

7

8

1. 모바일플러스 신청

Page 6: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 6 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

6) 관리자 정보를 입력해주세요.

※ FTP 정보 : FTP ID/ PW 는 상품 대량 데이터 등록 또는 이미지 등록을 위해 FTP에 접속할 때 필요한 정보입니다.

7) 다음단계로 버튼을 클릭해주세요.

1. 모바일플러스 신청

Page 7: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 7 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

2. 결제하기

1) 모든 신청내역을 확인하고 호스팅 약관에 체크후 결제방법을 선택하시고 [결제하기] 버튼을 클릭해주세요.

1. 모바일플러스 신청

Page 8: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 8 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

3. 신청완료

1) 카드/실시간계좌이체/자동이체등의 결제가 완료된 경우 완료페이지에서 [바로만들기] 를 클릭 합니다.

2) [모바일플러스 관리] > [만들기 시작] 버튼을 클릭하여 모바일플러스 관리에서 모바일홈페이지 만들기를 시작합니다.

1. 모바일플러스 신청

Page 9: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 9 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

3) 무통장으로 결제한 경우 [신청내역 보기] 버튼을 클릭합니다.

4) [모바일플러스 신청내역] > [입금대기 ▼] 을 클릭하여 가상계좌번호를 확인후 입금합니다. (입금이 확인되어야 모바일홈페이지가 세팅됩니다.)

5) 입금이 확인되면 [모바일플러스 관리]에 [만들기 시작] 버튼을 클릭하여 모바일홈페이지 만들기를 시작합니다.

1. 모바일플러스 신청

Page 10: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 10 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

1. 마이페이지

1) 상단 메뉴 [마이페이지] 에서 모바일플러스 신청내역 , 모바일플러스 관리, 회원정보 관리 및 결제에 필요한 모든 페이지를 확인할 수 있습니다.

2) 마이페이지 하단에서 바로 결제를 할 수 있고 요금정보도 확인할 수 있습니다.

① 무통장안내 : 가상계좌번호를 안내해 드립니다. 무통장으로 모바일플러스를 신청하셨을 경우 여기서 확인하여 입금해주시면 됩니다.

② 실시간계좌이체 : 실시간계좌이체를 하실 수 있습니다.

③ 신용카드결제 : 신용카드결제를 하실 수 있습니다.

④ 청구서조회 : 납부하실 요금내역을 조회하실 수 있습니다.

⑤ 세금계산서 : 세금계산서/현금영수증/카드영수증등 증빙서류를 발급하실 수 있습니다.

⑥ 납부방법변경 : 요금 납부방법을 변경하거나 납부정보를 변경하실 수 있습니다.

1 2 3

4 5 6

2. 마이페이지

Page 11: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 11 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

2

2. 모바일플러스 신청내역

1) [마이페이지] > [모바일플러스 신청내역] 에서 신청하신 내역과 결제금액, 결제 진행상황, 무통장 계좌번호 , 영수증 등을 이용하실 수 있습니다.

① 무통장 신청시 입금대기 ▼ 를 클릭 하여 가상계좌번호를 확인하실 수 있습니다.

② 영수증 : 세금계산서 / 현금영수증 / 카드 영수증 등 증빙서류를 발급 받을 수 있습니다.

2. 마이페이지

1

Page 12: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 12 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

연장

1

2

5

6

3 4

3. 모바일플러스 관리

1) [마이페이지] > [모바일플러스 관리] 에서는 모바일플러스의 사용현황 및 모바일 홈페이지 제작으로 들어가는 관리하기 기능이 있습니다.

① QR코드 : 모바일플러스의 주소(URL)과 QR코드를 웹용(PNG파일), 인쇄용(EPS)파일로 다운받을 수 있습니다.

② 만들기 시작 : [만들기 시작 ] 버튼을 클릭하여 모바일홈페이지 만들기를 시작할 수 있습니다.

③ 상세정보 보기 : [보기] 클릭 시 상세페이지에서 해당 모바일플러스의 등록일,만료일, 신청일, 관리자정보, FTP 정보등 상세정보를 보실 수 있습니다.

④ 연장 : 각각의 모바일플러스를 연장 하거나 미납금을 처리하실 수 있습니다. (체험하기, 미납등)

⑤ 관리하기 : [관리하기] 버튼을 클릭하여 모바일홈페이지를 관리할 수 있습니다.

⑥ 연장 : 상단에서 모바일플러스를 체크하여 여러 모바일플러스의 기간을 연장하실 수 있습니다.

2. 마이페이지

Page 13: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 13 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

1. 모바일플러스 관리

1) 상단 메뉴 [모바일플러스 관리] 를 클릭하여 모바일플러스를 관리하실 수 있습니다.

※ 모바일플러스에 주소가 1개인 경우 바로 모바일플러스 관리에 접속할 수 있으나 여러 주소인 경우는 하단 리스트에서

[만들기 시작] 또는 [관리하기] 버튼을 클릭하여 모바일플러스를 관리하실 수 있습니다.

3. 모바일플러스 관리

Page 14: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 14 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

1. 메뉴설정

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

3_1) 메뉴설정

Page 15: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 15 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

3_1) 메뉴설정

1. 메뉴설정

1) 모바일플러스 관리에서 제일 처음 나오는 [메뉴설정] 페이지입니다.

1

2

3

① 상단탭 – 메뉴설정 및 각 메뉴관리로 들어갈 수 있습니다. 초기에는 자동으로 5개 메뉴유형이 설정되어있습니다.

② 예시 – 각 메뉴의 페이지 제작 시 모바일 홈페이지 화면을 예시 이미지로 만든 것으로 예시를 참고하여 모바일 홈페이지 제작을 하시기 바랍니다.

③ 미리보기 QR코드 – 모바일(스마트폰)에서 QR코드를 인식하여 각 페이지 제작화면을 모바일에서 바로 확인 할 수 있습니다.

네이버 어플 다운

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

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

※ QR코드 인식 방법

Page 16: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 16 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

3_1) 메뉴설정

1. 메뉴설정

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

2

3

4

5

6

7

8

① [웹 바로보기] – 버튼 클릭 시 해당페이지를 웹으로 볼 수 있습니다.

※ 모바일플러스 모바일 홈페이지는 모바일에 최적화된 솔루션으로 웹에서 열렸을 때 깨지는 부분이 있더라도 모바일 상에서는 문제가 없음을 알려드리오니 모바일 확인을 권장합니다.

② 주소 – 해당 모바일홈페이지의 주소입니다.

③ * 상단제목 – 메인의 헤더 부분에 들어가는 제목입니다. 상호, 업체명, 기업명을 적으시면 됩니다.

④ 언어설정 – 한국어, 영어로 모바일홈페이지의 언어 설정이 가능합니다.

⑤ 스킨명 – 선택하신 테마스킨명입니다.

⑥ 메인형태 - 모바일홈페이지 메인의 형태를 선택합니다.

* 리스트형 – 메인에 리스트 스타일로 메뉴가 나옵니다.

* 버튼형 – 메인에 버튼 스타일로 메뉴가 나옵니다.

* 개인명함형 – 메인이 프로필 메뉴유형으로 나옵니다. (선택 시 메인이 자동으로 프로

필 유형으로 변경되며, 첫번 째 메뉴가 프로필로 고정됩니다.)

⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여 모바일홈페이지 메인이미지를 직접 올립니다. 이미지 권장 사양 : 480 x 280px에 맞춰 최적화. 96dpi 이상.

⑧ * 카피라이트 - 모바일홈페이지의 카피라이트를 입력합니다.

ex> Copyright© [영문회사명 입력] All rights Reserved.

* 필수값

1

Page 17: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 17 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

3_1) 메뉴설정

1. 메뉴설정

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

① 메뉴유형 - 모바일플러스에서 제공되는 메뉴유형 총 11개 (회사소개/상품안내/이벤트/구매안내/공지사항/매장검색/문의/FAMILY 사이트/링크/갤러리/프로필) 중에서 선택하여 메뉴유형을 설정합니다.

* 같은 메뉴유형도 중복으로 선택 가능합니다.

* 메뉴는 최소 2개 이상 (필수값) 설정해야 합니다.

* 새로운 메뉴유형을 선택할 때에는 [NEW] 가 붙은 유형을 선택하면됩니다.

② 메뉴명 - 메뉴명을 입력합니다. (4자 이내)입력하신 메뉴명은 각 모바일 페이지의 타이틀이 됩니다.

③ 링크 - 메뉴에서 직접 링크를 걸어 입력하신 주소 (url)로 보낼수 있습니다.

메뉴유형에서 [NEW 링크] 선택 후 메뉴명을 적고 하단에 연결하실 주소(url)를 입력합니다.

④ 메뉴명 글자수 – 메뉴명을 4자 이상을 쓰시려면 제한풀기에 체크하시면 됩니다. 단, 글자수 제한을 풀게되면 각 페이지의 상단 탭메뉴는 없어집니다. 아래 그림 참조)

⑤ 홈 화면 아이콘 – 아이폰 또는 안드로이드의 홈 화면에 생성되는 아이콘의 이미지를

직접 올릴 수 있습니다. 아이폰 PNG파일 ,안드로이드 ICO파일 만 등록 가능.

⑥ 적용하기 – 모든 설정이 끝난 후에는 반드시 [적용하기] 버튼을 클릭하여 설정한 내용을 모바일 홈페이지에 적용 시켜야 합니다.

* 필수값

<상단 탭메뉴 있는 상태> <상단탭메뉴 없는 상태>

1 2

3

4

5

6

Page 18: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 18 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

3_1) 메뉴설정

2. 메인 모바일화면

1) 모바일홈페이지의 메인화면 입니다.

모바일플러스 상단제목

메인이미지

메뉴1

메뉴2

메뉴3

메뉴4

메뉴5

카피라이트

Page 19: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 19 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

① [웹 바로보기] – 버튼 클릭 시 해당페이지를 웹으로 볼 수 있습니다.

※ 모바일플러스 모바일 홈페이지는 모바일에 최적화된 솔루션으로 웹에서 열렸을 때 깨지는 부분이 있더라도 모바일 상에서는 문제가 없음을 알려드리오니 모바일 확인을 권장합니다.

② 메뉴 재설정 – 클릭 시 [메뉴 설정]으로 이동합니다. 메뉴 재설정을 원할 때 사용하시기 바랍니다.

③ 글 타이틀1 – 작성하실 이미지/내용에 대한 제목(타이틀)을 입력합니다. (25자 이내)

ex> 회사소개

④ 이미지1 – [이미지올리기] 버튼을 클릭하여 이미지를 올립니다.

이미지 권장 사양 : 가로480px에 맞춰 최적화(세로 자동 싱크맞춤). 96dpi 이상

⑤ 내용 1 – 내용을 입력합니다.

⑥ 글 유형2 - 글 유형1과 동일한 구성으로 제목/이미지/내용으로 작성합니다.

3_2) 회사소개

1. 회사소개

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

1

3

4

5

6

2

Page 20: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 20 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

① 추가이미지 - [이미지올리기] 버튼을 클릭하여 이미지를 올립니다.

※ 추가할 내용을 이미지로 올리거나 광고배너, 포스터, 전단지등을 최대 10개까지 올릴 수 있습니다. (shift키 및 드래그로 다중 선택 가능)

② 동영상 링크 – 동영상 링크는 유튜브 주소를 입력합니다. ( 버튼으로 추가 가능)

ex> http://youtu.be/(생략) 동영상 올리는 법 을 클릭하여 확인하세요.

③ 연락처 설정 – Contact us/ SNS / 지도등 사용할 항목들은 사용에 체크해 사용합니다.

④ Contact us

* 전화 – 항목명과 전화번호를 입력합니다. 모바일상에서 터치 시 전화번호로 연결됩니다.

* 메일 – 항목명과 메일 주소를 입력합니다. 모바일상에서 터치 시 메일로 연결됩니다.

* URL – 항목명과 url을 입력합니다. 모바일상에서 터치 시 주소(url)로 연결됩니다.

* 링크 – 더 추가하고 싶은 링크 주소를 입력합니다. 모바일상에서 터치 시 링크 주소(url)

로 연결됩니다. ex> 블로그 / http://blog.blueweb.co.kr

⑤ SNS (소셜네트워크 연결)

* 트위터 – 연결할 트위터 주소를 입력합니다. 모바일 상에서 트위터로 연결됩니다.

* 페이스북 – 연결할 페이스북 주소를 입력합니다. 모바일 상에서 페이스북으로 연결됩니다.

* 미투데이 – 연결할 미투데이 주소를 입력합니다. 모바일 상에서 미투데이로 연결됩니다.

※ 연결하실 SNS주소를 확인하시어 뒤에 url부분만 입력해주시기 바랍니다.

⑥ 지도 – 주소를 입력합니다.

※ 반드시 [검색] 버튼을 클릭하셔야 지도가 나타납니다.

[적용하기] – 모든 설정이 끝난 후에는 반드시 하단의 [적용하기] 버튼을 클릭하여 설정한 내용을 모바일 홈페이지에 적용 시켜야 합니다.

3_2) 회사소개

1. 회사소개

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

1

3

5

4

6

2

Page 21: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 21 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

3_2) 회사소개

2. 회사소개 모바일화면

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

SNS

항목명

입력내용

Page 22: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 22 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

3_3) 상품안내

1. 상품안내

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

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

2. 카테고리

1) 카테고리를 등록/수정 할 수 있습니다.

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

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

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

해당 카테고리를 위로 이동

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

2 4

6

5 3

1

Page 23: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 23 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

① 상품등록 탭을 선택합니다.

② 상품등록방법 –상품 개별 등록 / 상품 대량 등록 / 상품 대행 등록 / 데이터 연동 서비스

4가지 방법이 있습니다.

* 상품 개별 등록 – 1개의 상품을 개별적으로 등록/수정 할 수 있습니다.

* 상품 대량 등록 – [상품 대량 등록폼] 엑셀폼을 이용해 대량으로 등록할 수 있습니다.

[상품 대량 등록 매뉴얼]을 참고해서 등록하시기 바랍니다.

* 상품 대행 등록 – 상품 등록이 어려운 경우에는 유료로 대행 등록이 가능합니다.

* 데이터 연동 서비스 - 홈페이지의 데이터와 모바일플러스 데이터를 자동으로 연동시

켜주는 서비스로 등록/수정/삭제가 자동으로 처리됩니다.

③ * 카테고리 – [카테고리] 탭에서 설정하신 카테고리를 선택합니다.

※ 카테고리는 필수값이므로 반드시 [카테고리] 탭에서 카테고리를 설정해주시기바랍니다.

④ 추천상품 - 선택 시 이 상품이 전체 상품 리스트의 상위에 배치되며 [추천] 멘트가 상품명 앞에 붙게됩니다. (10개까지 가능) 천상품끼리의 순서는 [상품리스트] 탭에서 정할 수 있습니다.

⑤ * 상품명 - 상품명을 입력합니다.

⑥ * 대표이미지 – [이미지올리기] 버튼을 클릭하여 대표이미지를 올립니다.

대표이미지는 모바일상의 상품리스트에서 섬네일 이미지로 사용됩니다.

⑦ 서브이미지 – [이미지올리기] 버튼을 클릭하여 서브이미지를 올립니다.

서브이미지는 모바일화면에서 대표이미지와 함께 상단에 노출되어 슬라이드로 보여집니다. 최대 3개까지 등록 가능합니다. (shift키 및 드래그로 다중 선택 가능)

*필수값

3. 상품등록

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

1

3

5

4

6

2

3_3) 상품안내

7

Page 24: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 24 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

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

3. 상품등록

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

6

5

8

3_3) 상품안내

7

<그림1> 입력정보 관리

3 4 1

2

2

<그림2> 상품리스트

상품리스트에 노출

Page 25: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 25 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

① 상세정보 - 이 상품에 대한 상세한 설명을 입력합니다.

② 상세이미지 - [이미지올리기] 버튼을 클릭하여 이미지를 올립니다.

대표이미지/서브이미지 외에 상세 이미지들을 올려주세요.

최대 10개까지 가능하며 shift키 및 드래그로 다중 선택이 가능합니다.

③ 동영상 링크 - 동영상 링크는 유튜브 주소를 입력합니다. ( 버튼으로 추가 가능)

ex> http://youtu.be/(생략)

④ 링크 - 이 상품에 대해 연결할 링크의 타이틀과 주소(url)을 입력합니다.

ex> 구매하기 ㅣ http://mp.blueweb.co.kr/store

⑤ 문의하기 – 이 상품에 대한 문의를 받을 문의관리자의 연락처들을 설정합니다.

* 문자 설정 - 이 상품에 대한 문의를 받을 핸드폰번호를 입력합니다.

모바일 상에서 문자메시지로 연결됩니다.

* SNS 설정 - 이 상품에 대한 문의를 받을 SNS (트위터,미투데이,페이스북)주소를 입

력합니다. 모바일 상에서 해당 SNS로 연결됩니다. ex> http://twitter.com/mobileplus

* 메일 설정 - 이 상품에 대한 문의를 받을 이메일 주소를 입력합니다.

모바일 상에서 메일로 연결됩니다. ex> [email protected]

* 전화 설정 - 이 상품에 대한 문의를 받을 전화번호를 입력합니다.

모바일 상에서 전화로 연결됩니다.

⑥ SNS 댓글 - 소셜네트워크 계정(트위터, 미투데이, 페이스북 )으로 로그인하여 댓글을 달 수 있습니다.

⑦ 적용하기 – [적용하기] 버튼을 클릭합니다.

3. 상품등록

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

3_3) 상품안내

1

3

5

4

6

2

7

Page 26: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 26 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

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

4. 상품리스트

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

3_3) 상품안내

1

3 4

2

5 6 7

8

9

10 11

<그림1> QR코드 6 현재 리스트의 최상위로 이동

한 칸 위로 이동

한 칸 아래로 이동

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

Page 27: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 27 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

5. 상품안내 모바일화면

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

3_3) 상품안내

<카테고리> <상품리스트>

Page 28: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 28 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

5. 상품안내 모바일화면

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

3_3) 상품안내

<상품 상세>

SNS 댓글

Page 29: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 29 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

3_4) 이벤트/쿠폰

1. 이벤트/쿠폰

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

2) 이벤트/쿠폰은 2개의 탭으로 나누어져 있습니다. 이벤트설정 / 이벤트리스트

2. 이벤트설정

1) 이벤트를 등록/수정 할 수 있습니다.

① 이벤트설정 탭을 선택합니다. ② 등록방법 - 이벤트 개별 등록 / 데이터 연동 서비스 2가지 방법이 있습니다. * 이벤트 개별 등록 - 1개의 이벤트를 개별적으로 등록/수정 할 수 있습니다. * 데이터 연동 서비스 - 홈페이지의 데이터와 모바일플러스 데이터를 자동으로 연동시 켜주는 서비스로 등록/수정/삭제가 자동으로 처리됩니다. ③ * 이벤트/쿠폰 명 - 글 타이틀(제목)을 입력합니다. ex> 오픈 이벤트 20%할인! ④ 리스트 내용 - 모바일상 리스트에서 이벤트/쿠폰 명 하단에 노출될 내용을 입력합니다. 이벤트 내용의 간략적/핵심적인 내용을 입력해주세요. ex> 최저가 9,900원 또는 2012.04.30까지 ⑤ 기간 설정 - 이벤트가 노출되는 기간을 설정할 수 있습니다. 기간 설정을 하게 되면 그 기간동안에만 노출이 되며 설정된 기간이 지나면 모바일상의 현재 이벤트 리스트에서 없어지고 지난 이벤트 리스트로 자동 이동 합니다. ⑥ * 이미지 - [이미지올리기] 버튼을 클릭하여 해당 이미지를 올립니다. 모바일상의 리스트에서 섬네일 이미지로 사용됩니다. ⑦ 내용 - 이벤트 상세 내용을 입력합니다. ⑧ 링크 - 이 이벤트에 대해 연결할 링크의 타이틀과 주소(url)을 입력합니다. ex> 상세내용보기ㅣhttp://mp.blueweb.co.kr/event ⑨ 적용하기 - [적용하기] 버튼을 클릭합니다. * 필수값

1

3

5

4

6

2

7

8

9

Page 30: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 30 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

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

3. 이벤트리스트

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

1

3

5

2

6

3_4) 이벤트/쿠폰

4

Page 31: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 31 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

4. 이벤트/쿠폰 모바일화면

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

3_4) 이벤트/쿠폰

<이벤트리스트> <이벤트 상세>

Page 32: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 32 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

① 구매 타이틀 - 현재 페이지의 제목(타이틀)을 입력합니다.

② 구매문의

* 전화 – 항목명과 전화번호를 입력합니다. 모바일상에서 클릭 시 전화번호로 연결됩니다.

* 메일 – 항목명과 메일 주소를 입력합니다. 모바일상에서 클릭 시 메일로 연결됩니다.

* URL – 항목명과 url을 입력합니다. 모바일상에서 클릭 시 주소(url)로 연결됩니다.

* 링크 – 더 추가하고 싶은 링크 주소를 입력합니다. 모바일상에서 클릭 시 링크 주소(url)

로 연결됩니다.

③ 구입안내 - 구입에 대한 안내를 입력합니다.

④ 이미지 - [이미지올리기] 버튼을 클릭하여 이미지를올립니다.

매장 사진 또는 구매에 관련된 이미지를 올려주세요.

이미지 권장 사양 : 가로480px에 맞춰 최적화. 96dpi 이상

1. 구매안내

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

1

3

4

2

3_5) 구매안내

Page 33: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 33 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

① 구매처 링크 - 구매처 링크를 사용하시려면 사용에 체크해주시기 바랍니다.

실제 구매가능한 사이트들로 연결합니다.

② 구매처 타이틀 - 구매처 링크의 제목(타이틀)을 입력합니다.

③ 구매처 로고 - 현존하는 15개의 쇼핑몰 또는 직접운영하는 쇼핑몰이 있다면 [직접올리기]

로 로고를 올립니다.

※ 쇼핑몰 선택 시 해당 로고 자동 제공

④ 구매처명, 설명 및 링크 주소를 입력합니다.

* 구매처명

* 구매처에 대한 설명 및 혜택 입력

* 쇼핑몰 주소(url)를 입력. 모바일상에서 클릭 시 해당 주소(url)로 연결됩니다.

⑤ 구매처 추가와 삭제가 가능합니다.

⑥ 직접 운영하는 쇼핑몰로 연결 하시려면 [직접올리기] 버튼을 클릭하여 해당 구매처의 로고를 올려주세요.

⑦ 적용하기 - [적용하기] 버튼을 클릭합니다.

1. 구매안내

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

1

3

2

3_5) 구매안내

4

5

6

7

Page 34: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 34 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

2. 구매안내 모바일화면

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

3_5) 구매안내

Page 35: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 35 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

3_6) 공지사항

1. 공지사항

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

2) 공지사항은 2개의 탭으로 나누어져 있습니다. 공지올리기 / 공지리스트

2. 공지올리기

1) 공지를 등록/수정 할 수 있습니다.

① 공지올리기 탭을 선택합니다. ② 등록방법 – 일반등록 / 데이터 연동 서비스 2가지 방법이 있습니다. * 일반등록 - 1개의 공지를 개별적으로 등록/수정 할 수 있습니다. * 데이터 연동 서비스 - 홈페이지의 데이터와 모바일플러스 데이터를 자동으로 연동시 켜주는 서비스로 등록/수정/삭제가 자동으로 처리 됩니다. ③ * 공지제목 - 공지제목을 입력합니다. ④ 이미지 - [이미지올리기] 버튼을 클릭하여 이미지를 올립니다. ⑤ * 내용 - 해당 공지 내용을 입력합니다. ⑥ 첨부파일 – 이미지나 문서등의 첨부파일을 올려 모바일상에서 볼 수 있게해주는 기능으로 한글, 워드, 엑셀, 파워포인트, PDF, JPG, GIF, PNG 파일을 올릴 수 있습니다. [적용하기] 버튼을 클릭합니다. * 필수값

1

3

5

4

6

2

Page 36: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 36 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

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

3. 공지리스트

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

1

3

4

2

3_6) 공지사항

Page 37: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 37 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

4. 공지사항 모바일화면

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

<공지리스트> <공지 상세>

3_6) 공지사항

Page 38: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 38 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

① 문의하기 – 이 상품에 대한 문의를 받을 문의관리자의 연락처들을 설정합니다.

* 문자 설정 - 이 상품에 대한 문의를 받을 핸드폰번호를 입력합니다.

모바일 상에서 문자메시지로 연결됩니다.

* SNS 설정 - 이 상품에 대한 문의를 받을 SNS (트위터,미투데이,페이스북)주소를 입

력합니다. 모바일 상에서 해당 SNS로 연결됩니다. ex> http://twitter.com/mobileplus

* 메일 설정 - 이 상품에 대한 문의를 받을 이메일 주소를 입력합니다.

모바일 상에서 메일로 연결됩니다. ex> [email protected]

* 전화 설정 - 이 상품에 대한 문의를 받을 전화번호를 입력합니다.

모바일 상에서 전화로 연결됩니다.

② SNS 댓글 - 소셜네트워크 계정(트위터, 미투데이, 페이스북 )으로 로그인하여 댓글을 달 수 있습니다.

③ 적용하기 - [적용하기] 버튼을 클릭합니다.

1. 문의

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

1

2

3_7) 문의

3

Page 39: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 39 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

2. 문의 모바일화면

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

3_7) 문의

SNS 댓글

Page 40: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 40 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

3_8) 매장검색

1. 매장검색

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

2) 매장검색은 2개의 탭으로 나누어져 있습니다. 매장 등록 / 매장리스트

2. 매장등록

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

① 매장등록 탭을 선택합니다.

② 등록방법 – 매장 일반등록 / 매장 대량등록 / 데이터 연동 서비스 2가지 방법이 있습니다.

* 일반등록 - 1개의 매장을 개별적으로 등록/수정 할 수 있습니다.

* 매장 대량등록 - [매장 대량 등록폼] 엑셀폼을 이용해 대량으로 등록할 수 있습니다.

[매장 대량 등록 매뉴얼]을 참고해서 등록하시기 바랍니다.

* 데이터 연동 서비스 - 홈페이지의 데이터와 모바일플러스 데이터를 자동으로 연동시

켜주는 서비스로 등록/수정/삭제가 자동으로 처리 됩니다.

③ * 지역선택 – 해당 매장의 지역 시/도와 구를 선택합니다.

④ * 매장명 – 매장 이름을 입력합니다.

⑤ 매장이미지 – [이미지올리기] 버튼을 클릭하여 해당 매장의 이미지를 올립니다.

이미지는 최대 10개까지 등록 가능합니다. (shift키 및 드래그로 다중 선택 가능)

⑥ 매장소개 – 해당 매장에 대한 소개글을 입력합니다.

* 필수값

3

5

4

6

2

1

Page 41: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 41 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

① 연락처 설정 – Contact us/ SNS / 지도등 사용할 항목들은 사용에 체크해 사용합니다.

② Contact us

* 전화 – 항목명과 전화번호를 입력합니다. 모바일상에서 터치 시 전화번호로 연결됩니다.

* 메일 – 항목명과 메일 주소를 입력합니다. 모바일상에서 터치 시 메일로 연결됩니다.

* URL – 항목명과 url을 입력합니다. 모바일상에서 터치 시 주소(url)로 연결됩니다.

* 링크 – 더 추가하고 싶은 링크 주소를 입력합니다. 모바일상에서 터치 시 링크 주소(url)

로 연결됩니다. ex> 블로그 ㅣ http://blog.blueweb.co.kr

③ SNS (소셜네트워크 연결)

* 트위터 – 연결할 트위터 주소를 입력합니다. 모바일 상에서 트위터로 연결됩니다.

* 페이스북 – 연결할 페이스북 주소를 입력합니다. 모바일 상에서 페이스북으로 연결됩니다.

* 미투데이 – 연결할 미투데이 주소를 입력합니다. 모바일 상에서 미투데이로 연결됩니다.

※ 연결하실 SNS주소를 확인하시어 뒤에 url부분만 입력해주시기 바랍니다.

④ 지도 – 주소를 입력합니다.

※ 반드시 [검색] 버튼을 클릭하셔야 지도가 나타납니다.

⑤ 적용하기 - [적용하기] 버튼을 클릭합니다.

1. 매장등록

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

3_8) 매장검색

1

3

5

4

2

Page 42: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 42 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

① 매장리스트 탭을 선택합니다.

② 지역선택 - 시/도와 구를 선택 후 검색 시 해당 지역의 매장이 검색됩니다. 또한 매장명 검색 시 해당 매장이 검색됩니다.

③ 삭제 - 리스트에서 삭제할 매장에 체크 후 [삭제] 버튼을 클릭합니다.

④ 매장명 클릭 시 [매장등록] 탭으로 이동하여 해당 매장의 내용을 수정 할 수 있습니다.

⑤ 매장등록에서 등록하신 전화번호가 모바일 상에서 매장명 하단에 함께 노출됩니다.

2. 매장리스트

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

3_8) 매장검색

1

3

4

2

5

Page 43: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 43 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

3. 매장검색 모바일화면

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

<매장리스트> <매장 상세>

3_8) 매장검색

매장명

Page 44: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 44 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

① [직접올리기] 버튼을 클릭하여 연결할 사이트의 로고를 올립니다.

② 연결 사이트를 설정합니다.

* 사이트명을 입력하세요.

* 사이트 설명 및 안내 내용을 입력하세요.

* 연결할 링크 주소(URL)를 입력하세요. 모바일상에서 터치 시 해당 주소(url)로 연결 됩

니다.

③ 연결할 사이트를 추가/삭제할 수 있습니다.

④ 적용하기 – [적용하기] 버튼을 클릭합니다.

3_9) FAMILY 사이트

4

1. FAMILY 사이트

1) FAMILY 사이트는 사이트명/사이트설명/URL연결로 구성된 메뉴 유형으로 여러 사이트관리, 계열사, 그룹사에 연결 또는 허브페이지(링크)등에 알맞은 유형입니다.

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

1 2

3

Page 45: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 45 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

2. FAMILY 사이트 모바일화면

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

3_9) FAMILY 사이트

Page 46: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 46 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

1. 갤러리등록

1) 이미지들을 등록/수정 할 수 있습니다.

3_10) 갤러리

① 갤러리등록 탭을 선택합니다.

② 갤러리명 - 갤러리명을 입력합니다.

③ 이미지 - [이미지올리기] 버튼을 클릭하여 이미지를 올립니다.

이미지는 최대 40개까지 등록 가능합니다. (shift키 및 드래그로 다중 선택 가능)

④ 적용하기 - [적용하기] 버튼을 클릭합니다.

1

3

4

2

Page 47: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 47 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

① 갤러리리스트 탭을 선택합니다.

② 삭제 - 리스트에서 삭제하실 갤러리에 체크 후 [삭제] 버튼을 클릭합니다.

③ 검색 - 갤러리명 검색 시 해당 갤러리가 검색됩니다.

④ 갤러리명 클릭 시 [갤러리올리기] 탭으로 이동하여 해당 갤러리의 이미지들을 수정 할 수 있습니다.

2. 갤러리리스트

1) 등록하신 이미지의 리스트를 확인하실 수 있으며, 갤러리명을 클릭하시면, 등록 이미지들을 수정할 수 있습니다.

3_10) 갤러리

1

3

4

2

Page 48: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 48 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

3. 갤러리 모바일화면

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

<갤러리리스트> <갤러리 상세>

3_10) 갤러리

Page 49: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 49 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

1. 프로필 설정

1) 프로필을 등록/수정 할 수 있습니다.

3_11) 프로필

① 프로필 설정 탭을 선택합니다.

② 프로필 유형 - 프로필 상단이미지 유형을 변경할 수 있습니다. <그림1> 참조.

③ 로고이미지 - [이미지올리기] 버튼을 클릭하여 로고이미지를 올립니다.

세로 30px에 맞춰 최적화됩니다.

④ 명함이미지 - [이미지올리기] 버튼을 클릭하여 명함이미지를 올립니다.

가로 480px에 맞춰 최적화됩니다.

남자를 선택하면 남자 기본이미지가 나옵니다.

여자를 선택하면 여자 기본이미지가 나옵니다.

⑤ 회사명/이름/부서명/직급 - 회사명/이름/부서명/직급을 입력합니다.

⑥ 소개글 - 자신의 소개글을 입력합니다.

⑦ SNS (소셜네트워크 연결)

* 트위터 – 연결할 트위터 주소를 입력합니다. 모바일 상에서 트위터로 연결됩니다.

* 페이스북 – 연결할 페이스북 주소를 입력합니다. 모바일 상에서 페이스북으로 연결됩니다.

* 미투데이 – 연결할 미투데이 주소를 입력합니다. 모바일 상에서 미투데이로 연결됩니다.

※ 연결하실 SNS주소를 확인하시어 뒤에 url부분만 입력해주시기 바랍니다.

1

3

2

4

6

7

5

Page 50: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 50 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

① 프로필 설정 탭을 선택합니다.

② 프로필 유형 - 프로필 상단이미지 유형을 변경할 수 있습니다.

③ 로고이미지 - [이미지올리기] 버튼을 클릭하여 로고이미지를 올립니다.

세로 30px에 맞춰 최적화됩니다.

④ 명함이미지 - [이미지올리기] 버튼을 클릭하여 명함이미지를 올립니다.

가로 480px에 맞춰 최적화됩니다.

남자를 선택하면 남자 기본이미지가 나옵니다.

여자를 선택하면 여자 기본이미지가 나옵니다.

⑤ 회사명/이름/부서명/직급 - 회사명/이름/부서명/직급을 입력합니다.

⑥ 소개글 - 자신의 소개글을 입력합니다.

⑦ SNS (소셜네트워크 연결)

* 트위터 – 연결할 트위터 주소를 입력합니다. 모바일 상에서 트위터로 연결됩니다.

* 페이스북 – 연결할 페이스북 주소를 입력합니다. 모바일 상에서 페이스북으로 연결됩니다.

* 미투데이 – 연결할 미투데이 주소를 입력합니다. 모바일 상에서 미투데이로 연결됩니다.

※ 연결하실 SNS주소를 확인하시어 뒤에 url부분만 입력해주시기 바랍니다.

1. 프로필 설정

1) 프로필을 등록/수정 할 수 있습니다.

3_11) 프로필

1

3

2

4

6

7

5

<가로형> <세로형>

<남자> <여자>

Page 51: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 51 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

① 연락처 설정

* 전화 – 항목명과 전화번호를 입력합니다. 모바일상에서 터치 시 전화번호로 연결됩니다.

* 핸드폰 – 항목명과 핸드폰번호를 입력합니다. 모바일상에서 터치 시 핸드폰으로 연결됩니다.

* 메일 – 항목명과 메일 주소를 입력합니다. 모바일상에서 터치 시 메일로 연결됩니다.

* 문자 – 항목명과 핸드폰번호를 입력합니다. 모바일상에서 터치 시 문자로 연결됩니다.

* 홈페이지 – 항목명과 url을 입력합니다. 모바일상에서 터치 시 주소(url)로 연결됩니다.

* 링크 – 더 추가하고 싶은 링크 주소를 입력합니다. 모바일상에서 터치 시 링크 주소(url)

로 연결됩니다. ex> 블로그 ㅣ http://blog.blueweb.co.kr

② 카카오톡 전송내용 - 모바일 상에서 [카카오톡 전송하기] 버튼으로 이 프로필을 보낼 경우

주소(url)와 함께 카카오톡에 나올 내용을 입력합니다.

③ 경력사항 - 년도와 경력사항을 입력합니다.

④ 사진앨범 - [이미지올리기] 버튼을 클릭하여 사진이미지를 올립니다.

가로 480px에 맞춰 최적화됩니다.

이미지는 최대 10개까지 등록 가능합니다.(shift키 및 드래그로 다중 선택 가능)

⑤ 동영상앨범 - 동영상 링크는 유튜브 주소를 입력합니다. ( 버튼으로 추가 가능)

ex> http://youtu.be/(생략) 동영상 올리는 법 을 클릭하여 확인하세요.

1. 프로필 설정

1) 프로필을 등록/수정 할 수 있습니다.

3_11) 프로필

1

3

2

4

5

안녕하세요 블루웹 사업부 대리 홍길동 입니다.

http://mp.blueweb.co.kr/mobileplus

<카카오톡 전송내용>

Page 52: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 52 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

① 추가 설정 - 글 하단에 추가로 항목을 사용하실 수 있습니다. 사용에 체크하시고 사용하시기 바랍니다.

② 알림게시판 - 공지 및 알림용 게시판 기능입니다. [글쓰기]를 클릭하여 글을 올릴 수 있으며 [리스트]에서 수정과 삭제가 가능합니다.

③ 1:1문의하기 - 문자, SNS,이메일, 전화 연결 기능입니다.

* 문자 설정 - 이 상품에 대한 문의를 받을 핸드폰번호를 입력합니다.

모바일 상에서 문자메시지로 연결됩니다.

* SNS 설정 - 이 상품에 대한 문의를 받을 SNS (트위터,미투데이,페이스북)주소를 입

력합니다. 모바일 상에서 해당 SNS로 연결됩니다. ex> http://twitter.com/mobileplus

* 메일 설정 - 이 상품에 대한 문의를 받을 이메일 주소를 입력합니다.

모바일 상에서 메일로 연결됩니다. ex> [email protected]

* 전화 설정 - 이 상품에 대한 문의를 받을 전화번호를 입력합니다.

모바일 상에서 전화로 연결됩니다.

④ 지도 - 지도 – 주소를 입력합니다.

※ 반드시 [검색] 버튼을 클릭하셔야 지도가 나타납니다.

⑤ SNS 댓글 - 소셜네트워크 계정(트위터, 미투데이, 페이스북 )으로 로그인하여 댓글을 달 수 있습니다.

⑥ 적용하기 – [적용하기] 버튼을 클릭합니다.

1. 프로필 설정

1) 프로필을 등록/수정 할 수 있습니다.

3_11) 프로필

1

3

2

4

5

6

Page 53: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 53 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

① 알림글쓰기 탭을 선택합니다. ② * 제목 - 알림글 제목을 입력합니다. ③ 이미지 - [이미지올리기] 버튼을 클릭하여 이미지를 올립니다. ④ * 내용 - 해당 알림글 내용을 입력합니다. ⑤ 첨부파일 – 이미지나 문서등의 첨부파일을 올려 모바일상에서 볼 수 있게해주는 기능으로 한글, 워드, 엑셀, 파워포인트, PDF, JPG, GIF, PNG 파일을 올릴 수 있습니다. ⑥ 적용하기 -[적용하기] 버튼을 클릭합니다. * 필수값

2. 알림글쓰기

1) 프로필에 들어가 있는 알림게시판에 글을 등록 할 수 있습니다. 알림글은 제목/이미지/내용/첨부파일로 이루어져 공지, 알림, 정보등 게시판처럼 이용하시면 좋습니다.

3_11) 프로필

1

3

2

4

5

6

Page 54: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 54 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

① 알림리스트 탭을 선택합니다. ② 삭제 - 리스트에서 삭제하실 알림글에 체크 후 [삭제] 버튼을 클릭합니다. ③ 검색 - 제목 검색 시 해당 알림글이 검색됩니다. ④ 제목 클릭 시 [알림글쓰기] 탭으로 이동하여 해당 알림글의 내용을 수정 할 수 있습니다.

3. 알림리스트

1) 등록하신 알림글의 리스트를 확인하실 수 있으며, 제목을 클릭하시면, 등록 글을 수정할 수 있습니다

3_11) 프로필

1

3 2

4

Page 55: 모바일플러스 제작 매뉴얼 - cookingm.comcookingm.com/user/1/mobileplus/mobileplus/file/135348338366385… · ⑦ * 메인이미지 - [직접올리기] 버튼을 클릭하여

Page 55 COPYRIGHT ⓒ BLUEWEB ALL RIGHT RESERVED.

4. 프로필 모바일화면

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

3_11) 프로필