# 스윙페이지-쇼핑몰정보

스윙샵에서 제공하는 페이지 중 ‘쇼핑몰 정보’를  앱에 적용하는 방법을 알려드립니다.

쇼핑몰 정보는 상점 기본정보에서 설정한 내용이 보여지는 화면이구요.

고객센터 정보 부터 운영시간 소개멘트 등이 보여집니다. 

스윙페이지에서 이용할 수 있으며, 스윙샵 이용시 해당 페이지를 함께 적용할 수 있습니다. 

***

<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"><mark style="color:blue;">**쇼핑몰 정보 앱 실행화면**</mark>

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2021/02/%EC%83%81%EC%A0%90%EC%A0%95%EB%B3%B42.png" alt="" width="375"></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) **STEP1.  기본정보설정**

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2021/02/%EC%83%81%EC%A0%90%EA%B4%80%EB%A6%AC-3.png" alt=""></div>

스윙샵 [1)상점관리 메뉴 – 2)기본정보설정](http://www.swing2app.co.kr/view/store_info_basic_setting) 메뉴로 이동합니다.

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2021/02/%EA%B8%B0%EB%B3%B8%EC%A0%95%EB%B3%B41.png" alt=""></div>

1\. 상점 이름: 쇼핑몰 이름을 입력합니다.

2\. 관리자 이메일: 관리자 이메일을 입력합니다.

3\. 상점 인터넷 URL (쇼핑몰 주소): 사이트가 있을 경우 입력해주시고, 없을 경우 입력하지 않아도 괜찮아요.

4\. 주소(쇼핑몰주소): 쇼핑몰 소재지(주소)를 적어주세요.

5\. 상점 소개말: 간단하게 쇼핑몰 소개 멘트를 입력해주세요.

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2021/02/%EA%B8%B0%EB%B3%B8%EC%A0%95%EB%B3%B42.png" alt=""></div>

6\. 상점 상세 이미지 : 쇼핑몰 메인 화면에 들어갈 이미지를 등록해주세요.

<mark style="color:red;">※ 쇼핑몰메인화면에 보여지는 이미지이며, 정보 페이지는 보여지지 않습니다.</mark>&#x20;

대표 이미지 하나만 넣어주셔도 되구요. **여러 장의 이미지를 등록할 경우 이미지가 슬라이딩 되어 보여집니다.**&#x20;

**\[고객센터 정보 7\~10]**

7.전화번호: 전화번호를 입력해주세요.

<mark style="color:red;">**\*\*필수\*\***</mark> 전화번호는 반드시 입력해주셔야 합니다. 결제시 전화번호 인증을 위해 SMS를 발송하게 됨으로 발신 전화번호가 기재되어 있어야 정상 발송됩니다.

8\. 이메일: 관리자 이메일 주소를 입력해주세요

9\. 카카오톡 아이디: 카카오톡 아이디는 선택사항이구요. 없으실 경우 입력하지 않아도 됩니다.

\*카톡은 현재 스윙샵 메뉴에 연동이 안되고 있어요. 조금만 기다려주시면 추가하도록 하겠습니다\~!!

10\. 고객센터 운영시간: 고객센터 운영시간을 시간 버튼으로 설정해주세요.

<div align="center"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2021/02/%EA%B8%B0%EB%B3%B8%EC%A0%95%EB%B3%B43.png" alt=""></div>

11\. 상점대표이미지: 대표이미지는 쇼핑몰 정보 페이지의 메인 아이콘 이미지로 보여집니다.

앱 아이콘과 동일한 사이즈이구요. 앱 아이콘 이미지를 넣으셔도 됩니다. (추후에 원하는 이미지로 수정하실 수 있어요)

12\. 상점푸터: 쇼핑몰 하단에 들어가는 문구를 입력해주세요.

13\. 모든 내용 입력이 완료된 후 \[저장]버튼을 누르면 기본정보 설정 입력이 완료됩니다.

기본정보 설정 입력이 완료되면, 앱제작 페이지로 이동합니다.&#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)

## ![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png) **STEP2. 쇼핑몰 정보 메뉴 적용하기**

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

<figure><img src="https://684031119-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmsJj00k8mj8AcVpnn9Xs%2Fuploads%2FqaVBQ1uhvSroE2zSJ1xx%2F%EC%87%BC%ED%95%91%EB%AA%B0%EC%A0%95%EB%B3%B4-%EC%A0%81%EC%9A%A9.png?alt=media&#x26;token=2637afb9-2295-4813-b3da-00568a9d9714" alt=""><figcaption></figcaption></figure>

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

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

3\)메뉴 이름 입력

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

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

6\) 쇼핑몰를정보 페이지를찾아서 \[적용하기] 버튼을 선택해주세요.&#x20;

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

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

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

![](https://wp.swing2app.co.kr/wp-content/uploads/2021/02/%EC%87%BC%ED%95%91%EB%AA%B0%EC%A0%95%EB%B3%B4.png)

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

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

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

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

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

5\. 링크마법사 창에서 <mark style="color:blue;">\[쇼핑몰 정보]</mark> 메뉴 선택, \[반영]버튼 선택

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

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

![](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. 앱 실행화면**

<div align="left"><img src="https://wp.swing2app.co.kr/wp-content/uploads/2021/02/%EC%83%81%EC%A0%90%EC%A0%95%EB%B3%B42.png" alt="" width="375"></div>

쇼핑몰 정보 페이지를 적용한 앱 실행화면입니다.

위에 기본정보설정에서 입력한 내용들이 정보 설정 화면에 보여집니다.&#x20;

상점 대표 이미지, 상점 이름, 고객센터 정보, 운영시간, 상점 소개말 등이 표시됩니다.&#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/shop-info.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.