2. 2
Contents!
01 modoo![모두] 소개
02 modoo![모두] 모바일로 제작
2-1. 네이버 가입하기
2-2. modoo![모두] 가입하기
2-3. 새로운 홈페이지 추가하기
2-4. 모바일 편집아이콘 익히기
2-5. 페이지별 내용 편집하기
03 모바일로 홈페이지 관리 및 홍보
3-1. 네이버 무료검색 등록하기
3-2. 모바일로 홈페이지 관리하기
3-3. 모바일로 홈페이지 홍보하기
04 상거래에 도움이 되는 연계 교육 프로그램
4. 4
modoo![모두] 소개01
누구나
네이버 ID 를
가지고 있다면
누구나 만들 수 있습니다.
업종별 맞춤 탬플릿으로
쉽게 홈페이지를
완성할 수 있습니다.
쉽
게
PC는 물론 모바일 기기로
홈페이지를
생성하고 편집할 수 있습니
다.
언제,어디서든
검색등록과 지도 등록을 통
해
제작된 홈페이지를 노출하
고
누구에게나 홍보할 수 있습
니다.
누구에게나홍보할수있는
5. 5
modoo![모두] 홈페이지 사례
모바일 홈페이지 만들기 처음이라 막막하시죠?
modoo![모두] 홈페이지 메인화면의 상단메뉴에서 {모두피플} 또는 {소상공인축제}를 클릭해 보세요. modoo![모두] 홈페이지의 다양 사례를 살
펴볼 수 있습니다.
사업장별 특색 있는 사례를 참고하고 조금 더 쉽게 홈페이지 제작해보세요. 여러분의 홈페이지도 modoo![모두]의 좋은 사례가 될 수 있습니다.
도움말
01
6. 6
modoo![모두] 기본 구조(단순템플릿)
① 첫페이지: 업체의 첫인상을 좌우하는 첫 번째 페이지입니다.
② 시설안내: 업체의 시설을 소개하는 페이지 입니다.
③ 메뉴가격: 업체의 메뉴, 제품, 서비스에 대한 가격을 보여주는 페이지입니다.
④ 스케줄: 주요 이벤트 일정이나 예약 관련 사항들을 공지하는 페이지입니다.
⑤ SNS: 업체의 SNS(블로그, 페이스북, 인스타그램)를 연동하여 보여주는 페이지입니다.
⑥ 게시판: 관리자 또는 일반 게시판으로 사용할 수 있는 페이지입니다.
⑦ 오시는 길: 업체에 찾아오는 방법을 소개하는 페이지입니다.
01
도움말
1 2 3 4 5 6 7
NEW! NEW!NEW!
12. 12
네이버 모바일 기기로 가입하기
① 네이버 어플리케이션(앱)을 실행하여 [회원가입]을 클릭합니다.
② 이용약관, 개인정보 수집 및 이용에 대한 안내를 읽고 [동의]를 클릭합니다.
③ 아이디/패스워드 외 개인 정보를 입력한 후 네이버 회원가입을 완료합니다.
2-1
도움말
2 3
1
14. 14
정보제공 동의하기
① 가입한 네이버 아이디/패스워드로 로그인 후 검색창에 ‘모두’를 검색하여 [modoo!만들러가기]를 클릭합니다.
② modoo![모두]의 메인 화면에서 [모바일 홈 지금 바로 만들기]를 클릭합니다.
③ 가입한 네이버 아이디로 modoo![모두]서비스 이용시 정보 제공에 대해 [동의하기]를 클릭합니다.
2-2
도움말
2
31
15. 15
실명 확인하기
① [실명확인하기]를 클릭합니다. (실명확인은 아이핀 또는 휴대폰 인증으로만 가능합니다.)
② 휴대폰 인증을 선택한 후, [확인]을 클릭합니다.
③ 본인 휴대전화 가입 정보를 입력하고 인증번호를 부여 받습니다. (휴대폰 인증의 경우 본인 명의의 휴대폰만 가능합니다.)
④ [확인]을 클릭하여 modoo![모두] 회원가입 절차를 진행합니다.
2-2
도움말
1
2
3
4
16. 16
이용약관 확인하기
① 실명확인이 완료되면 modoo![모두] 서비스의 이용약관 동의와 개인정보 수집∙이용에 대한 안내를 확인 후 [동의하기]를 선택합니다.
② 회원가입 메시지를 확인 후 [모바일 홈 지금 바로 만들기]를 선택하여 모두 홈페이지를 제작해 보세요!!
• 제작 팁: 모두 홈페이지 만들기 전 (1)이미지 파일(로고, 시설, 상품 등)과 설명 텍스트를 준비하고, (2)네이버마이비즈니스에서 업체 지도등록과 편의
정보를 미리 입력해보세요. 홈페이지 제작이 더 수월해집니다. (네이버마이비즈니스 등록은 교재 43~45쪽 참고 바랍니다.)
2-2
도움말
1
2
modoo
18. 18
개인정보 편집하기
① 모두 메인 화면에서 우측상단 [홈페이지 관리] 혹은 하단 [모바일 홈 지금 바로 만들기]를 클릭합니다.
② 아이디/패스워드로 [로그인]합니다.
③ {회원정보} 탭에서 개인정보 및 알림정보를 수정합니다.
④ [저장]을 클릭하여 입력한 정보를 반영합니다.
2-3
도움말
1
2
3
4
19. 19
단순템플릿 추가하기
① [모바일 홈 지금 바로 만들기] 혹은 [새 홈페이지 추가하기]버튼을 클릭하여 [확인]버튼을 클릭합니다.
② 하단 [아이콘] 중 세번째 아이콘을 선택하여 홈페이지 전체 [템플릿]을 선택할 수 있습니다.
③ 원하는 템플릿 박스를 클릭합니다.[단순 템플릿] 또는 업종별 [추천 템플릿]을 선택할 수 있습니다.
* 본 교재의 제작 예시 홈페이지는 단순템플릿으로 구성되었습니다.
④ 하단 [✔]을 선택하여 적용합니다. (홈페이지 편집창에서 하단 [✔]는 반복해서 클릭하여 적용 및 저장합니다.)
2-3
도움말
1
3
42
21. 21
홈페이지 구성 아이콘 익히기
① [ 붓 ] : 첫 페이지 유형을 선택할 수 있습니다. 원하는 유형을 터치 후 하단 [ ✔ ]표시를 선택하여 저장합니다.
② [ + ] : 페이지를 추가할 수 있습니다. 원하는 스타일의 페이지구성을 선택하고 하단 [ ✔ ]표시를 선택하여 페이지를 추가합니다.
③ [ ㅁ ] : 업종별 추천 템플릿을 선택할 수 있습니다. 원하는 스타일의 템플릿을 선택하고 하단 [ ✔ ]표시를 선택하여 템플릿을 적용합니다.
④ [톱니바퀴] : 홈페이지 정보를 입력합니다.
2-4
도움말
템플릿 선택
(업종별 추천 템플릿 선택 가능) 홈페이지 정보 편집
첫 페이지 유형선택
페이지 추가
1 2 3 4
22. 22
홈페이지 구성 아이콘 익히기 (1)첫 페이지 유형 선택하기
① 첫페이지의 [붓]을 클릭하여 페이지의 유형을 선택합니다.(정보형, 이미지형, 포스터형, 버튼형, 자유형 중 택1)
* 하단의 [붓] 모양 클릭 시 동일한 창으로 이동합니다.
2-4
도움말
정보형 이미지형
포스터형
버튼형
1
자유형
23. 23
홈페이지 구성 아이콘 익히기 (1)첫 페이지 유형 선택하기
① 정보형: 일반적인 모든 홈페이지에 적합합니다. 배경 이미지를 최대 4개 까지 노출할 수 있고, 동영상 연결도 가능합니다. 첫 페이지에서 주요
정보가 한눈에 보입니다.
② 이미지형: 메뉴별 배경 이미지가 구성되는 홈페이지로, 다양한 이미지로 홈페이지를 꾸미고 싶을 때 추천합니다. 첫 페이지에서 주요 정보가 한
눈에 보입니다.
③ 포스터형: 꼭 필요한 정보를 중심으로 홈페이지를 만들 수 있습니다. 연극, 영화, 전시 홈페이지나 초대장, 청첩장에 적합합니다. 첫 페이지에서
주요 정보가 한눈에 보입니다.
④ 버튼형: 버튼을 5개까지 앞쪽에 편집하는 구성이 특징이며, 브랜드를 잘 보이게 강조해 줍니다. 첫 페이지에서 주요 정보가 한눈에 보입니다.
⑤ 자유형: 자유형을 선택하면 현재 페이지는 노출되지 않고, 메뉴별 요약정보가 보여지지 않습니다. 다음 페이지에 구성요소를 편집하거나 기능
페이지를 선택해서 자유롭게 첫 페이지로 사용하세요.
2-4
도움말
정보형 이미지형 포스터형 버튼형 자유형
24. 24
홈페이지 구성 아이콘 익히기 (2)페이지 추가하기
① [ + ] 모양의 페이지 추가 아이콘을 클릭합니다.
② 원하는 페이지를 선택합니다.
2-4
도움말
1
이미지+텍스트 이미지+텍스트 스케쥴 게시판
갤러리 갤러리 갤러리 이미지+버튼
전환이미지
+텍스트
동영상 텍스트 빈페이지
2
25. 25
홈페이지 구성 아이콘 익히기 (3)템플릿 선택하기
① [ ㅁ ] 모양의 템플릿 선택 아이콘을 클릭합니다.
② 추천 템플릿 중 원하는 원하는 템플릿을 선택합니다.
2-4
도움말
1
2
26. 26
홈페이지 구성 아이콘 익히기 (4)홈페이지 정보 편집하기
① 하단 [톱니바퀴] 모양의 아이콘을 선택하여 홈페이지 정보를 입력합니다.
② [등록]버튼을 선택하여 홈페이지 로고를 등록합니다.
* 로고 이미지는 모바일로 직접 [카메라] 또는 [사진 앨범]의 사진을 선택하여 이미지를 등록합니다.
③ 홈페이지 명, 홈페이지 설명, URL인터넷 주소를 등록합니다.
④ 홈페이지 분류에 해당 홈페이지 업종 분류를 선택합니다.
2-4
도움말
2
1
3
4
27. 27
페이지 편집 아이콘 익히기
① [연 필] : 해당 페이지 내용을 편집할 수 있는 화면으로 이동합니다.
② [단 추] : 해당 페이지를 삭제하거나 미노출합니다.
③ [화살표] : 좌/우로 페이지를 이동합니다.
2-4
도움말
1
2
3
28. 28
페이지 구성요소 아이콘 익히기
① 페이지별 우측하단 [구성요소] 아이콘을 선택합니다.
② 페이지별 추가된 [구성요소] 중 필요 부분을 선택하여 위치 이동, 복사, 또는 삭제할 수 있습니다.
③ [추가] 버튼 선택 후 구성요소를 추가할 수 있습니다.
2-4
도움말
이미지
(한장)
이미지
(여러장)
텍스트
(타이틀)
텍스트
(본문형)
동영상
(주소)
네모버튼 막대버튼 구분선
(공백)
구분선
(실선)
구분선
(점선)
2 3
1
30. 30
첫 페이지 제작하기
① 첫페이지의 [연필]을 클릭하여 페이지의 내용을 편집합니다.
② 첫페이지 메뉴명을 입력합니다.
③ 빈 배경화면을 클릭하여 배경이미지를 등록합니다.
④ 홈페이지 정보를 입력합니다. (26쪽 참고)
⑤ 첫페이지에 연결할 서비스를 선택합니다. (전화, 모두스토어, 네이버예약, 모두톡톡, 편의정보 / 외부 SNS 링크, 게시판, 다른 페이지 연결 등)
2-5
1
2
3
4
5
[편집전] [편집후]
도움말
31. 31
연결정보 편집 & 톡톡연결하기
① 우측 상단 [연결정보] 아이콘을 클릭합니다.
② 전화와 문자 번호를 입력합니다. 필요한 경우, [비즈넘버 사용하기]를 클릭하여 약관에 동의하면 비즈넘버 사용이 가능합니다.
③ 실시간 상담 채널인 톡톡이 필요한 경우, [사용하기]를 클릭하여 네이버 아이디로 로그인 후, 톡톡 계정을 생성합니다.
2-5
도움말
2
3
1
32. 32
하단정보 편집하기
① 페이지 하단의 [홈페이지 하단 정보]를 클릭합니다.
② 업체의 상세 정보를 입력합니다.
2-5
도움말
1
2
33. 33
메뉴명 & [이미지 한장] & [텍스트] 구성요소 편집하기
① 단순템플릿 페이지 중 두번째 페이지를 삭제하고 ‘빈페이지’를 페이지 추가 합니다.
② 우측 하단 구성요소 추가 버튼을 클릭하여 ‘이미지 한장’과 ‘텍스트’ 구성요소를 추가합니다.
③ [이미지 한장] 구성요소 화면을 클릭합니다. 이미지는 모바일로 직접 [카메라] 또는 [사진 앨범]의 사진을 선택하여 이미지를 등록합니다.
④ 상단의 [메뉴명 입력]을 클릭하여 메뉴명을 입력합니다. 하나의 메뉴에 여러 개의 페이지가 있을 경우, [페이지명 입력]을 클릭하여 페이지명
을 입력합니다.
⑤ 추가한 텍스트 구성요소를 터치하여 텍스트 내용을 수정할 수 있습니다.
2-5
도움말
1
5
삭제 추가
2
3
4
34. 34
[버튼] 구성요소 편집하기
① 추가한 [버튼] 구성요소를 클릭합니다.
② [아이콘 수정]에서 원하는 아이콘을 선택 후 [✔]을 클릭하여 저장합니다.
③ [텍스트 수정]에서 원하는 버튼명으로 텍스트를 편집합니다.
④ [버튼 연결정보 수정]에서 버튼 타입을 선택하고 타입에 따라서 속성 내용을 편집한 후 [✔]을 클릭하여 저장합니다.
2-5
도움말
1
2
3
4
35. 35
[이미지 여러장] 구성요소 편집하기
① 추가한 [이미지 여러장] 구성요소를 클릭하여, 원하는 사진을 등록합니다.
* [카메라]를 선택하면 새로운 사진 촬영 후 이미지를 바로 반영할 수 있습니다.
* [사진앨범]을 선택하면 모바일에 저장되어 있는 이미지를 등록할 수 있습니다.
2-5
도움말
1
36. 36
[전환효과 이미지] & [동영상] 구성요소 편집하기
① 하단의 [ + ]모양의 페이지 추가 버튼을 이용하여 ‘전환이미지+텍스트’를 페이지 추가합니다.
② 전환효과 이미지 편집은 이미지하단 썸네일에서 이미지 추가 또는 수정만 가능합니다. 이미지 순서 변경과 삭제는 PC에서 가능합니다.
③ 앞과 동일한 방식으로 하단의 구성요소 추가 버튼을 이용하여 [동영상] 구성요소를 추가합니다. 또는 하단의 페이지 추가 버튼을 이용하여 ‘동
영상’을 페이지 추가합니다.
④ 동영상 태그는 온라인 상에 업로드 되어 있는 동영상의 URL주소의 주소창을 길게 눌러 복사하여 붙여넣기 합니다.
2-5
도움말
41
2
3
37. 37
[지도] 구성요소 편집하기
① 지도 페이지를 클릭합니다.
② [지도] 구성요소를 클릭하여 주소를 입력합니다.
* 지도 구성요소는 모바일에서 추가는 불가능하며 편집만 가능합니다. 기능 페이지인 [편의정보]페이지의 지도와는 다른 구성요소입니다.
* 필요한 경우, 우측상단 [핀위치 수정] 버튼을 선택하여 핀 위치를 수정한 후, [완료] 버튼을 선택하여 작업을 완료합니다.
③ [업체명]을 터치하여 텍스트 내용을 편집합니다.
2-5
도움말
3
1
2
38. 38
모바일 편집 불가능 영역
① 기능페이지 (모아보기, 쿠폰/이벤트, 편의정보, 게시판, 메뉴/가격, SNS편집, 스토어, 스케쥴) 페이지 편집은 PC에서 가능합니다.
* 기능페이지 중 스케쥴과 게시판 페이지는 모바일에서 추가 가능합니다. 또한 홈페이지 반영 후, 홈페이지에서 직접 스케줄 일정쓰기와 게시
판 글쓰기가 가능합니다.
② 표 구성요소는 PC에서만 추가 및 편집 가능합니다.
2-5
도움말
기
능
페
이
지
1
구
성
요
소
2
39. 39
홈페이지 반영하기
① 우측 상단 [저장] 버튼을 선택하여 편집된 내용을 적용합니다.
② [홈페이지반영] 또는 [임시저장]을 선택할 수 있습니다.
* 홈페이지반영은 ‘공개(on)’를 의미합니다. 네이버 자동 검색 반영을 위해서는 반드시 홈페이지를 먼저 반영해야 가능합니다.
* 임시저장은 편집된 내용이 비공개 상태로 저장됩니다.
③ 홈페이지 반영 시 [확인]을 터치합니다.
2-5
도움말
2
3
1
42. 42
① 홈페이지 반영 후 하단 [톱니바퀴] 아이콘을 선택하여 홈페이지 정보를 입력합니다.
② [네이버 검색 노출] 여부에 [✔]을 체크합니다.
* 검색노출은 다음날에 네이버 검색창에서 확인하세요. 네이버 검색결과 중 사이트 검색, 웹문서 검색, 이미지 검색에 내 홈페이지가 노출됩니
다. 또한 "홈페이지명@"로 검색하면 modoo[모두] 홈페이지만 사이트 검색 결과 상단에 나타납니다.
③ [홈페이지 공동편집]을 선택하여 홈페이지 공동편집자를 네이버 아이디로 추가할 수 있습니다.
[홈페이지 선물하기]는 홈페이지 완성 후 사용 가능하며, 선물받는 사람의 네이버 아이디가 필요합니다.
네이버 검색 등록하기 & 공동편집하기 & 선물하기3-1
도움말
1
2
31
① 공동편집의 경우 홈페이지를 5명까지 함께
편집하고 관리할 수 있어 편리합니다.
② 공동편집자는 스토어,톡톡,예약서비스 ‘연결
하기’는 가능하나 ‘연결끊기’는 불가능합니
다.
③ 공동편집자는 홈페이지 삭제가 불가능합니
다.
공동편집 Tip
① 선물하기의 경우 홈페이지의 주인이 완전히
변경됨을 의미합니다. 선물한 이후에는 선물
을 받은 사람만 홈페이지를 삭제할 수 있습
니다.
② 선물 받은 사람이 홈페이지 편집에 어려움이
있을 경우 ‘나에게 편집권을 남기고 선물하
기’ 옵션을 선택하여 함께 홈페이지를 편집
하고 관리할 수 있습니다.
선물하기 Tip
43. 43
참고: 네이버 마이비즈니스 소개
modoo![모두]는 네이버마이비즈니스에 등록된 홈페이지 정보를 가져올 수 있습니다.
따라서 네이버마이비즈니스에서 업체지도, 정보 등을 먼저 등록하시면 보다 효율적인 관리가 가능합니다.
네이버 마이비즈니스(https://submit.naver.com)는 사업주 분들이 네이버에 업체를 무료로 효과적으로 홍보할 수 있도록 도움을 드리는
서비스입니다.
네이버의 통합검색, 지도 서비스, 내비게이션 등 네이버에서 제공되는 업체 정보의 대부분은 마이비즈니스에 등록된 정보로 제공됩니다.
네이버 마이비즈니스에 대해 더 알고 싶다면, 파트너스퀘어 온라인 아카데미에서 ‘네이버 마이비즈니스’ 동영상 강의를 참고해 주세요.
3-1
도움말
44. 44
네이버 마이비즈니스에 업체 등록하기
① 네이버 마이비즈니스 상단에서 [신규등록]을 클릭합니다.
② 업체명, 전화번호, 주소, 위치확인 업종검색을 순서대로 입력합니다.
③ 네이버 지도 등록 여부를 확인하고, 필수정보, 상세정보를 입력합니다.
2-5
도움말
1
2
3
45. 45
네이버 마이비즈니스에 등록된 업체 정보 수정하기
① 네이버 마이비즈니스 상단에서 [조회관리]를 클릭합니다.
② [등록내역]을 클릭합니다.
③ 수정, 삭제, 관리 권한 위임을 클릭하며 업체 정보를 수정합니다.
2-5
도움말
1
2
3
47. 47
모바일로 홈페이지 관리하기
① [홈페이지 관리] 리스트 중 편집을 희망하는 홈페이지 명을 선택하여 편집화면으로 이동합니다.
② 홈페이지명 우측에 있는 [그래프]모양을 선택하면 월간리포트로 이동합니다.
* 월간리포트는 홈페이지 생성한 다음달 1일부터 확인 가능합니다.
③ 사이트 명 우측에 있는 [집] 모양을 선택하면 현재 반영중인 모바일 홈페이지로 이동합니다.
④ [톱니바퀴] 모양을 선택하면 [홈페이지 정보]를 편집할 수 있습니다.
3-2
도움말
2 3 4
modoo café(교재용)
modoocafe0901.modoo.at
1
2 3 4
49. 49
홈페이지 SNS로 공유하기
① 모바일 첫 화면 [단추]버튼 혹은 첫 화면 최하단 [공유] 를 클릭하여 공유하기 창을 엽니다.
* 홈페이지명, 공유시 노출 문구, 출처, 그리고 URL 이 매체를 통하여 공유됩니다.
② 선택된 공유매체를 통해 현재 보이고 있는 페이지로 modoo![모두] URL을 공유합니다.
* 홈페이지 첫 화면으로 공유하고 싶다면 URL창에서 OOOOO.modoo.at/ 까지만 공유해주세요.
* 공유 문구는 PC에서만 작성 가능합니다. 우리 가게를 대표할 만한 슬로건을 작성해 주세요.
3-3
도움말
메신저 공유 소셜서비스 공유
1
1
2
50. 50
modoo![모두] 소상공인축제 적극 참여하기
modoo![모두]에서는 modoo![모두] 홈페이지 홍보를 위해 매달 소상공인축제를 진행합니다.
modoo![모두] 홈페이지를 적극적으로 홍보할 수 있는 이벤트가 진행되고 있으니 빠짐없이 ‘소상공인축제’를 확인하시고 꼭 참여해 보세요.
3-3
도움말
52. 52
네이버 상거래 교육센터 안내
네이버는 상거래 및 온라인 홍보 등에 관련된 다양한 교육 프로그램을 운영하고 있습니다.
네이버 파트너 스퀘어 온라인 아카데미에서는 modoo![모두] 홈페이지 제작과 심화된 온라인 마케팅/홍보 방법 영상을 제공하고 있습니다.
모두교육센터에서는 modoo![모두] 홈페이지 제작 교재 와 영상을 제공하고 있습니다.
네이버 쇼핑 교육센터는 심화된 온라인 상거래 방법에 대한 노하우를 공유하고 있습니다.
04
도움말
네이버 쇼핑교육센터
http://edu.shopping.naver.com
네이버 파트너스퀘어
온라인 아카데미
http://www.edwith.org/ptnr/naveracademy
모두교육센터
http://educenter.modoo.at
53. 53
교육 프로그램 가이드맵04
네이버 쇼핑교육센터
온라인을
통해
상품을
제대로
상거래
하고
싶어요.
네이버 파트너스퀘어 온라인 아카데미
온라인을
통해
상품을
제대로
홍보하고
싶어요.
제품 사진을 어떻게 촬영하지?
어떻게 상품 판매하지?
온라인 상거래 시 세금은?
사진 촬영/디자인 교
육
온라인 쇼핑/상거래 교
육
세법/세무 관련 교
육
모두교육센터
모바일 홈페이지 제작/홍보 방법 교육
어디에 홍보를 해야 하지?
어떤 내용을 홍보하면 될까?
업체 정보 관리를 어떻게
하지?
검색광고
마케
팅
네이버 마이비즈니
스
어떻게 모바일 홈을 만들지?
modoo![모두]