> For the complete documentation index, see [llms.txt](https://documentation.swing2app.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://documentation.swing2app.co.kr/webapp/manual/pushapp.md).

# 스윙투앱 푸시앱

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

## **1. 스윙투앱 푸시앱(Push App) 소개**

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

모바일 웹사이트를 앱에 적용해서 제작하능 웹앱 제작 플랫폼입니다.

홈페이지 URL 링크만 입력하면 앱에 연동되며 모바일웹과 동일한 웹앱을 제작할 수 있습니다.

**✔ 웹사이트를 넘어서, 푸시로 고객과 연결되는 진짜 앱**

**스윙투앱 푸시앱**은 기존 웹사이트를 앱으로 전환할 뿐만 아니라, **푸시 알림 기능과 앱 전용 UI**를 통해 고객과의 실시간 커뮤니케이션까지 가능하게 하는 **진정한 앱 솔루션**입니다.

홈페이지가 있는 누구나, **코딩 없이 앱 + 푸시 마케팅**을 시작할 수 있습니다.

푸시 앱은 푸시 알림 기능을 이용할 수 있기 때문에 앱을 설치한 사용자들에게 푸시 알림을 보낼 수 있습니다.

푸시 기능을 이용할 수 있으며 사용자들에게 이벤트, 광고, 홍보 메시지를 보낼 수 있습니다.

***

## **2.푸시앱을 이용하는 이유**

<div align="left"><figure><img src="/files/4yDYuza7OorkhAKRVHTk" alt=""><figcaption></figcaption></figure></div>

#### 1. **모바일 환경에 최적화된 사용자 경험**

* 사용자들은 이제 대부분의 웹사이트를 **스마트폰으로 접속**합니다.
* 하지만 모바일 브라우저에서의 사용은 번거로움이 많습니다.
  * 주소를 매번 입력해야 함
  * 푸시 알림 불가
  * 앱처럼 직관적이지 않음
* **웹앱으로 전환하면** 기존 웹사이트를 앱처럼 실행할 수 있어, **더 편리하고 직관적인 UX 제공**이 가능합니다.

#### 2. **브랜드 노출 효과 및 고객 신뢰도 상승**

* 앱스토어(Play Store, App Store)에 앱을 등록하면, 사용자는 브랜드를 **공식 앱으로 인식**합니다.
* 이는 기업이나 서비스의 **전문성과 신뢰도 상승**으로 이어집니다.
* 홈페이지만 있는 경우보다 **브랜드 충성도와 노출 빈도가 증가**합니다.

#### 3. **홈 화면 바로가기 & 반복 방문 유도**

* 앱으로 설치 시 **홈 화면에 아이콘이 생기므로 접근성이 뛰어남**
* 자주 방문하는 고객은 앱 실행만으로 서비스 접근 가능 → **재방문율 증가**

#### 4. **개발 비용과 유지관리 부담 없이 앱화**

* 기존 웹사이트를 기반으로 하기 때문에, 앱 콘텐츠를 따로 관리할 필요가 없습니다.
* 수정 시 웹만 고치면 앱에도 **자동 반영**되므로 **운영 효율성이 뛰어납니다.**

#### 5. **경쟁사 대비 차별화**

* 동일 업종 내 경쟁사가 웹사이트만 운영하고 있다면,
* 우리는 앱까지 제공하면서 **모바일 시장에서 차별화된 서비스 제공** 가능

#### 6. **푸시 알림을 통한 직접 마케팅**

* 웹사이트는 고객에게 **알림을 보내는 기능이 제한적**입니다.
* 하지만 웹앱은 푸시 알림을 통해 고객에게 직접 메시지를 보낼 수 있습니다.
  * 이벤트 안내
  * 쿠폰 발송
  * 공지사항 등
* 이메일, 문자보다 **도달률과 반응률이 높습니다.**

{% hint style="success" %}
**푸시 발송(알림 메시지)을 통해 사용자들의 앱 방문을 유도하고 홍보를 할 수 있습니다.**

+앱 설치를 통한 사용자 이탈 감소

+재방문율 증대

+앱을 통한 사이트 유입의 접근성 증가

+앱 관리의 편리함과 간편함을 이용할 수 있습니다.
{% endhint %}

***



## **3.스윙투앱 푸시앱의 주요 특징**

<div align="left"><figure><img src="/files/dBAU4lZ4I6FjzL0C2INi" alt=""><figcaption></figcaption></figure></div>

#### ✅**1. 모바일 웹사이트 그대로 앱으로 제작**

* 기존 웹사이트를 그대로 감싸는 방식(WebView)으로 웹앱 제작
* 별도 개발 없이 **웹 콘텐츠가 앱에서 그대로 작동**

#### ✅**2. 개발 지식 없이 앱 제작 가능**

* 프로그래밍 지식이 없어도 앱 제작 가능
* 홈페이지 주소만 입력하면 **10분 안에 앱 생성**

#### ✅**3. iOS & Android 동시 지원**

* 안드로이드, 아이폰 모두 앱 제작 가능
* 각각의 스토어에 맞춰 자동 최적화

#### ✅**4. 스토어 등록 지원**

* 앱스토어, 플레이스토어에 직접 등록하거나 스윙투앱의 **스토어 등록 대행 서비스 이용 가능**

#### ✅**5. 기기별 최적화**

* 다양한 기기 및 해상도에 맞춘 **반응형 앱 구조**
* 화면 확대/축소, 회전 등도 앱에서 제어 가능

#### ✅**6. 웹사이트 자동 연동 유지(콘텐츠 자동 연동)**

* 웹사이트 수정 시 앱도 자동 업데이트
* 앱 콘텐츠를 따로 관리할 필요 없음
* 별도 앱 업데이트 없이 실시간 콘텐츠 반영 가능

#### ✅**7. 광고 및 분석 도구 연동**

* 구글 애널리틱스, 페이스북 픽셀, 애드몹 등 연동 가능
* 마케팅 분석과 수익화까지 가능

#### ✅8. **푸시 알림 기능 지원**

* 앱 사용자에게 **무제한으로 푸시 메시지 발송 가능**
* 실시간 공지, 이벤트 안내, 마케팅 메시지 등 다양한 용도로 활용 가능
* 안드로이드 & iOS 모두 지원

#### ✅ 9. **사용자 맞춤 알림 설정**

* 앱 사용자 그룹별로 **푸시 메시지 타겟팅** 가능
* 특정 시간대에 예약 발송 가능
* 이미지 포함 푸시, 링크 연결 푸시도 지원

#### ✅ 10. **툴바 & 하단 네비게이션 기능 포함**

* 웹앱에는 없는 앱 전용 **툴바/하단바 제공**
* 홈, 뒤로가기, 새로고침, 푸시 메시지함 등 앱 UX 강화

#### ✅ 11. **푸시 메시지함 기능**

* 사용자가 수신한 푸시 메시지를 앱 내에서 확인할 수 있는 전용 메뉴 제공
* 중요한 메시지를 다시 열람 가능 (알림 로그 저장)

#### ✅ 12. **광고 없는 깔끔한 앱 제공**

* 무료 버전과 달리 푸시앱은 **스윙투앱 광고가 표시되지 않음**
* 브랜드 이미지를 해치지 않는 **프리미엄 앱 환경 제공**

#### ✅ 13. **스토어 등록 최적화**

* Google Play, App Store 등록을 위한 설정 최적화
* 스토어에서 푸시 기능 포함 앱으로 구분되어 기능성 인식↑

***

## **4.푸시앱 기능 소개**

### <mark style="color:blue;">1)푸시 알림</mark>&#x20;

<div align="left"><figure><img src="/files/HYkVE7kbKMiZN8OweGRC" alt="" width="375"><figcaption></figcaption></figure></div>

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

푸시앱의 가장 강력하고, 사용도가 높은 기능인 '푸시' 알림 발송 기능을 이용할 수 있습니다.

앱을 설치한 사용자들에게 푸시 알림을 전송할 수 있구요.

앱이 설치된 핸드폰으로 푸시 알림이 들어오며, 사용자는 푸시를 선택하여 연결된 페이지를 확인할 수 있습니다.&#x20;

사용자의 참여도와 관심을 높이기 위해 실시간으로 정보나 이벤트를 전달하는 기능입니다.&#x20;

목표 사용자와의 소통을 강화하여 앱 이용률을 향상시킵니다.

{% hint style="info" %} <mark style="color:blue;">**푸시 기능 활용**</mark>

**언론사/뉴스 앱은,**

&#x20;주요 뉴스 및 기사를 실시간으로사용자들에게 신속하고 정확하게 전달할 수 있습니다.

**쇼핑몰 앱은,**&#x20;

매일 업데이트 되는 신상 의류 소식을 빠르게 전달할 수 있습니다.

**커뮤니티 앱은,**&#x20;

사용자들의 소통, 정보 알림을 발송하여 앱 참여를 유도할 수 있습니다.

그 외에도 각종 정보 및 공지를 보다 빠르게 전달할 수 있는 측면에서 푸시 기능의 쓰임이 더욱 많아지고 있습니다.&#x20;
{% endhint %}

{% hint style="success" %} <mark style="color:green;">**푸시 알림의 장점**</mark>

1\)앱 설치를 통한 사용자 이탈 감소

2\)모바일 기기 사용자들의 방문율 증대

3\)앱을 통한 사이트 유입의 접근성 증가

4\)프로모션, 홍보의 최대 효율(비용 없이 진행되는 고효율 마케팅 수단)

5\)앱 관리의 편리성 : 푸시 API 연동시 원하는 액션에 푸시 발송 가능
{% endhint %}

### <mark style="color:blue;">2)툴바</mark>&#x20;

<div align="left"><figure><img src="/files/Q0b1nyMm0rJQDydmOIVv" alt="" width="375"><figcaption></figcaption></figure></div>

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

앱 화면 하단에 툴바 영역이 생성되어 사용자가 하단 메뉴 구성을 할 수 있으며, 원하는 링크를 넣을 수도 있습니다.&#x20;

{% hint style="success" %}
툴바에서 제공되는 기능

페이지: 북마크 리스트, 메뉴, 알림목록, 설정

기능: 웹뷰 뒤로 이동, 앞으로 이동, 북마크, 홈으로 이동, 새로고침, 공유하기
{% endhint %}

### <mark style="color:blue;">3)앱 광고-애드몹</mark>&#x20;

#### &#x20;<mark style="color:blue;">\*푸시앱, 웹뷰앱 공통 기능</mark>

<div align="left"><figure><img src="/files/TLPO3n79meMdPOhmgJsK" alt="" width="375"><figcaption></figcaption></figure></div>

앱 내에서 광고를 통한 수익화를 가능하게 하는 기능입니다.&#x20;

사용자 대상으로 타겟팅된 광고를 효과적으로 전달하여 수익을 창출합니다.

\*푸시앱 뿐만 아니라 웹뷰앱에서도 공통 제공하는 기능입니다.&#x20;

### <mark style="color:blue;">4)메뉴 편집 기능</mark>

<div align="left"><figure><img src="/files/RHowjMXTRmu1jaCWAkor" alt="" width="375"><figcaption></figcaption></figure></div>

앱의 구조와 네비게이션을 사용자 친화적으로 조정하는 기능입니다.&#x20;

유동적인 메뉴 편집을 통해 사용자의 경험을 최적화합니다.

### <mark style="color:blue;">**5)북마크 기능**</mark>

<div align="left"><figure><img src="/files/TFPZFWEUf2MmhyBE5D4w" alt="" width="375"><figcaption></figcaption></figure></div>

푸시 툴바 기능 중 하나로,&#x20;

사용자가 웹페이지 중 다시 보고 싶은 페이지를 저장할 수 있는 북마크 기능을 제공합니다.&#x20;

### <mark style="color:blue;">6)푸시발송 히스토리</mark>

<div align="left"><figure><img src="/files/ffebKC72IPMV4XUXQ4tj" alt="" width="375"><figcaption></figcaption></figure></div>

푸시 알림 내역 확인 가능

푸시 발송 이력 화면을 제공하여, 사용자들은 지난 푸시 알림이력을 확인할 수 있습니다.

### <mark style="color:blue;">7)실시간 업데이트 기능</mark>

<div align="left"><figure><img src="/files/JYdpULf1qjQzkFSLcFzI" alt="" width="375"><figcaption></figcaption></figure></div>

앱의 새로운 버전이나 기능을 손쉽게 제공하는 기능입니다.&#x20;

사용자에게 항상 최신의 앱 경험을 제공하며, 보안 및 성능 개선을 지속적으로 진행합니다.

### <mark style="color:blue;">8)API 도구+푸시 API연동</mark>&#x20;

Javascript Front API 와 Back-end API 를 통해서 네이티브 도구를 웹에서 직접 컨트롤하고 다양한 기능을 제공할 수 있습니다.

### <mark style="color:blue;">**9)회원 연동**</mark>&#x20;

홈페이지(웹사이트) 회원을 연동하여, 앱에서 정보를 관리할 수 있습니다.&#x20;

회원별 맞춤 푸시 발송 역시 가능합니다.&#x20;

***

## **5.푸시앱 제작방법**

<div align="left"><figure><img src="/files/WLNunjx3KPmtdlXKFpBT" alt=""><figcaption></figcaption></figure></div>

**STEP1기본정보**

1\) 앱 아이디 입력&#x20;

2\) 앱 이름 입력

3\) 앱 아이콘 이미지 (1024px\*1024px)

4\) 앱 대기화면 이미지 등록 (2282px\*2282px)

5\) \[저장]버튼 선택

**STEP2 디자인**

1.프로토타입 선택 : 푸시전용으로 선택

2.기본 옵션: 툴바 사용 여부, 툴바 숨김 여부 선택

3.고급 옵션: 툴바 배경색상, 메뉴 리스크 배경 색상, 메뉴 리스트 텍스트 색상 설정

\*기본옵션과 고급옵션 아무것도 수정하지 않을 경우 기본 셋팅된 스타일로 제작됩니다.

4\)저장 버튼 선택

**STEP3 페이지**

1\)웹사이트 주소 입력

2\)주소설정 : 최초실행 주소 설정 여부 선택

\*최초 실행 주소란 앱에 연결한 웹사이트 외에 앱을 설치하고 처음에만 보여지는 별도 웹페이지를 적용할 수 있습니다.

3\)저장 버튼 선택

**STEP4 앱제작하기**

1\)앱제작하기 버튼 선택

2\)앱제작 팝업창에서 \[제작하기] 버튼을 선택해주세요.

업데이트 표시 옵션은 어떤 것을 선택해도 상관없습니다.

최초 제작시에는 업데이트 창이 뜨지 않기 때문에 어떤 것을 선택해도 무관합니다.&#x20;

***

## **6.푸시앱 가격정책**

<div align="left"><figure><img src="/files/Y7axXN52gbPVSxCVvxaG" alt=""><figcaption></figcaption></figure></div>

무제한 상품은 총 3가지이며, 출시하고자 하는 플랫폼에 따라 상품 구매가 가능해요

<mark style="color:red;">**\*업로드 티켓 금액 포함**</mark>

**(1)앱스토어, 플레이스토어 모두 출시한다면**

→ 푸시전용 무제한 유료앱(아이폰+안드로이드)550,000원+플레이스토어 업로드티켓20,000원+앱스토어 업로드티켓20,000원 = 590,000원

**(2)플레이스토어만 출시한다면**

→ 푸시전용 무제한 유료앱(안드로이드)250,000원+플레이스토어 업로드티켓20,000원=270,000원

**(3)앱스토어만 출시한다면**

→ 푸시전용 무제한 유료앱(아이폰)350,000원+앱스토어 업로드티켓20,000원=370,000원

{% hint style="info" %}
앱을 장기간 운영할 예정이며, 이용기간 제한 없이 운영하신다면 ‘푸시전용 무제한 유료앱’ 상품을 구매하시기를 권장드립니다.

플레이스토어, 앱스토어 출시 여부에 따라 각각의 플랫폼별 상품 구매가 가능하오니 합리적으로 이용할 수 있습니다.
{% endhint %}

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

{% hint style="warning" %}
**💡 웹뷰앱과 푸시앱의 차이?**

웹뷰앱, 푸시앱 모두 모바일웹(URL)링크를 걸어서 제작하는 웹앱으로 제작 플랫폼은 동일합니다.

그러나 푸시앱은 푸시발송(푸시메시지) 기능을 이용할 수 있다는 점에서 웹뷰앱과 달라요!

-웹뷰앱은 웹링크를 앱에 거는 것 외에 다른 앱기능들은 모두 사용하지 않구요.

-푸시앱은 웹뷰앱 +푸시 알림, 툴바, 메뉴추가, API연동, 업데이트 등 다수 앱기능이 추가된 앱입니다.

따라서 웹앱의 사용 목적에 따라 다른 앱 기능은 전혀 필요가 없다면 -> 웹뷰앱이 적합하며,

푸시 발송, API연동, 회원 연동 등 앱에서 다양한 마케팅 및 홍보 활동을 진행한다면 ->푸시앱으로 이용하는 것이 적합 합니다.&#x20;
{% endhint %}

{% hint style="success" %}
**푸시앱 제작 및 스토어 출시 과정을 한 눈에 보고 싶다면?**

스윙투앱 푸시앱 제작방법은 아래 매뉴얼을 보시면 보다 상세하게 확인 가능합니다.

[**푸시앱 제작 전체 매뉴얼**](https://help-7.gitbook.io/undefined/manual/v3/webapp/push)
{% endhint %}

{% hint style="success" %}
**푸시앱을 스토어에 출시한다면 ‘푸시 무제한 유료앱’을 구매해서 출시할 수 있어요.**

상품 상세 내용을 확인해주세요!

[**푸시 무제한 유료앱 이용권 보러가기**](https://help-7.gitbook.io/undefined/manual/appmanage/pay/push-unlimited)
{% endhint %}