스윙샵에서 제공하는 페이지 소개

스윙샵에서 제공하는 페이지 소개

쇼핑몰 앱제작시 필요한 기본 페이지 소개 및 앱 적용방법을 알려드립니다~!!

스윙투앱은 쇼핑몰앱을 구축할 수 있기 때문에 많은 분들이 쇼핑몰 기능인 스윙샵을 신청해서 사용하고 계신데요.

쇼핑몰 앱을 구축하면서 가장 많이 주시는 문의 중 하나가!

“스윙샵 신청 후 상품등록을 다 했는데요..

쇼핑몰에서 필요한 기본 페이지 예를 들어 장바구니, 내 구매 내역 확인 등의 페이지는 어떻게 작업해서 앱에 적용할 수 있나요?”

=> 이렇게 쇼핑몰앱에서 필요한 기본 페이지 제작 문의를 많이 주시는데요.

스윙샵을 신청하시면 쇼핑몰에 필요한 페이지들을 모두 기본으로 다 제공해드리고 있기 때문에 사용자분들은 메뉴만 추가하여 원하는 페이지만 앱에 적용하시면 됩니다. ^^

매뉴얼 보시고 어떤 페이지들이 있는지 확인해주시고, 앱 적용화면도 함께 안내드리겠습니다.

*스윙샵은 일반 프로토타입(슬라이드, 탑, 푸터, 드롭다운) 앱제작에만 이용 가능합니다.

웹사이트를 연결한 웹뷰, 푸시앱은 이용 불가합니다.

Q. 스윙샵 페이지는 어디서 확인하고, 어떻게 앱에 적용하나요?

스윙샵을 신청하면 쇼핑몰에서 운영할 수 있는 기본 페이지들을 제공하는데요.

*앱제작→ STEP3페이지→ 페이지 디자인→ 쇼핑몰 기능: 페이지 선택시 스윙샵(쇼핑몰 운영에 필요한 페이지) 관련 페이지들이 자동 생성 됩니다.

[제공되는 스윙샵 페이지 안내]

-고객(사용자용)페이지: 장바구니, 마이페이지

-쇼핑몰 메인, 쇼핑몰 정보

-카테고리 리스트

-디지털 상품 구매 완료 페이지

-날짜 예약상품 예약하기, 날짜+시간 예약상품 예약하기

-상품 검색

​따라서 스윙샵을 이용하시는 분들은 앱제작 페이지에서 스윙페이지를 선택하시면 스윙샵에 관련된 메뉴들을 모두 확인할 수 있구요.

해당 메뉴들 중 필요한 메뉴를 앱에 적용해서 이용할 수 있습니다.

각 페이지들은 메뉴에 적용하고 오른쪽 가상머신을 보시면, 앱에서 페이지가 어떻게 보여지는지 실시간으로 확인할 수 있어요.

따라서 앱을 제작하면서 여러 페이지들을 메뉴에 적용해보시고 가상머신을 통해서 어떻게 앱에 적용되는지 확인할 수 있습니다.

아래 매뉴얼을 통해서 각 페이지별 앱 실행화면을 보여드릴게요 ~!!

1. 장바구니

장바구니는 설명하지 않아도 다들 아시죠? ^^

장바구니는 관심이 있는 상품, 구매할 예정이 있는 상품을 보관하는 페이지이구요.

장바구니에 넣은 상품을 확인하여 구매할 수 있습니다.

2. 카테고리 리스트

카테고리 리스트는 개별 상품이 아닌 카테고리를 리스트로 보여주는 페이지입니다.

상품을 등록할 때 카테고리를 먼저 만든 다음 해당 카테고리별로 상품을 등록하죠.

예를 들어 의류 쇼핑몰은

-TOP 카테고리: 티셔츠, 블라우스, 니트

-DRESS 카테고리: 원피스

-BOTTOM 카테고리: 바지, 치마, 반바지, 청바지

이렇게 카테고리를 구성한 뒤 해당 카테고리 별로 적합한 상품을 등록하게 되요.

따라서 이렇게 만들어놓은 카테고리도, 카테고리 리스트 페이지로 앱 메뉴 구성을 할 수 있습니다.

3. 디지털 상품 구매완료 페이지

해당 페이지는 디지털상품을 등록한 경우만 이용가능합니다_디지털상품 전용 페이지

*디지털상품: pdf, 영상, 파일, 쿠폰 등의 상품 입니다.

실물상품이나 예약상품은 해당 페이지를 적용하셔도 이용이 불가합니다.

구매하신 컨텐츠를 확인 및 열람하기 위한 페이지이구요.

해당 페이지를 적용하셔야 앱에서 사용자들이 구매한 컨텐츠를 확인할 수 있습니다.

4. 마이페이지

[마이페이지]는 사용자 구매 정보부터 결제, 배송에 관련된 모든 내역을 확인할 수 있는 페이지에요.

따라서 쇼핑몰 앱에서는 꼭!! 넣어주셔야 하는 기능이에요.

이미지에서 보시는 것처럼 주문현황, 배송조회, 배송완료, 구매완료 , 교환 조회 등의 기능을 제공합니다.

5. 쇼핑몰 메인

쇼핑몰메인 페이지는 홈화면에 적용하기 적합한 메인홈화면 페이지에요.

쇼핑몰 대문으로 사용하시게끔 제공하고 있구요.

인기상품, 카테고리, 주요상품 등의 메뉴가 제공됩니다.

고정된 스타일이기 때문에 별도 디자인 수정은 불가합니다.

반드시 해당 페이지를 홈화면으로 적용해야 하는 것은 아니니 앱 스타일에 맞게 꾸며주시면 됩니다 ^^

6. 쇼핑몰 정보

상점 정보 페이지이구요.

쇼핑몰 기본 정보로 구성된 페이지로 고객센터 및 운영시간 등을 제공합니다.

7. 상품 검색

앱에 등록한 상품을 검색하여 찾을 수 있는 상품 검색 페이지입니다.

돋보기 아이콘 버튼을 터치하여 상품 이름을 검색할 수 있구요.

*상단 메뉴의 목록을 선택하면 다양한 스타일로 화면을 정렬하여 볼 수 있구요.

*필터를 선택하면 – 우선순위, 최신순, 상품가격순, 인기순으로 필터링 됩니다.

8. 기간(날짜)예약 상품 예약하기

해당 페이지는 예약시스템을 등록한 경우만 이용가능합니다_예약시스템 전용 페이지

예약시스템은 날짜를 지정하여 예약하는 날짜예약상품과 날짜 및 시간을 지정하여 예약하는 시간+날짜 예약상품2가지로 제공이되요.

먼저 보여드리는 페이지는 [기간(날짜)예약 상품 예약하기] 이구요.

호텔 등의 숙박업소나 해당 날짜 전체를 다 예약하는 상품을 등록한 경우 적용할 수 있어요.

위의 이미지에서 보시는 것처럼, 캘린더 창에 체크인, 체크아웃 이 표시되구요.

날짜 조회가 완료되면 해당 날짜에 예약가능한 상품이 조회됩니다.

9. 시간+날짜 예약상품 예약하기

해당 페이지는 예약시스템을 등록한 경우만 이용가능합니다_예약시스템 전용 페이지

두 번째는 [시간+날짜 예약상품 예약하기] 페이지입니다.

위의 이미지에서 보시는 것처럼, 캘린더 창에 날짜를 선택하여 조회할 수 있구요.

해당 날짜에 예약가능한 상품이 조회됩니다. 여기서 관리자가 정해놓은 시간을 선택하여 예약을 하는 구조입니다.

따라서 날짜 및 시간 예약상품을 등록하신 경우라면 두번째 페이지을 적용해주시면 됩니다!