# 상품등록-예약시스템 날짜 예약상품 등록

<figure><img src="/files/LKp3F1tfyqrBtaG4OMxF" alt=""><figcaption></figcaption></figure>

예약시스템: 날짜 예약상은 호텔, 캠핑장, 팬션등의 숙박시설 상품을 판매할 수 있는 시스템이에요.&#x20;

그 외에 시간 예약이 필요한 업체 - 헤어샵, 네일샵, 피부과 등은 예약시스템(날짜+시간) 상품을 이용할 수 있습니다. &#x20;

예약시스템은 각 날짜별 원하는 날, 시간, 가격 등을 설정할 수 있구요.

판매에 필요한 모든 옵션 등을 제공하고 있답니다.\~\~!!

**해당 매뉴얼에서는 체크인-체크아웃 기능이 표시되는 날짜 예약상품 등록방법을 알려드리겠습니다.**

**날짜 예약상품 등록방법, 앱 적용 방법, 앱 실행화면을 확인해주세요.**

{% hint style="info" %}
1\. 스윙샵의 상품관리 → 상품카테고리 등록관리 메뉴  → 등록하기 버튼을 눌러서 예약시스템에서 이용할 카테고리를 만들어주세요.&#x20;

2\. 스윙샵의 상품관리 → 상품등록 으로 이동한 뒤  영상을 보시면서 따라서 예약시스템- 상품을 등록해주세요.&#x20;

3\. 예약 상품등록이 완료되면, 앱제작 페이지로 이동해서 \[스윙 페이지]를 선택 한뒤 \[예약상품 예약하기] 페이지를 선택해주세요.
{% endhint %}

![](/files/FolpdQVBpt9ayFkdOQoG)

## ![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png) **STEP1. 스윙샵 신청 후 상품 카테고리 등록**

먼저 스윙샵을 신청해주세요. 스윙샵이 신청되어야 메뉴를 이용할 수 있어요!

스윙샵을 신청해야 앱운영페이지 상단에 \[스윙샵] 메뉴가 생성이 됩니다.

**☞** [**스윙샵 신청방법 보러가기**](broken://pages/iAPylrMc4UojfmjzNpj9)

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%98%88%EC%95%BD%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D7_19.09.png)

\[스윙샵]이 생성되었다면, 먼저 상품 카테고리를 등록해야 합니다.

<mark style="color:red;">\*상품을 등록하는 것이 아니라 상품을 포함하는 상단 메뉴인 카테고리를 먼저 만들어주셔야 합니다\~!</mark>

스윙샵 → 상품관리→ 상품카테고리 등록관리 메뉴로 이동합니다.

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%98%88%EC%95%BD%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D8_19.09.png)

상품카테고리 등록관리 화면에 있는 1)\[등록하기] 버튼을 선택해주세요.

카테고리 관리 창에서 2)카테고리명 2) 대표이미지 3)카테고리 설명 5)우선순위 6)표시여부 체크 7) 저장하기 버튼을 선택합니다.

<mark style="color:red;">\*우선순위는 숫자가 높을 수록 상단에 배치되며, 우선순위가 다 동일할 경우 상품등록일에 따라 먼저 등록된 카테고리가 상단에 배치됩니다.</mark>

<mark style="color:red;">\*카테고리는 상품을 포함하는 이름을 기재해야 합니다. 예시) 상의, 하의, 악세사리… 이렇게 표시합니다.</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%98%88%EC%95%BD%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D9_19.09.png)

카테고리 등록이 완료되었습니다.

카테고리는 갯수 제한 없이 해당 메뉴에서 계속 추가할 수 있구요.

해당 카테고리를 선택하여 내용을 수정 할 수 있고, \[삭제하기] 버튼으로 카테고리를 삭제할 수 있습니다.

![](/files/FolpdQVBpt9ayFkdOQoG)

## ![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png) **STEP2. 예약시스템 상품 등록하기**

이제 카테고리 등록이 끝났다면! 본격적으로 예약상품을 등록해볼게요&#x20;

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%98%88%EC%95%BD%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D1_19.09.png" alt=""></div>

스윙샵 → 상품관리 → 상품등록 화면으로 이동해주세요.

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%98%88%EC%95%BD%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D2_19.09.png" alt=""></div>

1\. 상품유형: 예약시스템을 선택합니다.

2-1. 하루판매수량: 하루에 판매할 수량을 입력해주세요. (숫자 기재를 깜빡해서 2-1로 표시할게요 ^^;)

2\. 유효기간: 상품을 판매할 기간을 입력합니다. 달력 버튼을 누르면 기간을 설정할 수 있어요.

3\. 판매가능일 설정: 당일판매를 할 경우 숫자 0으로 표시, 익일(다음날) 판매는 숫자 1로 입력해주세요.

4\. 주단위 예약활성: 상품을 판매할 요일을 선택해주세요.

5\. 휴무일: 캘린더 안에 숫자를 선택하면 파란색 원이 생기며, 파란색으로 체크된 날을 휴무일로 지정할 수 있어요.(휴무일 개별 지정 가능)

6\. 시간 예약 활성화: 날짜로 예약상품을 판매하는 것 외에 시간을 추가할 수 있습니다. \*시간 예약설정은 아래에서 다시 설명드릴게요!

7\. 상품명: 상품 이름을 입력합니다.

8\. 상품 대표이미지: 상품 구매페이지에서 보여지는 대표 이미지를 등록합니다.

9\. 등록상태: 판매가능, 품절, 판매중지, 임시등록 상태를 선택할 수 있습니다.

10\. 상품가격: 상품 가격을 입력합니다.

11\. 배치순서: 해당 카테고리에서 상품이 보여지는 순서를 기재합니다.

12\. 상품카테고리 : 상품 카테고리를 선택해주세요.

\*위에서 알려드린 것처럼 상품카테고리는 먼저 만들어주셔야 상품등록에서 카테고리를 선택할 수 있으니! 잊지말고 카테고리를 먼저 만들어주세요^^

<mark style="color:blue;">**★ 시간 예약 설정하기**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%98%88%EC%95%BD%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D6_19.09.png)

**예약 상품에서, 예약 시간을 선택할 수 있는 \[시간설정] 옵션이 설정할 수 있는데요.**

레스토랑 식사 예약, 마사지샵 예약, 피부과 시술 예약 등 시간이 함께 예약되어야 하는 서비스 이용시 적용이 가능합니다.

예약 시간도 함께 설정해야 한다면, \[시간 예약 활성화]에 체크한 뒤 예약가능한 시간대를 선택해주시면 됩니다.

<img src="/files/P6Qr1JRhh2xZ5e8ca2ua" alt="" data-size="line"><mark style="color:blue;">**앱 실행화면**</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%98%88%EC%95%BD%EC%83%81%ED%92%88-%EC%98%88%EC%95%BD%EC%8B%9C%EA%B0%84_1.png" alt=""></div>

예약 상품 구매시 날짜를 선택 한 뒤- 예약 시간을 함께 선택할 수 있습니다.

\*체크인- 체크아웃 기능이 삭제됩니다.

**★시간 예약상품 설정은 아래 매뉴얼 선택해주세요\~!**

[**\[시간 예약상품 등록방법 매뉴얼 보러가기\]**](broken://pages/Qh6QnIwlSx8Gh8aMRrFm)

{% hint style="warning" %} <mark style="color:orange;">**시간 설정 중요 안내**</mark>

1\)신규 기능은 앱 업데이트 후 이용해주셔야 합니다.

2019년 3월 22일 이후 제작한 앱은 자동으로 반영됩니다.

이전에 제작한 앱은 \[앱제작요청]을 눌러서 앱을 새 버전으로 업데이트 해주세요. (소프트 업데이트 가능)

<img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%A4%842.png" alt="" data-size="original">

2\) 예약 시간은 한 타임에 한 번만 예약이 가능합니다.

한 타임에 여러 예약을 잡을 수 없으며, 한 번만 예약을 할 수 있습니다. 예약이 완료된 시간은 화면에서 예약완료로 표시됩니다.

(오후 2시에 2팀 예약, 오후 3시에 3팀 예약X → 1팀만 예약 가능)
{% endhint %}

다시 이어서 상품 등록을 설명해드릴게요!

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%98%88%EC%95%BD%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D3_19.09.png)

13\. 상품별 결제수단 선택: 무통장입금, PAY APP(페이앱)카드결제를 체크해주세요.

14\. 상품할인제공: 상품이 원가격 그대로 보이게 할지, 할인을 적용할 것인지 선택합니다.

\*할인을 “예”로 체크할 경우, 할인금액 및 할인기간을 정하는 옵션창이 뜹니다.

15\. 재고관리사용: 상품 재고관리를 사용할 것인지 체크합니다. \*예약상품은 따로 재고관리가 필요 없기 때문에 넘어가시면 됩니다.

16\. 옵션사용여부: 예약상품에 추가로 옵션상품을 기재할 경우 사용하실 수 있어요

예시)조식추가, 일회용품추가, 베드추가 등을 기재해서 옵션을 설정하고 옵션금액을 설정할 수 있습니다.

<img src="/files/P6Qr1JRhh2xZ5e8ca2ua" alt="" data-size="line"> **옵션 추가 방법은 아래 움짤 이미지로 확인해주세요!**

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%98%88%EC%95%BD%EC%98%B5%EC%85%98%EC%84%A4%EC%A0%95.gif)

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%98%88%EC%95%BD%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D4_19.09.png)

17\. 상품간단설명: 상품을 소개하는 간단한 한 줄 설명을 입력합니다.

18\. 상품 상세 설명: 상품 이미지, 설명, 상품정보, 환불 및 교환 등 상세 정보를 에디터 프로그램을 이용해서 작성해주세요.

19\. 상품 상세 이미지: 상품 이미지를 등록합니다. 여러장의 이미지 등록이 가능하고 순서 변경이 가능합니다.

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%98%88%EC%95%BD%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D5_19.09.png)

20\. 주문양식 항목: 주문양식은 특별히 더 받아야 할 정보가 있다면 입력을 해주시고, 그렇지 않으면 작성하지 않아도 됩니다.

21\. 주문롼료 메시지 : 메시지 내용이 특별히 없을 경우 작성하지 않아도 됩니다.

22\. \[저장하기] 버튼을 누르면 예약시스템 상품 등록이 완료됩니다.

**——–상품 등록이 완료되었구요. 등록된 상품은 상품 조회에서 확인할 수 있어요.——–**

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%98%88%EC%95%BD%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D10_19.09.png)

상품조회 메뉴에서 등록한 상품 목록을 모두 확인할 수 있구요.

등록한 상품 내용 수정이 필요할 경우, 수정을 원하는 상품을 마우스로 선택해주세요.

해당 상품 등록 수정 화면으로 이동합니다.

![](/files/FolpdQVBpt9ayFkdOQoG)

## &#x20;![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png)**STEP3. 앱에 예약시스템(상품구매)페이지 적용하기**

### **1.앱제작  V3 버전 이용시**

<figure><img src="/files/OJBvQJQBDkSslDxMYTYC" alt=""><figcaption></figcaption></figure>

1\)앱제작 - STEP3 페이지 선택

2\)메뉴 선택 – 새 메뉴를 만들어주세요. (+ 모양 버튼 선택하여 메뉴 추가)

3\)메뉴 이름 입력

4\)페이지 디자인에서 \[쇼핑몰 기능] 선택

5\)\[페이지]를 선택해주세요.&#x20;

6\)예약상품 예약하기(기간설정) 확인 후, \[적용하기] 버튼을 선택해주세요.&#x20;

(페이지에 마우스 커서를 가져다 대면 적용하기 버튼이 열립니다)

7\) 화면 상단 \[저장]버튼을 누르면 앱에 적용됩니다.

<mark style="color:red;">**+ 추가**</mark>

사용자들이 예약상품 구매 후 구매한 목록이나 결제 현황을 확인할 수 있는 페이지도 있어야 하겠죠?

스윙페이지 메뉴에 보시면 “마이페이지” 라고 있어요.

마이페이지를 앱 메뉴로 적용해주세요!

<figure><img src="/files/jpZbr3vw8yKOF1SawjFr" alt=""><figcaption></figcaption></figure>

1\)앱제작 - STEP3 페이지 선택

2\)메뉴 선택 – 새 메뉴를 만들어주세요. (+ 모양 버튼 선택하여 메뉴 추가)

3\)메뉴 이름 입력

4\)페이지 디자인에서 \[쇼핑몰 기능] 선택

5\)\[페이지]를 선택해주세요.&#x20;

6\)마이페이지 확인 후, \[적용하기] 버튼을 선택해주세요.&#x20;

(페이지에 마우스 커서를 가져다 대면 적용하기 버튼이 열립니다)

7\) 화면 상단 \[저장]버튼을 누르면 앱에 적용됩니다.

### **2.앱제작  V2 버전 이용시**

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%98%88%EC%95%BD%EC%83%81%ED%92%88%EA%B8%B0%EA%B0%84%EC%98%88%EC%95%BD.png)

**앱제작 → 페이지메뉴 단계로 이동합니다.**

1\. \[카테고리 추가] 버튼을 눌러서 메뉴를 추가해주세요.&#x20;

2\. 메뉴명: 이름을 입력합니다.

3\. 스윙페이지 메뉴 선택한 뒤

4\. \[링크마법사] 버튼을 선택합니다.

5\. 링크마법사 창에서 \[예약상품 예약하기(기간설정)] 메뉴 선택, \[반영]버튼 선택

<mark style="color:red;">\*예약상품 등록시 ‘날짜’만 등록했다면→예약상품 예약하기(기간설정)</mark>

<mark style="color:red;">\*날짜+시간을 함께 등록했다면 →예약상품 예약하기(시간, 단일) 메뉴 선택</mark>

6\. \[적용] 버튼 선택

7\. \[저장] 버튼 누르면 앱에 반영됩니다.

<mark style="color:red;">**+ 추가**</mark>

사용자들이 예약상품 구매 후 구매한 목록이나 결제 현황을 확인할 수 있는 페이지도 있어야 하겠죠?

스윙페이지 메뉴에 보시면 “마이페이지” 라고 있어요.

마이페이지를 앱 메뉴로 적용해주세요!

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EB%A7%88%EC%9D%B4%ED%8E%98%EC%9D%B4%EC%A7%80-1.png)

**앱제작  → 페이지메뉴 단계로 이동합니다.**

1\. \[카테고리 추가] 버튼을 눌러서 메뉴를 추가해주세요.&#x20;

2\. 메뉴명: 이름을 입력합니다.

3\. 스윙페이지 메뉴 선택한 뒤

4\. \[링크마법사] 버튼을 선택합니다.

5\. 링크마법사 창에서 \[마이페이지] 메뉴 선택, \[반영]버튼 선택

6\. \[적용] 버튼 선택

7\. \[저장] 버튼 누르면 앱에 반영됩니다.

​

<img src="/files/P6Qr1JRhh2xZ5e8ca2ua" alt="" data-size="line"><mark style="color:blue;">**앱에 적용한 마이페이지 확인하기**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%98%88%EC%95%BD%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D20_20.04.png)

앱에 적용된 마이페이지에서 배송완료/구매완료 메뉴를 선택하면, 구매한 예약상품을 확인할 수 있습니다.

마이페이지는 구매완료 확인 뿐만 아니라 실물상품 구매시 배송현황, 디지털제품 구매시 문서보기 기능이 함께 제공되구요.

그외에 최근 본상품, 찜한 상품 보기 등 다양한 기능이 제공되고 있습니다.

![](/files/FolpdQVBpt9ayFkdOQoG)

## ![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png) **STEP4. 앱 실행화면) 예약시스템 실행하기**

**예약시스템이 적용된 앱을 실행해서 확인해볼게요!**

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%98%88%EC%95%BD%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D16_20.04.png)

날짜 예약 상품은 캘린더 화면에 <mark style="color:blue;"><mark style="color:purple;">**체크인 – 체크아웃**<mark style="color:purple;"></mark> 기능이 함께 표시됩니다.

따라서 먼저 잡는 날짜가 체크인으로 표시되고, 다음에 선택하는 날짜가 체크아웃으로 표시됩니다.

1박, 2박, 3박 등 원하는 기간 설정이 가능합니다.

​

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%98%88%EC%95%BD%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D17_20.04.png" alt=""></div>

날짜 및 기간 선택하면 예약가능한 상품이 표시되구요.

\[예약하기]를 누르면 다음 단계로 넘어갑니다.

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%98%88%EC%95%BD%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D18_20.04.png" alt=""></div>

\[구매진행하기] 버튼을 눌러주세요.

이때 결제수단은 페이앱 카드 및 전자결제, 무통장입금 중에서 선택할 수 있습니다.

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%98%88%EC%95%BD%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D19_20.04.png" alt=""></div>

주문상세 페이지에서 전화번호 인증번호 확인해주시구요.

결제요청하기를 진행하시면, 결제까지 진행됩니다.

<mark style="color:red;">\*\*해당 앱은 테스트 앱이라서 실제 결제가 되지 않구요.</mark>

<mark style="color:red;">1,000원 결제 후 바로 취소 처리 됩니다.</mark>

\*예약시스템은 해당 포스팅에서 보여드린 숙박시설 예약 외에도 다양한 업체에서 사용할 수 있어요.

헤어샵, 네일샵 예약, 병원 예약 등 원하는 상품을 등록하기 예약 옵션을 등록하시면 앱에서 편리하게 예약시스템 기능을 사용할 수 있습니다.

<mark style="color:orange;">★체크인과 같은 날짜 예약상품 설정 외에 시간 예약상품 설정은 아래 매뉴얼 선택해주세요\~!</mark>

[\[시간 예약상품 등록방법 매뉴얼 보러가기\]](broken://pages/Qh6QnIwlSx8Gh8aMRrFm)

![](/files/FolpdQVBpt9ayFkdOQoG)

예약시스템이 적용된 샘플앱을 확인하고 싶다면?

아래 링크를 선택하시면, 스윙투앱에서 제작한 예약시스템 샘플앱을 확인할 수 있습니다.

1\) [레스토랑 샘플앱 보러가기(날짜+시간예약)](https://blog.naver.com/swing2app/221515138333)

2\) [스파 샘플앱 보러가기(날짜+시간 예약)](http://blog.naver.com/swing2app/221593393765)

3\)[호텔 샘플앱 보러가기1(날짜 예약) ](https://blog.naver.com/swing2app/221007094165)

4\)[호텔 샘플앱 보러가기2 (날짜 예약) ](http://blog.naver.com/swing2app/221638596550)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://documentation.swing2app.co.kr/shop/swingshop/reservationproduct.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
