간단한 쇼핑몰 앱 만들기

 

스윙 메뉴를 활용하여 쇼핑몰 앱을 제작하는 방법과 활용 Tip을 알려드리겠습니다.

 

1. 카테고리 입력 방법

 

쇼핑몰4

 

쇼핑몰 카테고리는 판매를 하는 의류를 찾아보기 쉽게 분류해놓습니다.
ex) 상의, 하의, 악세사리, 가방 등등

 

(1) 제목란에 분류한 의류를 입력합니다.

(2) 링크란에는 해당 의류와 연동할 웹사이트 링크를 입력합니다.

(3) 홈페이지, 카페, 블로그 등의 웹사이트 링크 주소를 복사해서 위의 링크 입력란에 붙여넣기 해주시면 됩니다.

(4) 다른 의류들 역시 해당 링크를 입력한 뒤 저장을 눌러주시면 카테고리 작업이 완료됩니다.

 

* 제작 방법 중 step1~step3 까지는 기본정보 입력 및 디자인 및 테마를 설정하는 메뉴이기 때문에

‘앱 제작하기’ 도움말을 참고하시면 손쉽게 만들 수 있습니다.

 

 

2. 스윙 쇼핑몰 zone 입력 방법

 

쇼핑몰

 

앱에 필요한 보조 메뉴들을 입력할 수 있습니다.
고객센터, 문의메일, 자료실 등의 메뉴를 입력하여서 스윙 쇼핑몰(해당 앱이름) zone을 만들 수 있습니다.

 

1) 전화연결 입력 방법

 

쇼핑몰1

(1) ‘모바일 웹마법사’의 ‘링크-전화 연결’ 로 이동합니다.

(2) 쇼핑몰 대표번호를 입력한 다음 저장을 누릅니다.

(3) 제목란에 고객센터, 전화문의 (원하는 제목)등을 입력하고, 전화번호가 맞게 잘 입력되었는지 확인한 다음
저장을 누르시면 전화연결이 완료됩니다.

 

 

2) 메일보내기 입력 방법

 

쇼핑몰3

 

(1) ‘모바일 웹마법사’의 ‘링크-메일 보내기’ 로 이동합니다.

(2) 해당 메시지 창에서 메일주소, 제목, 내용을 간단히 입력한 다음 저장을 누릅니다.

(3) 마찬가지로 제목란에 원하는 제목을 입력한 뒤, 메일 주소가 올바르게 입력되었다면 저장을 누릅니다.

같은 방법으로 메일 보내기 기능도 완료가 됩니다.

 

 

3. 게시판 활용

 

쇼핑몰 앱의 게시판은 고객과의 커뮤니티 공간으로 고객의 의견을 수렴할 수 있고,

다양한 마케팅 및 홍보효과를 기대할 수 있기 때문에 활발히 운영할 수 있는 메뉴입니다.

 

1) 공지항 게시판

 

쇼핑몰7
쇼핑몰의 공지, 이벤트, 행사 등과 관련된 내용을 기재할 수 있습니다.
상시로 내용을 업데이트 할 수 있기 때문에, 관리자가 편리하게 글을 기재할 수 있도록 되어 있습니다.

 

 

2) 후기게시판

 

쇼핑몰6
후기게시판은 사용자가 제품을 구매한 뒤 사용후기를 기재하는 게시판으로, 고객 참여를 유도하고 제품 홍보를 할 수 있는 효과를 기대할 수 있습니다.
고객이 구매한 옷을 입고 찍은 사진을 게시판에 간단한 후기 내용과 함께 기재하면, 관리자는 답글을 기재하여 감사 글을 남길 수 있습니다.

 

* 활용 tip
관리자는 후기 게시판에 글을 남겨주시면 적립금을 주거나 포인트를 주는 식으로 고객 이벤트를 개최할 수 있으며,

그 결과 고객들의 구매를 더욱 촉진시킬 수 있습니다.

 

 

3)  비밀게시판

 

쇼핑몰5

 

공개적으로 문의하기 어려운 내용들은 비밀게시판을 이용하여 고객이 비밀글을 남길 수 있습니다.

비밀게시판은 글 작성자와 관리자만 확인할 수 있기 때문에 개인적으로 남기는 글을 관리자가 확인하여 답글을 달 수 있습니다.

 

 

간단한 학교 앱 만들기

 

스윙에서 제공하는 기본적인 메뉴들로 간단하게 학교앱을 만드는 과정을 알려드리겠습니다.

 

1. Step1. 기본정보

 

학교앱9

 

1) step.1 기본정보에서 앱 아이콘, 앱 이름, 대기화면, 웹사이트 주소, 웹뷰 선택 을 합니다.

2) 앱 아이콘과, 대기화면으로 사용할 이미지를 미리 준비하고, 해상도가 깨지지 않도록 이미지 크기도 체크합니다.

3) 웹사이트 주소는 해당 웹사이트의 홈페이지가 있는 경우는 홈페이지 URL을 입력하고, 모바일 전용 홈페이지를 만든다면 마찬가지로 모바일용 홈페이지 URL을 입력합니다.

4) 웹사이트가 없으면 모바일웹마법사 – 명함, 이미지, 주소, 게시판 지정 등의 다양한 기능을 활용하여 앱 화면을 만들 수 있습니다.

 

 

2. Step2. 디자인

 

학교앱8

 

1) 앱 UI 화면의 디자인을 구성할 수 있는 메뉴입니다.
2) 총 7개의 디자인 중에서 원하는 디자인을 선택합니다.

 

 

3. Step3. 테마

 

학교앱7

 

1) 선택된 메뉴 모양의 배경색과 메뉴에서 보여지는 글씨색, 앱 화면에서의 텍스트 색상을 입혀주는 기능입니다.
2) 스킨과 컬러를 확인하여 앱과 어울리는 색상을 선택합니다.
3) 관리자프로필 이미지와 메뉴로고에 넣을 이미지를 선택합니다.

 

 

4. Step4. 기능

 

학교앱2

 

1) 회원인증방식은 이메일, 전화번호, 외부연동 3가지 중에서 하나를 선택합니다.
2) 앱을 공개할지 비공개할지를 결정합니다.
3) 카테고리에 들어갈 메뉴를 작성합니다.
4) 스윙 고등학교 (앱이름) 에 들어갈 메뉴를 작성합니다.
5) 메뉴기능 추가 및 수정은 게시판을 수정하고 추가할 수 있기 때문에 원하는 메뉴만 사용하도록 정리합니다.
6) 이용약관 확인을 마쳤다면 ‘앱제작 요청!’을 선택합니다.

 

 

4-1 카테고리

 

학교앱3

 

카테고리에는 앱을 구성하는 다양한 메뉴를 추가할 수 있는 항목입니다.
학교앱에서는 보통 학교소개, 학교일정안내, 학입학정보,학과정보, 학교 부서 전화안내,
학년별 교과목 안내 등의 정보 위주의 카테고리로 내용을 구성할 수 있습니다.

 

*교무실 번호 안내
1) 모바일웹 마법사 – 링크에서 전화번호 연결하기를 선택합니다.
2) 제목과 해당 전화번호를 입력한 다음 저장을 누르면 앱에 번호 안내 메뉴가 등록됩니다.
3) 해당 카테고리를 선택하시면 저장된 학교 교무실 번호로 바로 전화 연결이 가능합니다.

 

 

4-2 메뉴기능 추가 및 수정

 

학교앱4

 

메뉴 기능은 앱에서 게시판으로 기재되는 항목입니다.
스윙에서는 기본적으로 자유게시판, 후기게시판, 공지사항, 비밀게시판,
스크랩의 메뉴를 제공하고 있습니다.

기본메뉴는 사용자가 원하는 메뉴로 변경, 수정, 제거를 할 수 있습니다.
따라서 학교에서 필요한 메뉴로 관리자가 게시판을 변경할 수 있습니다.
메뉴 순서 이동이 가능하기 때문에 사용자가 더 중요한 메뉴는 위로 올리고,
중요도가 조금 떨어지는 메뉴는 아래로 내림으로써 효율적으로 관리할 수 있습니다.

 

5. 모바일 앱 실행 화면

 

   1)  전화연결

 

학교앱10
카테고리에서 링크 기능을 이용하여 전화를 연결한 메뉴를 보시겠습니다.
앱의 해당 카테고리에서 ‘스윙고 교무식 번호 안내’를 선택하면, 바로 전화연결이 가능합니다.
교무실 뿐만 아니라 행정실, 급식실 등의 다른 부서의 번호 입력도 가능합니다.

 

 

 2) 게시판 확인

 

학교앱11

 

관리자 페이지에서 만든 내용대로 가정통신문, 급식정보, 학생토론공간, 비밀 상담방의메뉴를 확인할 수 있습니다.

 

 

 

SNS 및 소통형 게시판 만들기

 

스윙의 게시판을 활용하여 SNS 및 소통형 게시판을 만들 수 있습니다.
게시판은 단순히 글을 적는 것 이상으로 관리자와 사용자의 소통을 통해 마케팅 활동이 가능합니다.
스윙의 유용한 게시판 활용 Tip을 제공해드리겠습니다.

 

* 보여드리는 이미지는 삼겹살가게 오픈기념 이벤트를 위해 임의로 만든 것입니다.

이벤트에 사용자들을 어떻게 참여시키고, 소통할 수 있는지 활용사례를 보여드리겠습니다.

 

1. 자유게시판 활용 Tip

 

소통형게시판1

 

식당에 방문한 고객들에게 앱을 다운받도록 유도하여, 이벤트행사가 있다는 것을 알리고 참여하도록 유도합니다.

1) 가게 오픈기념 행사를 위해서 이벤트 포스터를 만들어주세요.
(이미지를 첨부해야 하기 때문에 관련 이미지를 꼭 넣어주세요.)
2) 자유게시판에 글을 등록합니다. – 이미지첨부, 제목입력, 내용입력

 

 

2. 모바일 앱 확인

 

소통형게시판2

소통형게시판3

 

이벤트를 확인한 고객들은 바로 사진을 찍어서 자유게시판에 사진과 내용을 기재할 수 있습니다.

이렇게 올린 내용을 종업원이 확인하면 이벤트에 있는대로 삼겹살 1인분을 무료로 먹을 수 있게 됩니다.

 

 

3. 출석체크 게시판 활용 tip

 

소통형게시판4
출첵게시판도 고객들을 참여시키고 함께 소통할 수 있습니다.

관리자는 출석체크게시판에도 아까와 동일한 이벤트 내용을 등록합니다.

앱을 이용하는 고객들은 화면 하단에 위한 ‘출첵!’ 아이콘은 터치하여 출석체크 이벤트에 참여할 수 있습니다.

 

 

4. 모바일 앱 확인

 

소통형게시판5

 

출석체크 게시판에서 고객들이 출첵을 한 모습을 확인할 수 있습니다.

출첵은 자유게시판과 달리 댓글 한 줄로 간단하게 글을 올릴 수 있기 때문에 사용자들의 많은 참여를 이끌어낼 수 있습니다.

마찬가지로 종업원이 고객이 올린 출석체크 댓글을 확인한 후 음료수나 술을 무료로 제공하게 됩니다.

 

*앱 게시판에서 다양한 이벤트, 홍보 행사를 하실 수 있기 때문에 별도의 비용 없이도 사용자들의 참여를 더 많이 이끌어낼 수 있는 효과를 보실 수 있습니다.

*한가지 Tip을 더 드리면, 쇼핑몰 앱은 후기 게시판을 통해서 옷을 입고 찍은 사진을 올려주면 사은품이나 적립금을 드리는 등의 서비스를 진행할 수도 있습니다.

 

 

자료실 만들기 (파일 첨부 기능)

스윙 링크 기능을 통해서 파일을 첨부할 수 있습니다.
관리자가 첨부한 파일을 앱 사용자가 다운받아 사용할 수 있기 때문에 다양한 자료를 공유할 수 있으며,
여러분의 앱을 더욱 다채롭게 만들 수 있습니다. 

 

 

첨부파일2

 

 

[이동경로]
1) 스윙 관리자페이지 마법사 – Step4. 기능으로 이동합니다.
2) ‘카테고리’ 혹은 ‘스윙 앱제작’을 선택하시고 모바일웹 마법사 메뉴를 클릭합니다.
3) 모바일웹 마법사에서 해당 파일을 첨부한 뒤 제목을 입력하고, 저장을 클릭합니다.

 

 

1. 모바일웹 마법사 – 링크

 

첨부파일1

 

모바일웹 마법사 – 링크에는 파일첨부기능 외에도 전화연결, 문자보내기, 메일보내기가 있습니다.

 

 

2. 링크 – 파일첨부

 

 첨부파일5

 

첨부파일3

 

파일 첨부기능을 선택하시면, 원하는 파일을 선택할 수 있습니다.
업로드 할 파일을 내 컴퓨터 문서에서 찾아서 첨부해주세요.
파일이 잘 올라갔는지 확인하고, 저장을 눌러주세요.

 

 

 

3. 파일첨부 완료 후 저장

 

첨부파일6

 

최종적으로 제목입력과  파일 첨부가 잘 되었는지 확인 후 저장을 클릭합니다.
그리고 오른쪽 하단의 ‘저장’버튼을 눌러주시면 파일첨부하기가 완료됩니다.


* 파일첨부는 새로 앱을 제작하지 않아도 저장만하면 수정한 내용으로 자동으로 앱의 내용이 업데이트 됩니다. 

 

 

 

 4. 모바일 앱 실행화면

 

 첨부파일9

 

앱을 실행하여 첨부된 파일을 확인해보겠습니다.
파일을 첨부한 카테고리를 선택하시면, 파일을 다운받을 수 있습니다.
해당 카테고리를 선택하면 자동으로 내 핸드폰에 파일이 다운받아집니다.

 

*파일 첨부는 이미지 뿐만 아니라 Word파일, PPT파일, PDF 파일 등 모든 문서 파일을 첨부할 수 있습니다.
단, 5메가바이트를 넘지 않도록 해주세요. 

 

 

[링크] 관리자에게 전화걸기,이메일,문자 보내기

 

앱에서 전화, 문자, 메일, 파일첨부를 연결시키는 링크를 만들 수 있습니다. 
앱을 이용하는 사용자는 관리자에게 전화, 문자, 메일을 편리하게 발송할 수 있으며
관리자 역시 편리하게 고객들의 문의내용을 전달받을 수 있습니다.

 

링크1

 

링크를 설정하기 위해서는 마법사 Step4. 기능의 카테고리 또는 앱 이름이 표시된 메뉴에 있는 ‘모바일 웹 마법사’에서 가능합니다.

 

 

1. 링크 기능

 

링크2

 

링크기능에는 전화연결, 문자보내기, 메일보내기, 파일첨부 기능이 있습니다.

 

1) 전화연결: 전화번호를 입력해서 앱에서 전화를 자동으로 연결시키는 기능

2) 문자보내기: 고객들이 문자 메시지를 보낼 수 있도록 하는 기능

3) 메일보내기:  메일주소를 입력해서 앱을 이용하는 고객들의 문의 메일을 받아볼 수 있도록 하는 기능

4) 파일첨부기능: 앱에 필요한 파일을 첨부하여, 고객들이 원하는 파일을 다운 받고 확인할 수 있도록 하는 기능

 

 

2. 전화연결

 

링크3

연락을 받을 전화번호 (회사 대표번호, 개인 핸드폰 번호 다 가능) 를 입력합니다.

앱 사용자들이 문의사항, 상담, 고객센터 등의 서비스를 이용하고자 할 때  링크된 전화번호로 통화를 할 수 있습니다.

 

3. 문자 보내기

 

링크4

 

문자를 받을 수 있는 관리자의 핸드폰번호를 입력합니다.
고객들이 관리자에게 문자를 보낼 때 사용할 수 있으며, 링크된 핸드폰 번호가 고객의 핸드폰 문자창에 자동으로 입력됩니다.

 

 

4. 메일 보내기

 

링크5

 

문의메일을 받을 수 있는 관리자의 메일 주소를 입력한 뒤, 제목과 내용을 함께 입력합니다.
앱에서 메일을 보낼 수 있도록 하는 기능으로, 링크된 메일주소로 자동으로 메일 작성이 가능합니다.

 

 

5. 파일 첨부 기능

 

링크6

 

파일첨부는 이미지, 워드, PPT, 한글, prf 등 모든 문서 첨부가 가능합니다.
원하는 파일을 첨부시켜서 사용자들에게 다양한 정보를 제공할 수 있습니다.

* 파일첨부의 상세 이용방법은 ‘자료실 만들기’ 메뉴에서 확인하실 수 있습니다.

 

이벤트,공지, 광고 푸시 보내기 1

 

공지사항 게시판을 통해서 고객들에게 이벤트, 공지, 광고 등의 내용을 푸시 알림으로 발송하는 기능을 사용해보겠습니다. 

 

공지사항

 

스윙 관리자 페이지 – 게시판 관리로 이동합니다.

공지사항을 선택하면, 푸시를 보낼 수 있는 메시지창이 뜹니다.

 

 

1. 푸시 내용 작성하기

 

공지푸시6

 

푸시로 보낼 내용을 입력합니다.

이미지 입력, 제목 입력, 내용입력, 푸시 제목 입력을 차례대로 끝냈다면 ‘게시’ 를 클릭합니다.

 

 

2. 발송된 푸시 화면 – 모바일 앱 (사용자)

 

푸시알림3

 

발송된 푸시는 사용자 핸드폰을 통해서 확인할 수 있습니다.

 

 

3. 푸시 메시지 확인하기

 

푸시알림4

 

발송된 푸시 메시지는 해당 게시판에서 확인할 수 있습니다.

이벤트 공지에 대한 내용을 확인할 수 있으며, 푸시는 사용자가 원하는 용도에 맞춰서 다양하게 제작할 수 있습니다.

 

 

이벤트, 공지, 광고 푸시 보내기 2

 

푸시는 게시판을 이용하여 공지내용을 보낼 수 있고,
회원관리 푸시메뉴를 통해서 회원들에게 푸시를 보낼 수 있습니다.
이때, 이미지를 설정하여 해당 이미지에 웹 페이지를 연동시킬 수 있습니다.  (이미지를 터치하면 연동된 사이트로 이동)

 

회원관리10

 

스윙 관리자 페이지 – 회원관리로 이동합니다.

푸시를 보낼 회원을 선택한 뒤, 오른쪽 하단에 있는 푸시 아이콘을 클릭합니다.

 

1. 푸시 내용 작성하기

 

공지푸시4

 

1) 푸시를 클릭하시면 위의 이미지처럼 푸시 메시지 창이 뜹니다. 여기서 내용을 입력해주세요.

 

2)푸시에 보낼 내용을 입력합니다.

* 본문 내용은 글자수가 정해져있습니다.  내용은 100자 이내로 채워주세요.

 

3) 이미지 설정에 체크합니다. 고객들에게 보낼 이미지를 첨부해주시구요.

링크를 입력한 뒤 ‘이미지로 웹 페이지 만들기’에도 체크해주세요.

* 링크는 이미지를 터치했을 때 연동되는 사이트 URL을 의미합니다.

따라서 해당 내용이 기재된 링크를 정확하게 입력해주셔야 합니다. 

 

4) 예약 설정은 원하는 날짜, 시간에 푸시를 보내고 싶을 때 선택을 해주시면 됩니다.

반복해서 푸시를 보내야 할 때는 ‘반복설정’을 함께 선택해주시며면됩니다.

예약설정이 필요 없으시면 체크하지 않고, 전송을 클릭해주시면 됩니다.

 

 

 

2. 발송된 푸시 화면 – 모바일 앱 (사용자)

 

푸시알림1

 

핸드폰으로 발송된 푸시를 보시면, 푸시에 입력한 이미지가 보입니다.

*게시판으로 푸시 작업을 할 때는 제목만 보이게 되고, 이미지를 설정한 푸시는 이미지가 먼저 보이게 됩니다.

 

 

3. 푸시 메시지 확인하기

 

푸시알림2

 

게시판에서 푸시를 보내는 것과 다르게 이미지만 보입니다.

따라서 푸시 화면을 터치하게되면, 연동된 웹페이지로 이동하게 됩니다.

앱 사용자는 연동된 링크를 통해서 푸시 공지 내용을 확인할 수 있습니다.

 

 

웹 페이지 스크랩 활용하기

스윙의 스크랩 기능은 앱을 이용하면서 원하는 카테고리의 내용을 복사해서 가져올 수 있는 기능입니다.
스크랩한 내용은 스크랩 게시판에 보관하거나, 자유게시판 등 다른 게시판으로 첨부해서 새로운 글을 작성할 수도 있습니다.

 

1. 스크랩 기능 사용법

 

스크랩1

 

스크랩 하고자 하는 해당 내용의 이미지를 손가락을 누르면 조그맣게 해당 이미지박스가 뜹니다.

이미지를 원하는 게시판으로 가져가기만 하면, 게시판에 해당 내용이 스크랩됩니다.

 

스크랩2

 

스크랩 게시판에 해당 내용이 복사된 것을 확인할 수 있습니다.

 

 

2. 스크랩 기능 활용하기

 

스크랩3

 

자유게시판으로 스크립을 첨부 하면, 내용 작성 및 사진(이미지)업로드도 함께 할 수 있습니다.

원하는 내용을 입력한 뒤 이미지를 첨부한 다음 보내기를 선택합니다.

 

스크랩4

게시판에 해당 글이 등록된 것을 확인할 수 있습니다.

 

 

3. 스윙 스크랩기능 특이사항

 

스크랩5

 

*스윙 스크랩 기능은 ‘앱 디자인 – 메뉴모양’에 따라서 스크랩 방법이 달라지게 됩니다.

탑메뉴, 푸터 메뉴로 디자인을 한 경우는 해당이미지를 어디에 첨부하면 되는지 팝업창이 뜹니다.

원하는 게시판으로 선택하여 첨부하도록 합니다.

 

 

부적절한 게시물 신고하기

스윙은 원활한 앱 사용을 위해서 부적절한 게시물을 신고할 수 있습니다.
신고글 관리 기능은 원활한 앱 이용을 위해서 앱의 내용과 무관한 글, 홍보 글, 악성 댓글 등을 차단하고 관리할 수 있는 기능입니다.
관리자가 유해한 글을 삭제할 수 있고, 앱 사용자들이 직접 신고 할 수도 있습니다.

 

1. 신고글 관리 사용방법 – 모바일 앱

 

신고글1

 

1) 앱을 실행하여 게시판을 열면 작성된 글 오른쪽 상단에 사이렌 모양의 아이콘을 확인할 수 있습니다.

2) 부적절한 글이 게시가 되어있다면, 이 신고하기 아이콘을 선택하면 해당 글을 관리자에게 신고할 수 있습니다.

3) 신고하기 창이 뜨면 내용을 기입한 뒤에 보내기를 선택하시면 관리자에게 메시지가 보내집니다

 

 

2. 신고글 관리 사용방법 – pc 관리자 페이지

 

신고글4

 

1) 신고글 관리는 스윙 관리자 페이지에서 게시판 관리 – 신고글 관리로 들어옵니다.

 

신고글5

 

2) 신고글 관리 메뉴로 들어오면 방금 앱에서 사용자가 신고해놓은 글이 뜹니다.

3) 글 옆에 ‘삭제’를 누르면 게시글과 신고내역 삭제 메시지창이 뜹니다.

4) 확인을 선택하면, 관리자페이지에서 해당 글이 삭제됨을 확인할 수 있습니다.

 

 

3. 신고글 관리 피드백 – 모바일 앱

 

신고글3

 

다시 앱을 실행해 게시판으로 들어가면, 신고해놓은 글이 삭제되면서

앱에서도 유해 글이 삭제된 모습을 확인할 수 있습니다.

 

회원 메모를 활용한 회원 관리하기

회원메모 기능은 관리자가 앱을 이용하는 회원들의 정보 및 특이사항을 기재해놓고 관리할 수 있는 기능입니다.

 

회원메모 1

 

스윙 관리자 페이지의 회원관리 메뉴로 이동합니다.

회원목록 중에서 메모를 할 회원을 선택합니다.

이때 박스칸에 체크를 하는 것이 아니라 회원 닉네임 or 아이디 or 이미지에 마우스를 대고

클릭만하면 메모 기능을 사용할 수 있습니다.

 

 

1. 메모 입력

 

회원관리2

 

선택한 회원 목록 밑에 진한 글씨로 ‘회원메모’가 뜹니다.

회원메모를 선택하시면, 메모를 입력할 메시지창이 뜹니다.

자유롭게 메모가 가능합니다.

 

 

 

2. 회원 메모 활용법

 

회원관리3

 

회원메모기능은 관리자가 회원들에게 공지해야 하는 이벤트, 행사 등을 잊어버리지 않고 관리할 수 있습니다.

특히 특정 회원에 대한 특이사항 및 주의사항을 기재할 수 있습니다.

* 메모기능은 회원들에게 더 나은 서비스를 제공할 수 있습니다.