> 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/manual/v2/pagemenu/app-introductionpage.md).

# 홈화면:앱소개 페이지 적용하기

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EC%95%B1%EC%86%8C%EA%B0%9C%EC%A0%81%EC%9A%A9%EC%A0%9C%EB%AA%A9.png)

**앱 홈화면 앱소개 페이지 적용방법**

앱 홈화면에 앱소개 페이지를 적용하는 방법을 알려드릴게요!

<mark style="color:red;">★홈화면은 다양한 메뉴로 선택하여 적용할 수 있습니다.</mark>

앱소개는 스윙 앱제작시 초기 셋팅해드리는 홈화면 메뉴입니다.

샘플로 제공되는 메뉴이므로 사용자분들은 앱 스타일에 맞게 홈화면을 다른 메뉴들로 제작해주시길 권장드립니다.

***

### ![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png) <mark style="color:blue;">**1. 홈화면- 앱소개 페이지 적용하기**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%ED%99%88%ED%99%94%EB%A9%B4-%EC%95%B1%EC%86%8C%EA%B0%9C%ED%8E%98%EC%9D%B4%EC%A7%80new1-1.png)

<mark style="color:blue;">**\[제작방법]**</mark>

1\)\[홈 화면]메뉴를 마우스로 클릭합니다

2\)메뉴명은 변경하지 않아도 됩니다

\*앱소개 페이지를 홈화면으로 적용시, 홈 이름은 → 등록해놓은 앱 이름으로 표시됩니다. 홈화면용 이름을 따로 변경 X

3\)메뉴 유형에서 \[스윙페이지]메뉴를 선택합니다.

4\) \[링크마법사] 버튼을 선택합니다.&#x20;

5\)링크 마법사 창에서 ‘앱소개’ 메뉴 선택 후 \[반영] 버튼 선택

6\)\[적용] 버튼을 누르고

7\)\[저장] 버튼을 누르면 완료!!

<mark style="background-color:blue;">**▶**</mark> <mark style="color:orange;">**홈화면에 앱소개 페이지 적용하는 방법 움짤로 보기.gif**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EB%85%B9%ED%99%94_2020_11_26_17_33_58_450.gif)

<mark style="color:red;">**★ 앱소개 화면은 스윙투앱으로 앱제작을 처음 할 경우는 초기 기본셋팅값으로 적용되기 때문에 따로 적용할 필요는 없습니다.**</mark>&#x20;

그러나 다른 메뉴를 사용하다 홈화면을 앱소개 화면으로 다시 변경할 경우는, 위의 방법으로 적용해주시면 됩니다.

***

### ![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png) <mark style="color:blue;">**2. 앱소개 내용, 배너 수정하기**</mark>

**앱소개에 표시되는 앱소개(타이틀 문구), 앱설명, 사이트주소, 하단 배너에 연동되는 페이지는 모두 수정할 수 있어요!**

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EA%B3%A0%EA%B8%89%EC%84%A4%EC%A0%95new1.png)

<mark style="color:purple;">**\[앱소개 설명 및 배너 내용 수정방법]**</mark>

앱제작 페이지의 \[고급설정] 메뉴에서 앱소개 페이지의 항목을 수정할 수 있습니다.

**1)앱제작 페이지 상단의 \[고급설정] 메뉴 선택**

**2)설정:앱서비스 정보**

**3)앱소개, 설명, 전화번호, 이메일, 사이트주소, 주소, 앱설명 EDIT 버튼을 눌러서 모두 수정할 수 있습니다.**

**4)저장 버튼을 누르면 앱에 반영됩니다. 변경된 내용은 가상머신을 통해서도 확인이 가능해요**

최초 앱 제작때는 앱제작요청 해주셔야 반영됩니다. 제작해놓은 앱에 다시 수정할 때는 저장시 앱에 자동반영됩니다.

<mark style="color:red;">**★ 앱소개 문구는 수정하고, 저장하면 바로 반영이 안되나요?**</mark>

앱소개 타이틀 문구 수정은 최초 1회 수정시 저장 후 \[앱제작 요청] 버튼을 눌러서 새 버전으로 업데이트 받아주셔야 반영됩니다.

1회 수정 이후에는 저장만 하시면 그때부터는 앱에 자동 반영되요.

<mark style="color:red;">**★사이트주소 입력시 하단의 \[공유] 아이콘 버튼과, 중간에 들어가는 사이트 링크 주소와 함께 연동됩니다.**</mark>&#x20;

따라서 사이트주소 입력하시면 공유버튼과 사이트 주소가 함께 표시되구요.

삭제하시면 공유버튼, 사이트주소 함께 제거됩니다.

***

### ![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png) <mark style="color:blue;">**3. 앱소개 내용, 배너 삭제하기**</mark> &#x20;

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EA%B3%A0%EA%B8%89%EC%84%A4%EC%A0%95new2.png)

배너 버튼이나 앱 소개, 설명을모두 지우고 싶을 경우 각 항목의 <mark style="color:purple;">**\[초기화]**</mark> 버튼을 누른 뒤 \[저장] 누르면 앱에서 배너가 제거됩니다.

<mark style="background-color:blue;">**▶**</mark><mark style="color:orange;">**앱 실행화면**</mark>

![](/files/PfngPVLmKnd9LDo0S0qA)

앱소개 화면에서 하단의 내비게이션 버튼이 없어진 것을 확인할 수 있어요\~!

***

### ![](https://wp.swing2app.co.kr/wp-content/uploads/2020/04/%EB%8B%A8%EB%9D%BD1-1.png) <mark style="color:blue;">**4. 앱 실행화면**</mark>

**앱 실행화면을 통해서 앱소개 하단의 아이콘배너를 선택하면 페이지가 어떻게 연동되는지 확인해볼게요!**

<mark style="background-color:blue;">**▶**</mark> <mark style="color:orange;">**짤이미지를 통해서 앱소개-아이콘 배너 선택시 이동하는 페이지를 확인해주세요.**</mark>

![](https://wp.swing2app.co.kr/wp-content/uploads/2018/09/%EB%85%B9%ED%99%94_2020_06_02_16_18_41_940.gif)

<mark style="color:orange;">**1) 전화걸기**</mark>

![](https://s3.ap-northeast-2.amazonaws.com/swing2bucket/resource/image/help/5d49554c48caac8ed5ab2e180c89dbcd.png)

**전화 버튼을 선택하면, 입력해놓은 전화번호로 자동으로 전화걸기 페이지로 이동합니다.**

<mark style="color:orange;">**2) 이메일 발송**</mark>

\
**메일 버튼을 선택하면, 입력해놓은 이메일주소로 이메일발송 페이지로 이동합니다.**&#x20;

![](https://s3.ap-northeast-2.amazonaws.com/swing2bucket/resource/image/help/395a0ac6c8f3bdb77a92309d43066938.png)

**메일 버튼을 선택하면, 입력해놓은 이메일주소로 이메일발송 페이지로 이동합니다.**&#x20;

<mark style="color:orange;">**3) 공유하기**</mark>

![](https://s3.ap-northeast-2.amazonaws.com/swing2bucket/resource/image/help/a24ed93baed54a2626bc88986c2d6160.png)

공유버튼을 선택하면 해당 앱을 다양한 어플리케이션으로 공유할 수 있는 창이 열립니다.

***