# 상품등록-디지털제품: PDF파일 등록

디지털판매 제품에는- 권한변경, PDF, 영상 및 파일, 쿠폰 유형을 선택할 수 있습니다.

그 중 PDF파일 상품을 적용하는 방법을 알려드립니다.

스윙샵에서 PDF 파일을 등록하는 방법, 앱 실행화면, 해당 상품을 어떻게 이용할 수 있는지 알려드리겠습니다.

![](https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI0CA8OpKze6WVwOKHrNV%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media\&token=576171dc-e10f-4248-89fe-df9dab4ee586)

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

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

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

**☞** [**스윙샵 신청방법 보러가기**](https://documentation.swing2app.co.kr/shop/swingshop/broken-reference)

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%8B%A4%EB%AC%BC%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D1_19.09-1.png)

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

\*상품을 등록하는 것이 아니라 상품을 포함하는 상단 메뉴인 카테고리를 먼저 만들어주셔야 합니다\~!

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

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%8B%A4%EB%AC%BC%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D2_19.09-1.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/%EB%94%94%EC%A7%80%ED%84%B8%EC%A0%9C%ED%92%88%EB%93%B1%EB%A1%9D3_19.09.png)

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

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

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

![](https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI0CA8OpKze6WVwOKHrNV%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media\&token=576171dc-e10f-4248-89fe-df9dab4ee586)

## ![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png) **STEP2. 디지털제품 – PDF 상품 등록하기**

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

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

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

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EB%94%94%EC%A7%80%ED%84%B8%EC%A0%9C%ED%92%88%EB%93%B1%EB%A1%9D6_19.09.png)

1\. 상품유형: ‘디지털’을 선택합니다.

2\. 디지털 상품 유형 선택: <mark style="color:blue;">**\[권한변경, PDF보기, 영상 및 파일 판매, 쿠폰]**</mark> 중에서 선택할 수 있습니다.

해당 포스팅에서는 ‘PDF보기’를 선택해서 등록할게요!

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EB%94%94%EC%A7%80%ED%84%B8%EC%A0%9C%ED%92%88%EB%93%B1%EB%A1%9D7_19.09.png" alt=""></div>

3\. PDF파일 업로드: 등록하고자 하는 pdf 파일을 업로드 해주세요 \[미리보기] 버튼을 선택해서 등록한 파일을 확인할 수 있어요.

4\. 외부 공유 및 연동 금지

<mark style="color:red;">-구매한 PDF 파일을 공유할 수 없고, 앱에서만 확인하도록 설정하고 싶다면 ‘외부 공유 및 연동 금지’ 체크해주세요</mark>

<mark style="color:red;">-외부 공유 및 연동이 되어도 괜찮다면 체크를 풀어주세요.</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EB%94%94%EC%A7%80%ED%84%B8%EC%A0%9C%ED%92%88%EB%93%B1%EB%A1%9D10_19.09.png)

5\. 상품명 : 상품 이름을 입력해주세요.

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

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

8\. 상품 가격: 판매할 가격을 입력합니다.

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

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

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

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EB%94%94%EC%A7%80%ED%84%B8%EC%A0%9C%ED%92%88%EB%93%B1%EB%A1%9D8_19.09.png)

11\. 상품별 결제수단: PAY APP(페이앱)카드결제를 체크해주세요.

\*디지털 제품은 무통장입금 사용할 수 없으며 반드시 전자결제모듈이 적용되어야 합니다.

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

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

\*할인금액은 할인이 된 최종 금액을 입력해주셔야 합니다.

13\. 재고 관리 사용: 상품 재고관리를 사용할 것인지 체크합니다.

14\. 수량 체크를 한다면, 판매할 수량을 입력해주세요.

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

디지털 제품에서는 따로 옵션을 설정하지는 않았는데요. 만약 옵션을 설정한다면 아래 gif이미지로 확인해주시기 바랍니다!

예시)의류 쇼핑몰: 사이즈 추가, 색상 추가 등을 기재해서 옵션을 설정하고 옵션금액을 설정할 수 있습니다.

&#x20;<img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2Fh1ZOTm1LwERIq6PeR1y1%2Fimage.png?alt=media&#x26;token=00c8e16f-2bf6-4a04-9700-818ee06e1574" alt="" data-size="line">**옵션 추가 방법은 아래 움짤 이미지로 확인해주세요!**

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/10/%EC%8B%A4%EB%AC%BC%EC%83%81%ED%92%88%EC%98%B5%EC%85%98.gif" alt=""></div>

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

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

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EB%94%94%EC%A7%80%ED%84%B8%EC%A0%9C%ED%92%88%EB%93%B1%EB%A1%9D9_19.09.png)

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

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

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

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

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

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EB%94%94%EC%A7%80%ED%84%B8%EC%A0%9C%ED%92%88%EB%93%B1%EB%A1%9D4_19.09.png)

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

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

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

![](https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI0CA8OpKze6WVwOKHrNV%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media\&token=576171dc-e10f-4248-89fe-df9dab4ee586)

## ![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png) **STEP3. 앱에 상품 카테고리 적용하기**

디지털제품 등록이 완료되었다면, 앱에서 실제 상품을 구매할 수 있는 페이지를 적용해볼게요.

<mark style="color:blue;">**1.앱제작V3버전 이용시**</mark>

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FzYThvUOTo6sQ559yTDQj%2Fpdf_%EC%83%81%ED%92%88%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC1.png?alt=media&#x26;token=29aeccc6-9cfe-407c-a15e-6104a5ebfb5c" alt=""><figcaption></figcaption></figure>

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

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

3\)메뉴 이름 입력

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

5\)\[상품 카테고리]를 선택해주세요.&#x20;

\*카테고리는 스윙샵 상품등록시 미리 만들어주셔야 합니다. 상품 카테고리가 없을 경우 적용이 불가합니다.

6\) 적용할 카테고리를 찾아서 \[적용하기] 버튼을 선택해주세요.&#x20;

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

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

<mark style="color:blue;">**2.앱제작 V2 버전 이용시**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%83%81%ED%92%88%EC%B9%B4%ED%85%8C%EA%B3%A0%EB%A6%AC2.png)

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

1\) \[카테고리 추가] 버튼을 선택해서 적용할 메뉴를 추가합니다.&#x20;

2\) 메뉴명: 메뉴 이름을 입력해주세요.

3\) 메뉴 유형: \[상품카테고리]를 선택해주세요.

4\) \[링크마법사] 버튼을 선택해주세요.

5\) 카테고리 검색에서 적용할 카테고리 이름으로 검색 후 선택합니다.  &#x20;

6\) \[반영] 버튼 선택

7\) \[적용] 버튼 선택

8\) \[저장] 버튼을 누르면 완료됩니다.

\*아이콘은 선택사항이며, 메뉴 앞에 아이콘을 적용할 경우만 선택해주세요.&#x20;

![](https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI0CA8OpKze6WVwOKHrNV%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media\&token=576171dc-e10f-4248-89fe-df9dab4ee586)

## &#x20;![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png)**STEP4. 앱 실행화면) 디지털상품 판매 앱**

스윙 학원 샘플앱을 통해서 앱에 디지털제품-pdf파일이 어떻게 등록되었는지 확인해주세요.

그리고 어떻게 pdf파일을 구매하고, 열람이 가능한지 확인할 수 있습니다.

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EB%94%94%EC%A7%80%ED%84%B8%EC%A0%9C%ED%92%882_19.09-1.png)

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/11/pdf%ED%8C%90%EB%A7%A46-1.png" alt=""></div>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/11/pdf%ED%8C%90%EB%A7%A47-1.png" alt=""></div>

**▶구매 진행단계 및 구매한 PDF 파일을 열람하는 방법을 움짤이미지로 확인해주세요.**

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EB%85%B9%ED%99%94_2019_09_24_12_30_50_728.gif" alt=""></div>

![](https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FI0CA8OpKze6WVwOKHrNV%2F%EA%B5%AC%EB%B6%84%EC%84%A0.PNG?alt=media\&token=576171dc-e10f-4248-89fe-df9dab4ee586)

## ![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png) **STEP5. 앱 실행화면) 구매한 PDF파일 확인하기**

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%87%BC%ED%95%91%EB%AA%B0-pdf%ED%8C%8C%EC%9D%BC%EB%B3%B4%EA%B8%B0.png)

**결제 즉시 주문상세 페이지에서 구매한 PDF 컨텐츠를 볼 수 있습니다.**

\[컨텐츠 보기]를 선택하면 컨텐츠 열람 페이지로 이동하구요.

해당 파일의 pdf 버튼을 선택하면 열람할 수 있습니다.

**그리고 결제 이후 구매한 파일을 다시 확인하고 싶다면, 디지털 구매 페이지와 마이페이지에서 확인할 수 있습니다.**

### <mark style="color:blue;">**1. 디지털 상품 구매완료 페이지**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%87%BC%ED%95%91%EB%AA%B0-pdf%ED%8C%8C%EC%9D%BC%EB%B3%B4%EA%B8%B03.png)

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%87%BC%ED%95%91%EB%AA%B0-pdf%ED%8C%8C%EC%9D%BC%EB%B3%B4%EA%B8%B023.png" alt=""></div>

디지털구매완료 메뉴를 선택해주세요.

구매완료 상품 페이지에서 \[보기] 버튼을 선택합니다.

컨텐츠 열람 페이지에서 해당 파일의 pdf 버튼을 선택하면 pdf를 다시 볼 수 있습니다.

### <mark style="color:blue;">**2.디지털 상품 구매 완료 페이지 적용하기**</mark>

{% hint style="info" %} <mark style="color:blue;">‘디지털 상품 구매완료 페이지’를 앱에 적용해주셔야 앱에서 이용이 가능합니다.</mark>

아래 이용방법 화면을 보시고 앱 메뉴에 구매완료 페이지를 추가해주세요.
{% endhint %}

**-앱제작 V3 버전 이용시**

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FZ6qpQa0sP6N7eyp4LjGR%2F%EB%94%94%EC%A7%80%ED%84%B8%EA%B5%AC%EB%A7%A4%ED%8E%98%EC%9D%B4%EC%A7%80.png?alt=media&#x26;token=45673378-fa57-40a1-8e0b-520e2d80da3b" alt=""><figcaption></figcaption></figure>

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

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

3\)메뉴 이름 입력

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

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

6\)'디지털 상품 구매완료 페이지' 선택 후, \[적용하기] 버튼을 선택해주세요.&#x20;

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

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

**-앱제작 V2 버전 이용시**

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EB%94%94%EC%A7%80%ED%84%B8%EA%B5%AC%EB%A7%A4%EC%99%84%EB%A3%8C.png)

앱제작 → 페이지 메뉴 이동

1\. \[카테고리 추가] 버튼을 선택해서 적용할 메뉴를 추가합니다.&#x20;

2\. 메뉴명: 메뉴 이름을 입력해주세요.

3\. 메뉴 유형: \[스윙페이지]를 선택해주세요.

4\. \[링크마법사] 버튼을 선택해주세요.

5\. <mark style="color:blue;">‘디지털상품 구매완료 페이지’</mark> 를 선택한 뒤 \[반영] 버튼 선택

6\. \[적용] 버튼

7\. \[저장] 버튼을 누르면 완료됩니다.

\*아이콘은 선택사항이며, 메뉴 앞에 아이콘을 적용할 경우만 선택해주세요.&#x20;

### <mark style="color:blue;">**3.마이페이지 – 디지털 제품 보기**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%87%BC%ED%95%91%EB%AA%B0-pdf%ED%8C%8C%EC%9D%BC%EB%B3%B4%EA%B8%B02.png)

마이페이지의 – 디지털제품(다운로드, 영상, 문서)보기를 선택해주세요.

구매완료 상품 페이지에서 \[보기] 버튼을 선택합니다.

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2018/11/%EC%87%BC%ED%95%91%EB%AA%B0-pdf%ED%8C%8C%EC%9D%BC%EB%B3%B4%EA%B8%B023.png" alt=""></div>

컨텐츠 열람 페이지에서 해당 파일의 pdf 버튼을 선택하면 pdf를 다시 볼 수 있습니다.

{% hint style="info" %} <mark style="color:blue;">마이페이지는 앱제작에서 스윙페이지에서 마이페이지를 앱에 적용해주셔야 앱에서 이용이 가능합니다.</mark>

아래 이용방법 화면을 보시고 앱 메뉴에 마이페이지를 추가해주세요.
{% endhint %}

**-앱제작 V3 버전 이용시**

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2Fso55oOGsMZaD8WlAKJUy%2F%EB%A7%88%EC%9D%B4%ED%8E%98%EC%9D%B4%EC%A7%801.png?alt=media&#x26;token=ca2e6a38-7666-4372-83a8-6ae90e71305f" alt=""><figcaption></figcaption></figure>

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

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

3\)메뉴 이름 입력

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

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

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

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

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

**-앱제작 V2 버전 이용시**

![](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.png)

앱제작 → 페이지 메뉴 이동

1\. \[카테고리 추가] 버튼을 선택해서 적용할 메뉴를 추가합니다.&#x20;

2\. 메뉴명: 메뉴 이름을 입력해주세요.

3\. 메뉴 유형: \[스윙페이지]를 선택해주세요.

4\. \[링크마법사] 버튼을 선택해주세요.

5\. <mark style="color:blue;">‘</mark><mark style="color:blue;">**마이 페이지**</mark><mark style="color:blue;">’</mark> 를 선택한 뒤 \[반영] 버튼 선택

6\. \[적용] 버튼

7\. \[저장] 버튼을 누르면 완료됩니다.

\*아이콘은 선택사항이며, 메뉴 앞에 아이콘을 적용할 경우만 선택해주세요.&#x20;


---

# 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/digital-pdf.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.
