Transcript
와 함께하는
모바일웹 제작 및 마케팅 교육
목차
1.모바일 마케팅의 시작
1.1 눈 돌릴 곳이 필요하다.
1.2 몽상가는 이익을 내지 못한다.
2.실전에서 필요한 modoo![모두] 다루기
2-1. modoo![모두] 서비스의 이해
2-2. modoo![모두] 다루기
2-3. modoo![모두]로 제작하기
3.스킬업! modoo![모두] 활용하기
3-1. 고객을 자극하는 할인 이벤트 만들기
3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기
4. modoo![모두] 운영하기
4-1. 비즈니스 최적화를 위한 게시글 관리와 무료 통계 분석
4-2. 온, 오프라인에서 modoo![모두] 활용법
4-3. modoo![모두] QR코드 활용
4-4. 네이버 실시간 예약부터 결제까지!
1. 모바일 마케팅의 시작
4
1.1 눈 돌릴 곳이 필요하다.
휴대전화. 거역할 수 없는 시간 또는 공간의 침입자
2014년 모바일 인터넷 이용 실태’를 보면 만 6세 이상 인구의 86.7%가 이동 중인 교통수단 안, 70.5%가 길거리, 공원 등 실외장소 등에서
모바일 인터넷을 사용한다.
- 마셜 매클루언Marshall McLuhan
2014년 모바일 인터넷 이용 실태 조사 중 모바일 인터넷 이용 장소(출처: KISA)
이동 중 혹은 무료한 시간
5
1.1 눈 돌릴 곳이 필요하다.
네트워크의 중심이 PC에서 MOBILE로….
모바일을 통한 웹 이용은 PC 웹 이용과는 달리 ‘휴일’이 없음.
단순 이용증가추세가 아닌, 기존보다 더 많은 웹 이용시간을 보임.
6
1.1 눈 돌릴 곳이 필요하다.
휴대전화. 거역할 수 없는 시간 또는 공간의 침입자
아기를 돌보느냐 인터넷 쇼핑은 꿈도 못 꾸던 엄마들이 모바일 쇼핑의 귀한 손님이 되고 있다.
즉, PC 검색에서 후순위에 있던 검색어들이 모바일에서 상위로 올라온 것.
- 마셜 매클루언Marshall McLuhan
20%
7%
13%
7%
11%
4%
12%
27%
15%
5%
22%
4%
11%
4%
12%
27%
의류/패션 화장품 디지털/가전 출산/육아 식품 레포츠 가구생활 여행/서비스
상품군 별 거래 비중
모바일 PC
티셔츠
1초에 2.3개
기저귀
1초에 96.3개
▲ 상품군 별 거래 비중 (출처: 통계청 온라인 쇼핑 동향 조사 및 네이버 비즈니스 컨퍼런스 2014 자료)
7
1.2 몽상가는 이익을 내지 못한다
모바일 웹 사이트가 없다면 소비자들을 만날 기회가 낮아진다.
48%
검색
브랜드 사이트
33%
브랜드 앱
26%
상품 구매를 위한 모바일 사용 행태
검색 브랜드 사이트 브랜드 앱
(출처: 생초보를 위한 모바일 홈페이지 만들기 )
검색으로 연결되는 사이트는 모바일 홈페이지.
포탈에서도 모바일 유입률이 높아서 검색 결과가 모바일 홈페이지인 사이트를 우선으로 둘 수밖에 없다.
2. 실전에서 필요한
다루기
9
2-1. modoo![모두] 서비스의 이해 - moodo![모두] 란?
PC / Mobile
도메인 구매
호스팅 상품 구매
사이트 구축
검색엔진 등록
Mobile
[모두]
무료 지원
modoo![모두] 란?
누구나 쉽게 모바일 홈페이지를
제작/수정할 수 있는 제작관리 프로그램
입니다.
온라인에서 고객과 만나기 위해서는 일정한 프로세스가 필요합니다.
modoo![모두]는 보다 쉽게 모바일 검색사용자를 만나실 수 있도록 지원하는 서비스로 콘텐츠만 채우면 모바일 웹이 완성되는 빌더입니다.
비용 발생(유료)
10
2-2. modoo![모두] 다루기
modoo![모두]
www.modoo.at 접속
① 네이버에 [modoo!] 검색이나 주소창에 www.modoo.at를 입력하여 접속합니다.
② [로그인] 버튼을 클릭합니다.
③ 로그인창에 네이버 아이디/비밀번호를 입력하여 로그인합니다.
프로세스
1
X
modoo![모두] 서비스는 누구나 회원 가입만 하면 무료로 서비스를 사용할 수 있습니다.
가입단계: 네이버 아이디 로그인 사용동의 > 약관 동의 > 가입완료
!중요: modoo![모두] 제작 시 인터넷 브라우저는 가급적 크롬 브라우저를 활용합니다.
3
2
11
2-2. modoo![모두] 다루기
modoo![모두] 회원정보변경
네이버 아이디를 활용하여 내 정보 및 각종 설정기능으로 회원유형에 따라 혜택을 받으실 수 있습니다.
① ‘내 정보> 회원정보변경’에서 휴대폰번호 와 주소를 입력하여 저장합니다.
*휴대폰 번호 및 주소를 입력하시면 게시판 새글/답글 무료 알림을 받을 수 있습니다.
프로세스
1
12
2-2. modoo![모두] 다루기
① 개인사업자나 법인/기관 일 경우 회원유형으로 변경합니다.
*사업자 변경 시 중소상공인을 위한 다양한 지원이 준비되어 있습니다.
프로세스
1
modoo![모두] 회원정보변경
네이버 아이디를 활용하여 내 정보 및 각종 설정기능으로 회원유형에 따라 혜택을 받으실 수 있습니다.
13
2-2. modoo![모두] 다루기
① 사업자 회원유형으로 변경 시 추가정보 입력 및 사업자등록증 사본 파일을 첨부하여 저장합니다.
*사업자 변경 시 중소상공인을 위한 다양한 지원이 준비되어 있습니다.
프로세스
1
modoo![모두] 회원정보변경
네이버 아이디를 활용하여 내 정보 및 각종 설정기능으로 회원유형에 따라 혜택을 받으실 수 있습니다.
14
2-2. modoo![모두] 다루기
① ‘내 정보>알림설정’ 에서 휴대폰 및 이메일로 수신받을 정보를 선택합니다
프로세스
1
modoo![모두] 알림 설정
네이버 아이디를 활용하여 내 정보 및 각종 설정기능으로 회원유형에 따라 혜택을 받으실 수 있습니다.
15
2-2. modoo![모두] 다루기
① ‘내 정보> 메일 수신 내역’에서 moodo![모두] 서비스에 발송한 이메일 내용을 확인할 수 있습니다.
프로세스
modoo![모두] 메일 수신 내역
네이버 아이디를 활용하여 내 정보 및 각종 설정기능으로 회원유형에 따라 혜택을 받으실 수 있습니다.
1
16
2-2. modoo![모두] 다루기 - 사이트 등록하기
modoo![모두] 제작을 시작하기 위해서 로그인 후 [사이트관리] 버튼을 클릭하여 사이트관리자 페이지로 접속합니다.
modoo![모두] 사이트를 생성, 편집하실 수 있습니다.
① [내 모두! 만들기] 버튼이나 상단 우측 [사이트관리]를 클릭하여 사이트관리자 페이지로 접속합니다.
② 사이트관리자 페이지에서 사이트 등록하기 / 사이트 추가하기 버튼을 클릭합니다.
*modoo![모두]는 가입계정 한 개로 10개 사이트를 제작/ 노출 시킬 수 있고, 사업자유형으로 등록 시 20개 사이트를 제작/ 노출 시킬 수 있습니다.
프로세스
1
2
17
2-2. modoo![모두] 다루기
모바일 사이트의 콘텐츠를 구성하는 단계로, 특성에 맞추어 세 가지 영역을 설정합니다.
① 사이트 구성 영역: 사이트정보 및 메뉴 내부의 페이지 개수를 결정하는 영역.
② 페이지 디자인 영역: 메뉴 내부에 들어가는 페이지를 구성요소 추가로 제작.
③ 사이트 노출 영역: 실제 적용하기 전 미리 확인하고, 페이지별 노출 여부를 결정할 수 있는 영역.
* 구성요소 추가: 구성하고자 하는 메뉴의 성격에 따라 페이지 내에 삽입할 수 있는 텍스트, 이미지, 지도, 기능버튼 등의 요소.
용어설명
① 사이트 구성 영역
② 페이지 디자인 영역
■ 추천템플릿 설정
■ 사이트정보 관리
■ 메뉴 추가/변경/삭제
■ 페이지 추가/변경/삭제
■ 구성요소 추가
③ 사이트 노출 영역
■ 페이지 노출/노출 안 함
■ 페이지명 / 주소복사
■ 변경내용확인
■ 성인인증
■ 미리보기+테마설정
- 사이트 관리 영역별 기능
18
2-2. modoo![모두] 다루기
① 사이트관리 페이지에서 [미리보기+테마설정] 아이콘을 클릭합니다.
② 노출 유형 선택에서 ‘기본형 / 세로형 / 카드형’ 옵션 선택하여 레이아웃을 결정합니다.
*이용 중에도 사이트 유형은 언제든지 변경할 수 있습니다.
프로세스
1
- 노출유형 선택
기본형 세로형 카드형
노출유형을 선택합니다.
modoo![모두] 서비스 노출 유형은 기본형, 세로형, 카드형을 제공합니다.
2
19
2-2. modoo![모두] 다루기
디자인에 사용할 테마 색상을 선택합니다.
선택된 색상에 따라 버튼의 색상, 강조 문구의 색상 등이 달라집니다.
① 여러 가지 컬러 중 마음에 드는 컬러를 골라서 V체크합니다.
② 원하는 이미지를 등록할 때는 [이미지 등록] 텍스트를 눌러 내 PC에 등록된 이미지를 넣어주세요.
③ 제공되는 임시주소로 제작 중인 모바일 사이트를 미리 볼 수 있습니다.
*[미리보기+테마설정]에서 제공되는 임시주소는 1시간 동안 유효합니다.
프로세스
- 미리보기 + 테마 설정
1
2
3
20
2-2. modoo![모두] 다루기
modoo![모두] 사이트 정보에서 기본정보를 입력합니다.
① 사이트의 대표이미지를 선택해 주세요.
② 사이트를 가장 잘 알릴 수 있는 사이트명을 입력하세요.
③ 사이트명 하단에 노출될 사이트 설명을 입력하세요.
④ 사이트를 공유할 매체와 공유 시 안내 문구를 입력해 주세요.
⑤ 사이트 필수 정보를 저장합니다.
프로세스
- 정보관리 입력
5
1
2
3
4
21
2-2. modoo![모두] 다루기
modoo![모두] 편집 전 정보관리에서 기본정보를 입력합니다.
① 예약 및 문의 수단을 설정해 주세요. 모바일 사이트 우측 최상단 전환요소에 나타나게 됩니다.
② 사이트 하단에 노출되는 회사 정보를 입력해주세요.
③ 사이트 연결 정보를 저장합니다.
프로세스
1
2
- 정보관리 입력
3
22
2-2. modoo![모두] 다루기
modoo![모두] 편집 전 정보관리에서 기본정보를 입력합니다.
① modoo! 주소 입력란에 모바일 사이트를 나타낼 수 있는 이름으로 modoo! 사이트 주소를 입력합니다. ‘http://회원 입력 주소.modoo.at’으로 결정됩니다.
② 네이버 사이트검색에 연동될 분류 정보를 선택하여 주세요. 업종 분류는 검색 결과에 영향을 줄 수 있으므로 신중하게 선택해 주세요.
③ 지역 검색에 활용될 업체의 주소를 입력해 주세요.
④ 위의 입력된 정보로 [네이버 무료 검색 등록하기]를 누르면 네이버 검색 결과에 내 홈페이지와 업체를 노출할 수 있습니다
⑤ URL 및 무료 검색등록을 저장하세요.
프로세스
- 정보관리 입력
1
2
3
4
5
생활, 건강/음식, 요리/음식점/스파게티
음식점/양식/이탈리아음식/스파게티,파스타전문
경기도 성남시 분당구 삼평동
672 모두 스파게티
23
사이트
노출하기
구성요소를
추가하여
페이지 만들기
메뉴, 페이지
구성하기
추천 템플릿
/ 직접구성
선택하기
2-3. modoo![모두]로 제작하기 - 모바일 홈페이지 제작단계
24
2-3. modoo![모두]로 제작하기
① 메뉴 추가: 메뉴를 삽입하고자 하는 위치를 클릭하고 [메뉴 추가] 버튼 클릭.
② 메뉴 수정: 메뉴를 클릭하고
③ 메뉴명 입력: 메뉴의 이름을 텍스트 박스에 넣어주세요.
④ 동일한 방법으로 구상한 메뉴를 추가.
프로세스
노출되는 위치
2
3 4
- 사이트 만들기 예시: 메뉴추가 하기
1
25
2-3. modoo![모두]로 제작하기
추가한 메뉴의 순서를 변경할 땐 수정을 원하는 메뉴를 마우스 왼쪽을 클릭한 상태에서 좌, 우로 이동합니다.
활용 TIP
- 사이트 만들기 예시: 메뉴이동 하기
?
마우스 좌측 버튼 클릭 상태로 좌/우로 움직여 원하는 위치로 이동시킴
!
26
2-3. modoo![모두]로 제작하기 - 사이트 만들기 예시: 메뉴삭제 하기
① 삭제할 메뉴를 클릭합니다.
② 클릭 시 나오는 작은 창에 [메뉴삭제] 버튼을 클릭하여 삭제.
프로세스
2
1
27
2-3. modoo![모두]로 제작하기
① [+페이지 추가] 버튼을 클릭합니다.
② 페이지 추가 창에서 원하는 페이지을 선택합니다. (예시페이지의 경우 ‘빈 페이지' 템플릿을 사용했습니다.)
③ 페이지 추가 버튼을 클릭하여 페이지 생성.
프로세스
- 사이트 만들기 예시: 페이지 추가 하기
노출되는 위치
1 2
3
빈 페이지
게시판 페이지
템플릿 페이지
구성요소가 맞춰진 형태의 템플릿 페이지
게시판 페이지
게시물을 등록하거나 문의 접수를 할 수 있는 페이지
빈 페이지
구성요소를 추가하여 직접 구성하는 페이지
템플릿 페이지
28
2-3. modoo![모두]로 제작하기 - 사이트 만들기 예시: 페이지이동 하기
?
추가한 메뉴의 순서를 변경할 땐 수정을 원하는 메뉴를 마우스 왼쪽을 클릭한 상태에서 좌, 우로 이동합니다.
활용 TIP
마우스 좌측 버튼 클릭 상태로 좌/우로 움직여 원하는 위치로 이동시킴
!
29
2-3. modoo![모두]로 제작하기
① [+페이지 추가] 버튼을 클릭합니다.
② 페이지 추가 창에서 페이지를 선택합니다.
③ [페이지 추가] 버튼을 클릭하여 페이지를 추가합니다.
④ 추가된 페이지를 원하는 메뉴의 페이지 옆으로 이동하여 위치합니다.
프로세스
- 사이트 만들기 예시: 서브 페이지 추가 하기
한 개의 메뉴에 페이지 내용이 두 페이지 이상 구상해야 할 경우 서브 페이지를 추가합니다.
30
2-3. modoo![모두]로 제작하기
① 페이지명: 구성요소 중 버튼기능의 [페이지이동] 타입 속성에서 선택 시 노출되는 이름입니다. (페이지 추가 시 페이지명을 알맞게 변경합니다.)
② 속성: 선택한 페이지를 웹상에 '노출/노출 안 함'으로 '공개 및 비공개'형태로 운영할 수 있습니다. (페이지 백업, 이벤트 등 활용)
③ 성인인증: 선택한 페이지에 성인인증을 체크하면 웹상에서 접속할 때 성인인증을 완료해야 접속할 수 있습니다.
활용 TIP
- 사이트 만들기 예시: 페이지명 / 속성 / 성인인증 변경하기
1
2
3
31
2-3. modoo![모두]로 제작하기
① 페이지복사: 선택한 페이지를 복사합니다.
② 페이지삭제: 선택한 페이지를 삭제합니다.
- 사이트 만들기 예시: 페이지삭제 / 복사하기
프로세스
1 2
32
- 사이트 만들기 예시: 텍스트 오버레이 이미지 추가하기
① 제작할 페이지를 선택합니다.
② 구성요소 추가에서 ‘단수이미지> 텍스트 오버레이 이미지’를 선택합니다.
③ 우측화면에 [+이미지 추가] 버튼을 클릭합니다.
프로세스
1
2
3
적용 페이지
2-3. modoo![모두]로 제작하기
33
- 사이트 만들기 예시: 이미지 추가하기
① 이미지 업로드 창에서 우측 상단 [+PC 사진 추가]를 클릭하고 내 PC에 저장된 이미지를 추가합니다.
② 이미지 업로드 창에 들어온 이미지를 로 크기와 위치를 맞춥니다.
③ 원하는 크기와 위치로 맞춰지면 [이미지 등록] 버튼을 클릭하여 완료합니다.
프로세스
1
2-3. modoo![모두]로 제작하기
이미지 위치를 변경합니다.
이미지 크기를 변경합니다.
2
3
34
- 사이트 만들기 예시: 이미지 위에 텍스트 추가하기
① 이미지 위에 노출되는 ‘타이틀/설명 텍스트’를 입력합니다.
② 추가 속성에 ‘타이틀 크기/타이틀 상자/배경 투명도’를 원하는 데로 선택합니다.
프로세스
1
2
2-3. modoo![모두]로 제작하기
35
- 사이트 만들기 예시: 버튼 추가하기(타일형)
① 구성요소 추가에서 '버튼> 타일형'을 클릭합니다.
② 타일형 버튼은 3개만 사용할 수 있습니다.
③ 버튼을 눌렀을 때 실행되는 타입을 선택합니다.
④ 버튼에 나타나는 이름과 아이콘을 지정합니다.
프로세스
적용 페이지
1
2
3
2-3. modoo![모두]로 제작하기
4
36
① 타입: 버튼을 눌렀을 때 실행되는 상태를 선택할 수 있습니다. (페이지 이동, 전화, 문자, 이메일, 외부링크, 맨 위로)
② 이름: 버튼에 보이는 이름을 입력할 수 있습니다.
③ 속성: 선택한 타입별로 실행, 이동, 연결 등의 내용을 입력할 수 있습니다.
*맨 위로 타입은 클릭 시 페이지 최상단으로 이동합니다.
버튼 구성요소
없음
2-3. modoo![모두]로 제작하기 - 사이트 만들기 예시: 버튼 추가하기(타일형)
1 2
3
37
- 사이트 만들기 예시: 버튼 추가하기(리스트형)
적용 페이지
1
2
3
2-3. modoo![모두]로 제작하기
① 구성요소 추가에 '버튼> 리스트형'을 클릭합니다.
② 버튼에 나타나는 타입, 이름, 속성, 아이콘을 지정합니다.(타일형과 동일)
③ [+새 버튼] 추가 버튼은 최대 2개까지 추가할 수 있습니다.
프로세스
38
- 사이트 만들기 예시: 버튼 추가하기(리스트형)
① 리스트형 버튼은 테마, 아이콘 유무를 변경할 수 있습니다.
리스트형 버튼 활용
1
2-3. modoo![모두]로 제작하기
39
- 사이트 만들기 예시: 단수 이미지 추가하기
① 구성요소 추가에 '단수이미지> 이미지'를 클릭합니다.
② 화면 우측 상단에 [+이미지 추가] 버튼을 클릭합니다.
③ 이미지 업로드 창 우측 상단 [+PC 사진 추가] 버튼을 클릭하여 원하는 이미지를 선택합니다.
④ 이미지 업로드 창에서 이미지의 위치, 크기를 변경하여 [이미지 등록] 버튼을 클릭하여 완료합니다.
프로세스
적용 페이지
1
2
3
4
2-3. modoo![모두]로 제작하기
40
- 사이트 만들기 예시: 구분선 추가하기
① 구성요소 추가에 '구분선>공백'을 클릭합니다.
② 공백/ 실선/ 점선 타입 중 원하는 타입을 선택합니다.
프로세스
적용 페이지
1
2
2-3. modoo![모두]로 제작하기
41
- 사이트 만들기 예시: 텍스트 추가하기
① 구성요소 추가에 '텍스트> 타이틀텍스트'를 클릭합니다.
② 구성요소 추가에 '텍스트> 본문형 텍스트'를 클릭합니다.
*각 텍스트 구성의 내용과 정렬, 색상을 입력 및 선택합니다.
프로세스
적용 페이지
1
2
2-3. modoo![모두]로 제작하기
42
- 사이트 만들기 예시: 텍스트 추가하기
적용 페이지
1
2
2-3. modoo![모두]로 제작하기
① 구성요소 추가에 '텍스트> 타이틀텍스트'를 클릭합니다.
② 구성요소 추가에 '텍스트> 본문형 텍스트'를 클릭합니다.
*각 텍스트 구성의 내용과 정렬, 색상을 입력 및 선택합니다.
프로세스
43
- 사이트 만들기 예시: 표 추가하기
① 구성요소 추가에서 '표'를 클릭합니다.
② 우측화면에 '표 추가하기> [추가]' 버튼을 클릭합니다.
③ 표 업로드 창에서 행과 열 개수를 선택한 후 내용을 입력합니다.
④ [등록] 버튼을 눌러 표를 넣습니다.
* 모바일 홈페이지에서 표를 클릭하면 확대하여 볼 수 있습니다.
프로세스
적용 페이지 1
2 3
4
2-3. modoo![모두]로 제작하기
44
- 사이트 만들기 예시: 목록형 텍스트 추가하기
① 구성요소 추가에 '텍스트> 목록형 텍스트'를 클릭합니다.
② 타입, 유형, 정렬을 선택합니다.
③ 내용을 입력합니다.
④ 목록을 추가할 경우 [+리스트 추가] 버튼을 클릭하여 같은 방법으로 입력합니다.
프로세스
적용 페이지
1
2
3
4
2-3. modoo![모두]로 제작하기
45
- 사이트 만들기 예시: 전환형 이미지 추가하기
① 구성요소 추가에 '전환형 이미지'를 클릭합니다.
② 우측화면에 [+이미지 추가] 버튼을 클릭합니다.
프로세스
적용 페이지
1
2
2-3. modoo![모두]로 제작하기
46
- 사이트 만들기 예시: 이미지 추가하기
① 갤러리 업로드 창에서 [+PC 사진 추가] 버튼을 클릭하여 원하는 이미지를 선택합니다. (이미지를 2장 이상 추가하세요.)
② 갤러리 업로드 창에 불러온 이미지는 왼쪽 작은 썸네일 이미지를 클릭하면 우측에 큰 이미지 창에 활성화됩니다. 큰 이미지에서 '크기, 위치'를 변경하세요.
③ [이미지 등록] 버튼을 클릭합니다.
④ 우측화면에 '▶' 버튼을 클릭하여 미리 보기를 합니다.
⑤ 움직이는 이미지의 순서를 변경하거나 삭제할 수 있습니다.
프로세스
1
3
2
4
5
2-3. modoo![모두]로 제작하기
47
- 사이트 만들기 예시: 이미지 추가하기
① 전환형 이미지의 '전환형태, 썸네일(작은 이미지) 사용 여부, 전환간격, 타이틀'을 선택 및 변경할 수 있습니다.
* 썸네일(작은 이미지)의 [더보기] 버튼을 클릭하면 이미지를 확대하여 볼 수 있습니다.
프로세스
1
2-3. modoo![모두]로 제작하기
48
- 사이트 만들기 예시: 지도 추가하기
① 구성요소 추가에 '지도'를 클릭합니다.
② 우측 화면에서 [위치선택] 버튼을 클릭합니다.
③ 지도 업로드 창에서 '상호 및 주소'를 검색하여 검색결과를 선택합니다.
④ 우측 지도에서 [+ -] 아이콘으로 지도를 확대, 축소하여 위치를 조정합니다.
⑤ [지도 등록] 버튼을 클릭하여 완료합니다.
프로세스
1
2
3
4
5
2-3. modoo![모두]로 제작하기
49
- 사이트 만들기 예시: 지도 추가하기
모바일 상에서 지도를 눌렀을 때 네이버 지도 웹페이지 및 네이버 지도 애플리케이션으로 이동하여 상세서비스를 이용할 수 있습니다.
지도 활용
적용 페이지
2-3. modoo![모두]로 제작하기
50
- 사이트 만들기 예시: 동영상 추가하기
① 구성요소 추가에 '동영상> 동영상 태그'를 클릭합니다.
② 우측화면에 네이버 영상 및 유튜브 영상의 주소를 붙여넣기 후 [등록] 버튼을 눌러 추가합니다.
# 네이버와 유튜브 동영상의 태그를 넣는 방법은 다음 페이지를 참고하세요.
프로세스
적용 페이지 1
2
2-3. modoo![모두]로 제작하기
51
- 사이트 만들기 예시: 동영상 태그 복사하기
① 링크시킬 영상의 소스복사(네이버), 공유(유튜브)를 클릭합니다.
② URL 주소를 복사하여 동영상 태그란에 [붙여넣기] 후 [등록] 버튼을 클릭합니다.
동영상 주소 가져오기
1
3
2
1
2
2-3. modoo![모두]로 제작하기
52
2-3. modoo![모두]로 제작하기 - 저장 및 사이트 적용
프로세스
1 2
① 하단에 [저장] 버튼을 클릭하여 에디터에서 편집한 템플릿을 저장합니다.
② 운영 중인 사이트 수정이 아닌 신규제작이라면 [사이트 적용] 버튼을 클릭하여 모바일환경 및 PC 모니터에서 확인하며 제작할 수 있습니다.
3. 스킬업! 활용하기
54
3-1. 고객을 자극하는 할인 이벤트 만들기 - 할인 이벤트 예시
출처: 찍스 모바일 사이트 출처: 신세계백화점 모바일 사이트
55
3-1. 고객을 자극하는 할인 이벤트 만들기 - 미리 보기
56
3-1. 고객을 자극하는 할인 이벤트 만들기 - 사이트 추가
① ‘modoo! 홈> 사이트 관리> 관리시스템> [+사이트 추가]’ 버튼을 클릭하여 모바일 홈페이지 제작을 시작합니다.
1
프로세스
사이트 추가: 새로운 사이트를 생성합니다.
가입계정 한 개로 10개 사이트를 제작/ 노출 시킬 수 있고, 개인사업자는 20개 사이트를 제작/ 노출 시킬 수 있습니다.
57
3-1. 고객을 자극하는 할인 이벤트 만들기 - 사이트 정보 입력> 사이트 필수정보
① 사이트의 대표이미지를 선택해 주세요.
② 사이트를 가장 잘 알릴 수 있는 사이트명을 입력하세요
③ 사이트명 하단에 노출될 사이트 설명을 입력하세요.
④ 사이트를 공유할 매체와 공유 시 안내 문구를 입력해 주세요
⑤ 사이트 필수 정보를 저장합니다.
프로세스
사이트 정보: modoo![모두] 편집 전 [사이트 정보]를 눌러 기본 정보를 입력합니다.
1
2
3
4
모두 파스타
이탈리안 레스토랑 모두 파스타입니다.
모두 파스타: 주말 저녁40% 할인
5
58
3-1. 고객을 자극하는 할인 이벤트 만들기 - 사이트 정보 입력> 사이트 연결 정보
사이트 정보: modoo![모두] 편집 전 [사이트 정보]를 눌러 기본 정보를 입력합니다.
① 예약 및 문의 수단을 설정해 주세요. 모바일 사이트 우측 최상단 전환요소에 나타나게 됩니다.
② 사이트 하단에 노출되는 회사 정보를 입력해주세요.
③ 사이트 연결 정보를 저장합니다.
프로세스
1
2
강현진
3
02-1544-1111
59
3-1. 고객을 자극하는 할인 이벤트 만들기 - 사이트 정보 입력> URL 및 무료 검색등록
사이트 정보: modoo![모두] 편집 전 [사이트 정보]를 눌러 기본 정보를 입력합니다.
1
2
3
4
5
생활, 건강/음식, 요리/음식점/스파게티
음식점/양식/이탈리아음식/스파게티,파스타전문
경기도 성남시 분당구 삼평동
672 모두 스파게티
① modoo! 주소 입력란에 모바일 사이트를 나타낼 수 있는 이름으로 modoo! 사이트 주소를 입력합니다. ‘http://회원 입력 주소.modoo.at’으로 결정됩니다.
② 네이버 사이트검색에 연동될 분류 정보를 선택하여 주세요. 업종 분류는 검색 결과에 영향을 줄 수 있으므로 신중하게 선택해 주세요.
③ 지역 검색에 활용될 업체의 주소를 입력해 주세요.
④ 위의 입력된 정보로 [네이버 무료 검색 등록하기]를 누르면 네이버 검색 결과에 내 홈페이지와 업체를 노출할 수 있습니다
⑤ URL 및 무료 검색등록을 저장하세요.
프로세스
60
3-1. 고객을 자극하는 할인 이벤트 만들기 - 메뉴 추가 및 수정
메뉴 / 카드 추가: 기존 메뉴의 이름을 변경하고 메뉴 추가를 눌러 새로운 메뉴를 생성합니다.
① 메뉴 추가: 메뉴를 삽입하고자 하는 위치를 클릭하고 [메뉴 추가] 버튼 클릭.
② 메뉴 수정: 메뉴를 클릭하고
③ 메뉴명 입력: 메뉴의 이름을 텍스트 박스에 넣어주세요.
프로세스
1
2
모두 파스타 3
61
3-1. 고객을 자극하는 할인 이벤트 만들기 - 페이지 추가하기
페이지 추가: modoo![모두]의 모바일 홈페이지 페이지를 추가할 수 있습니다.
① [+ 페이지 추가] 버튼 클릭
② ‘갤러리 C’ 페이지를 선택하세요.
③ 하단의 [v 페이지 추가] 버튼을 클릭하여 페이지를 추가합니다.
프로세스
1 회색 바탕 이미지
테두리에 그림지가 있는 것은 버튼
한 줄로 되어 있는 것은 텍스트
2
3
62
3-1. 고객을 자극하는 할인 이벤트 만들기
① 빈 카드를 클릭해 활성화합니다.
② ‘구성요소 추가> 텍스트> 타이틀 텍스트’를 선택합니다.
③ 텍스트 입력창에 ‘푸드 스페셜’라고 입력합니다.
④ 하단 간격 ‘있음’을 선택하여 텍스트와 다음에 들어갈 이미지 사이의 여백을 확보합니다.
프로세스
1
2 3
모두 파스타: 텍스트와 단수 이미지를 활용합니다.
4
- 이미지와 텍스트 추가
63
3-1. 고객을 자극하는 할인 이벤트 만들기 - 이미지와 텍스트 추가
모두 파스타: 텍스트와 단수 이미지를 활용합니다.
① ‘구성요소 추가> 단수 이미지> 텍스트 오버레이 이미지’를 클릭해서 이미지를 생성하세요
② [+이미지 추가] 버튼을 누르고 이미지를 업로드하세요.
③ 타이틀을 입력하세요.
④ 타이틀의 상세 설명을 넣어주세요.
프로세스
1
2
3
4
64
3-1. 고객을 자극하는 할인 이벤트 만들기 - 버튼 추가
④ 이름에 ‘예약하기’를 입력하세요.
⑤ 속성에 전화번호를 입력하세요.
⑥ 버튼명과 속성에 맞는 아이콘을 선택합니다.
프로세스
모두 파스타: 텍스트와 단수 이미지를 활용합니다.
1
2
3
4
5
6
① ‘구성요소 추가> 버튼> 리스트형’을 클릭해서 버튼을 생성하세요
② 테마는 ‘라인형’으로 속성을 변경하세요.
③ 타입은 버튼을 누르면 바로 전화로 연결되는 [전화] 버튼을 클릭합니다.
65
3-1. 고객을 자극하는 할인 이벤트 만들기 - 메뉴 사진 갤러리
프로세스
① ‘할인 메뉴’ 페이지를 선택하여 ‘페이지 편집하기’를 활성화하세요.
② 이미지의 [+이미지 추가] 버튼을 클릭하여 할인할 메뉴 이미지를 추가하세요.
③ 이미지 상세 보기를 할 때 상단 타이틀 영역에 나타날 ‘타이틀’을 텍스트 박스에 입력하세요.
할인메뉴: 복수 이미지와 텍스트와 활용합니다.
2
4월의 메뉴
1
3
66
3-1. 고객을 자극하는 할인 이벤트 만들기 - 타이틀 텍스트 넣기
프로세스
① 페이지에서 타이틀을 선택하여 편집창을 활성화하세요.
② 타이틀에 ‘가정의 달 특별 이벤트’와 같은 이벤트 문구를 입력하세요.
할인메뉴: 복수 이미지와 텍스트와 활용합니다.
1
2
67
3-1. 고객을 자극하는 할인 이벤트 만들기 - 타이틀 텍스트 넣기
프로세스
① 필요 없는 텍스트는 [x] 버튼을 눌러 삭제합니다.
② 텍스트를 클릭해 오른쪽의 편집창을 활성화합니다.
③ 타입을 ‘목록형’으로 선택하세요.
할인메뉴: 복수 이미지와 텍스트와 활용합니다.
1
2
3
4
5
6
④ 유형은 ‘기호형’으로’ 선택하세요.
⑤ ‘행사 기간’과 같은 알맞은 이벤트 정보를 텍스트 박스에 입력합니다.
⑥ ‘시간’과 같이 목록을 추가하려면 [+리스트 추가] 버튼을 눌러 추가합니다.
68
3-1. 고객을 자극하는 할인 이벤트 만들기 - 테마 설정
프로세스
① [미리보기+테마설정] 버튼을 누르세요.
② 노출 유형 선택에서 ‘세로형’을 선택하여 제작한 이벤트 페이지가 위, 아래로 연결되는 사이트 유형을 선택합니다.
③ [적용] 버튼을 눌러 노출 유형을 저장합니다.
테마 설정: 모바일 사이트의 노출 유형을 세로형으로 설정합니다.
1
2
3
69
3-1. 고객을 자극하는 할인 이벤트 만들기 - 저장하기
프로세스
① 하단에 [저장] 버튼을 클릭하여 에디터에서 편집한 템플릿을 저장합니다.
② 운영 중인 사이트 수정이 아닌 신규제작이라면 [사이트 적용] 버튼을 클릭하여 모바일환경 및 PC 모니터에서 확인하며 제작할 수 있습니다.
저장하기, 사이트 적용: 제작한 사이트를 저장하고 외부로 사이트를 공개합니다.
1 2
70
3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 미리 보기
71
3-1. 고객을 자극하는 할인 이벤트 만들기 - 사이트 추가
① ‘modoo! 홈> 사이트 관리> 관리시스템> [+사이트 추가]’ 버튼을 클릭하여 모바일 홈페이지 제작을 시작합니다.
1
프로세스
사이트 추가: 새로운 사이트를 생성합니다.
가입계정 한 개로 10개 사이트를 제작/ 노출 시킬 수 있고, 개인사업자는 20개 사이트를 제작/ 노출 시킬 수 있습니다.
72
3-1. 고객을 자극하는 할인 이벤트 만들기 - 사이트 정보 입력> 사이트 필수정보
① 사이트의 대표이미지를 선택해 주세요.
② 사이트를 가장 잘 알릴 수 있는 사이트명을 입력하세요
③ 사이트명 하단에 노출될 사이트 설명을 입력하세요.
④ 사이트를 공유할 매체와 공유 시 안내 문구를 입력해 주세요
⑤ 사이트 필수 정보를 저장합니다.
프로세스
사이트 정보: modoo![모두] 편집 전 [사이트 정보]를 눌러 기본 정보를 입력합니다.
1
2
3
4
모두 이벤트
누구나 쉽게 무료로 만들 수 있는 홈페이지 modoo!
퀴즈 이벤트
5
73
3-1. 고객을 자극하는 할인 이벤트 만들기 - 사이트 정보 입력> 사이트 연결 정보
사이트 정보: modoo![모두] 편집 전 [사이트 정보]를 눌러 기본 정보를 입력합니다.
① 예약 및 문의 수단을 설정해 주세요. 모바일 사이트 우측 최상단 전환요소에 나타나게 됩니다.
② 사이트 하단에 노출되는 회사 정보를 입력해주세요.
③ 사이트 연결 정보를 저장합니다.
프로세스
1
2
강현진
3
02-1544-1111
74
3-1. 고객을 자극하는 할인 이벤트 만들기 - 사이트 정보 입력> URL 및 무료 검색등록
사이트 정보: modoo![모두] 편집 전 [사이트 정보]를 눌러 기본 정보를 입력합니다.
1
2
3
4
5
생활, 건강/음식, 요리/음식점/스파게티
음식점/양식/이탈리아음식/스파게티,파스타전문
경기도 성남시 분당구 삼평동
672 모두 모바일
① modoo! 주소 입력란에 모바일 사이트를 나타낼 수 있는 이름으로 modoo! 사이트 주소를 입력합니다. ‘http://회원 입력 주소.modoo.at’으로 결정됩니다.
② 네이버 사이트검색에 연동될 분류 정보를 선택하여 주세요. 업종 분류는 검색 결과에 영향을 줄 수 있으므로 신중하게 선택해 주세요.
③ 지역 검색에 활용될 업체의 주소를 입력해 주세요.
④ 위의 입력된 정보로 [네이버 무료 검색 등록하기]를 누르면 네이버 검색 결과에 내 홈페이지와 업체를 노출할 수 있습니다
⑤ URL 및 무료 검색등록을 저장하세요.
프로세스
75
3-1. 고객을 자극하는 할인 이벤트 만들기 - 메뉴 추가 및 수정
메뉴 / 카드 추가: 기존 메뉴의 이름을 변경하고 메뉴 추가를 눌러 새로운 메뉴를 생성합니다.
① 메뉴 추가: 메뉴를 삽입하고자 하는 위치를 클릭하고 [메뉴 추가] 버튼 클릭.
② 메뉴 수정: 메뉴를 클릭하고
③ 메뉴명 입력: 메뉴의 이름을 텍스트 박스에 넣어주세요.
프로세스
1
2
모두 이벤트 3
76
3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 페이지 추가하기
페이지 추가: modoo![모두]의 모바일 홈페이지 페이지를 추가할 수 있습니다.
① [+ 페이지 추가] 버튼 클릭
② ‘갤러리 C’ 페이지를 선택하세요.
③ 하단의 [v 페이지 추가] 버튼을 클릭하여 페이지를 추가합니다.
프로세스
1 회색 바탕 이미지
테두리에 그림지가 있는 것은 버튼
한 줄로 되어 있는 것은 텍스트
2
3
77
3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 타이틀 넣기
① 빈 카드를 클릭해 활성화합니다.
② ‘구성요소 추가> 텍스트> 타이틀 텍스트’를 선택합니다.
③ 텍스트 입력창에 ‘[EVENT] 퀴즈 이벤트’라고 적습니다
④ 하단 간격 ‘있음’을 선택하여 여백을 확보합니다.
프로세스
1
2 3
퀴즈 이벤트: 텍스트와 단수 이미지를 활용합니다
4
78
3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 동영상 추가
퀴즈 이벤트: 텍스트와 단수 이미지를 활용합니다
① ‘구성요소 추가> 동영상> 동영상 태그’를 클릭해서 동영상을 생성하세요.
② 유튜브 사이트(www.youtube.com)에 접속하여 ‘modoo naver’로 검색하여
동영상을 클릭합니다.
③ ‘공유 텍스트’를 눌러 공유 영역을 활성화하세요.
프로세스
1
5
2 3
2
4
3
6
④ 공유 주소를 키보드 ‘Ctrl+C’를 눌러 복사하세요.
⑤ modoo! 편집창의 동영상 URL에 ‘Ctrl+V’를 눌러 주소를 넣어주세요.
⑥ [등록] 버튼을 눌러 동영상을 추가합니다.
79
3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 텍스트 추가
프로세스
퀴즈 이벤트: 이벤트 참여를 위한 홍보 문구는 텍스트를 활용합니다.
① ‘구성요소 추가> 텍스트> 타이틀 텍스트’를 클릭하세요.
② 타이틀의 텍스트 박스이 ‘참여하세요’ 를 입력하세요.
③ 색상은 마지막에 있는 검은색을 선택합니다.
1 2
3
80
3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 텍스트 추가
프로세스
① ‘구성요소 추가> 텍스트> 본문형 텍스트’를 클릭하여 텍스트를 추가하세요.
② 본문에 이벤트 문구를 입력합니다.
③ 색상은 회색을 선택합니다.
퀴즈 이벤트: 이벤트 참여를 위한 홍보 문구는 텍스트를 활용합니다.
1 2
3
81
3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 버튼 추가
프로세스
① ‘구성요소 추가> 버튼> 리스트형’을 클릭하여 버튼을 생성합니다.
② 버튼의 이름에 ‘이벤트 참여하기’를 입력하세요.
③ 속성은 두 번째 페이지로 이동을 위해 ‘페이지명2’를 선택하세요.
④ 이벤트에 알맞은 아이콘을 선택합니다.
퀴즈 이벤트: 이벤트를 참여할 수 있는 링크로 버튼 요소를 활용합니다.
1
2
3
4
82
3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 문의하기 페이지 편집하기
퀴즈 페이지: 문의하기 카드를 선택하여 편집합니다.
프로세스
① 단일 선택을 안내 문구 하단으로 이동하세요.
② 날짜, 단문 입력, 장문 입력, 목록 선택을 삭제합니다.
③ 복수 선택을 삭제합니다.
④ 이름을 넣을 ‘문의하기 추가> 편집형> 텍스트 유형’을 클릭하고 단일 선택 하단으로 옮겨주세요.
4
1
이동 삭제
삭제
2
3
83
3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 안내문구 넣기
이벤트 페이지: 이벤트 문제를 입력합니다.
프로세스
① 안내 문구를 클릭하여 편집창을 활성화합니다.
② 항목에 질문을 넣습니다.
(Q. 누구나 쉽게 무료로 만들 수 있는 모바일 홈페이지 이름은?)
1
2
84
3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 질문 항목 넣기
이벤트 페이지: 질문으로 사용할 항목을 입력합니다.
프로세스
① 복수 선택을 클릭하여 편집창을 활성화합니다.
② 타이틀에 질문의 표시인 ‘A.’를 입력합니다.
③ 항목에 질문을 입력합니다.
④ 답변을 반드시 입력해야 하므로 필수를 선택합니다.
1
2
3
4
85
3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 이름, 연락처 만들기
이벤트 페이지: 편집형> 텍스트 유형의 타이틀을 변경합니다.
1
2
4
3
5
프로세스
① 타이틀을 선택하여 편집창을 활성화하세요.
② 타이틀에 ‘이름’이라고 넣어주세요.
③ 이름을 반드시 받아야 하므로 필수를 선택하세요.
④ 연락처를 선택하여 편집창을 활성화하세요.
⑤ 연락처를 반드시 받아야 하므로 필수를 선택하세요.
86
3-2. 고가의 솔루션은 가라! 퀴즈 이벤트 만들기 - 저장하기
프로세스
① 하단에 [저장] 버튼을 클릭하여 에디터에서 편집한 템플릿을 저장합니다.
② 운영 중인 사이트 수정이 아닌 신규제작이라면 [사이트 적용] 버튼을 클릭하여 모바일환경 및 PC 모니터에서 확인하며 제작할 수 있습니다.
저장하기, 사이트 적용: 제작한 사이트를 저장하고 외부로 사이트를 공개합니다.
1 2
4. 운영하기
88
4-1. 비즈니스 최적화를 위한 게시글 관리와 무료 통계 분석 - 게시글 관리
사이트 관리자는 운영의 관리와 책임이 있습니다.
새로운 글, 새로운 답글, 새로운 댓글을 한눈에 볼 수 있습니다.
게시판별로 게시물을 확인할 수 있고 글쓰기, 게시글 확인, 답글 달기, 댓글 삭제를 할 수 있습니다
89
4-1. 비즈니스 최적화를 위한 게시글 관리와 무료 통계 분석 - 알림 설정
고객이 올린 게시물을 놓치지 말자.
휴대폰 문자서비스(SMS /LMS /MMS)를 통해 모바일 사이트 운영에 필요한 정보성 문자메시지와 게시판 새 글 등록 알림을 제공해 줍니다.
010-111-2222
010-111-2222
010-111-2222
abc@naver.com
abc@naver.com
abc@naver.com
90
4-1. 비즈니스 최적화를 위한 게시글 관리와 무료 통계 분석
‘modoo![모두] 관리시스템>사이트관리>’통계’에서 확인
▲ 사이트 방문 현황 페이지 예시
통계에서는 웹 로그분석 지표인 방문 현황UV과 페이지뷰PV를 비롯하여 검색 유입 현황 및 페이지 분석 지표 등을 제공합니다
- 통계
91
4-2. 온, 오프라인에서 modoo![모두] 활용법
온라인 사례
모바일 홈페이지 유입을 위한 PC 사이트 이벤트
▲ 듀오 온라인 이벤트 (출처: 듀오)
92
4-2. 온, 오프라인에서 modoo![모두] 활용법
오프라인 사례
모바일 웹으로 연결되는 QR코드 디스플레이!
할인 쿠폰, 즉시 할인, 바로 구매, 이벤트 참여를 즉석에서 진행할 수 있습니다.
▲ 네이버 LINE의 오프라인 QR코드 활용(출처: linea t.jp)
93
4-2. 온, 오프라인에서 modoo![모두] 활용법
LMS 활용 사례
모바일 웹으로 연결되는 URL을 LMS로 발송!
▲ 롯데 아울렛 문자
94
4-3. modoo![모두] QR코드 활용 - 사이트 관리> URL 바로가기
QR코드는 사진, 동영상, 지도, 링크 등의 정보를 담아 코드를 생성하고 여러 사람과 공유할 수 있도록 지원해주는 서비스입니다.
!중요: modoo![모두] QR 코드는 사이트 주소(URL)를 변경해도 계속 사용할 수 있습니다.
① 사이트 관리> 사이트 전체 목록에서 'URL 바로가기'의 [QR코드]를 클릭하세요.
② 출력되는 QR 코드를 온, 오프라인에서 활용할 수 있습니다.
③ 이미지를 마우스 우측버튼으로 클릭 후 ‘이미지를 다른 이름으로 저장’ 선택하여 내 PC에 보관하여 사용하세요.
프로세스
1
1
2
3
95
4-4. 네이버 실시간 예약부터 결제까지!
네이버 예약 (http://easybooking.naver.com/)
사업주의 홈페이지, 네이버 검색광고, 네이버 지도, 카페, 블로그, 메신저, SNS 등 다양한 곳에서 네이버 ID 하나로 편리하게
예약할 수 있는 무료 예약 시스템입니다.
▲ 네이버 예약
96
4-4. 네이버 실시간 예약부터 결제까지!
네이버 페이 (pay.naver.com)
검색과 모바일 쇼핑의 연결. 진화된 간편 결제를 도입하고 인증 없이도 안전하게 결제하는 방법으로 소비자와 판매자를 연결하는 서비스입니다.
▲ 동영상 출처: https://youtu.be/VaZOb5hmVhY
97
modoo![모두] 고객센터
1644-3930 modoo.at
modoo![모두] 고객센터
1644-5690 easybooking.naver.com
예약 서비스 고객센터
top related