스윙 기능 도움말

팝업 이용방법

210 views 2016년 1월 5일 2018년 1월 23일 root 3

팝업제목-17.10.17

앱에 팝업을 적용하는 방법 매뉴얼

팝업은 앱 실행시 새로운 이미지 창을 띄어서 홍보나 마케팅 수단으로 이용하는 기능입니다.

스윙에서 제공하는  팝업은 무료로 이용 할 수 있으며, 다양한 스타일을 이용할 수 있습니다.

팝업을 통해서 새로운 내용을 홍보하거나, 단기 이벤트로 내용을 더욱 효과적으로 전달할 수 있습니다.

팝업을 사용하는 방법과 팝업을 관리하는 방법에 대해서 설명해드리겠습니다.

*팝업은 푸시, 웹뷰 프로토타입에서는 이용할 수 없습니다.

 슬라이드,탑,푸터,드롭메뉴에서만 사용할 수 있는 기능입니다.


▶ 팝업 적용방법은 영상을 통해서도 확인이 가능합니다!

 


 

STEP.1 팝업관리 페이지 이동
  • 앱운영페이지> 서비스관리 > 팝업관리 메뉴로 이동합니다.

팝업-17.10.17

 

  • 스윙에서 제공하는 팝업 스타일은 총 4가지입니다. 사용자가 원하는 팝업을 선택해서 앱을 제작할 수 있습니다.

팝업2-17.10.17


 

1.팝업 설정하기1- 첫번째 스타일
  • 팝업-첫번째 스타일은 팝업에 보여지는 이미지가 하나이며, 이미지에 링크등을 연동하여 해당 페이지로 이동할 수 있습니다.

팝업3-17.10.17

1)’팝업켜기’에 체크 2) 첫번째 팝업스타일 체크 3)핸드폰이미지 + 아이콘을 선택하면 팝업에 등록할 이미지를 추가할 수 있어요.

*권장 해상도를 꼭 지켜주세요. (1024*1920 px)

 

팝업4-17.10.17

이미지가 등록되면, [링크 이미지 설정] 창이 뜹니다.

링크 이미지 설정은 팝업창 이미지를 선택시, 연동된 페이지로 이동하게 하는 기능이에요.

웹사이트, 앱 내의 페이지, 게시판, 게시물, 파일 첨부 등 어디로 연동을 할지 선택을 해주시면 됩니다.

4)‘링크마법사’ 버튼 선택  5)연동할 페이지 선택 후 반영 6)‘링크적용’ 버튼 선택 7)‘변경사항저장’ 버튼을 누르면 완료됩니다.

 

*연결할 링크가 없으면 ‘링크없음’에 체크합니다

*이미지 변경, 이미지 삭제: 해당 팝업 이미지를 다른 이미지를 변경할 수 있고, 이미지를 삭제할 수도 있습니다.

 

[앱 실행화면 – 팝업 실행]

팝업첫번째스타일

팝업1

앱을 실행시켜 팝업 화면을 확인할 수 있습니다. 팝업에 적용시킨 이미지가 큰 이미지로 보여집니다.

 


 

2.팝업 설정하기2 – 두 번째 스타일

두 번째 팝업 스타일을 적용해보겠습니다.

  • 두 번째 팝업은 이미지가 총 3장이 등록됩니다. 슬라이드하여 해당 이미지를 확인할 수 있구요.
  • 다양한 이미지 팝업을 보여줘야 할 때 활용할 수 있습니다.

팝업5-17.10.17

적용방법은 위와 동일합니다.

두 번째 스타일은 이미지를 3장을 등록해야 하니, 미리 팝업에 적용할 이미지를 준비해주세요.

*각 이미지마다 링크마법사를 실행하여 연동할 페이지를 적용할 수 있습니다.

 

[앱 실행화면 – 팝업 실행]
  • 팝업이 적용된 앱 실행화면입니다.

팝업 두번째 스타일

팝업2

팝업 이미지는 슬라이드하여서 다른 이미지를 함께 확인할 수 있습니다.


 

3.팝업 설정하기3 – 세 번째 스타일

세 번째 팝업 스타일을 적용해보겠습니다.

  • 세번째 스타일은 위, 아래에 이미지가 등록되는 스타일입니다.
  • 두칸으로 나뉘어져서 팝업 이미지가 등록됩니다.

팝업6-17.10.17

‘+’ 아이콘을 눌러서 이미지를 등록합니다.

이미지는 위, 아래 총 2장을 등록해야 합니다. 권장 해상도를 잘 지켜주세요.

 

[앱 실행화면 – 팝업 실행]

  • 팝업이 적용된 앱 실행화면입니다.

팝업세번째 스타일

팝업3

앱 실행화면처럼 위 아래에 이미지가 등록된 모습을 확인할 수 있습니다.


 

4.팝업 설정하기4 – 네 번째 스타일

네 번째 팝업 스타일을 적용해보겠습니다.

  • 네번째 팝업 스타일은 이미지가 총 9장이 들어가는 스타일로 하단 이미지를 선택하면해당 이미지가 크게 보이는 스타일입니다.
  • 다량의 이미지를 많이 추가해야 할 때 활용할 수 있는 팝업 스타일입니다.

팝업7-17.10.17

‘+’ 아이콘을 눌러서 이미지를 등록합니다.

이미지는 9장 모두 등록해주셔야 합니다. 권장 해상도를 지켜주세요.

 

[앱 실행화면 – 팝업 실행]
  • 팝업이 적용된 앱 실행화면입니다.

팝업네번째스타일

팝업4


Was this helpful?