스윙 기능 도움말

팝업응용. 팝업으로 홍보하기

34 views 2016년 1월 7일 2018년 2월 1일 root 2

그림1

팝업 활용: 팝업으로 홍보하는 방법

앱 회원에게 공지, 이벤트 등을 효과적으로 홍보 할 수 있는 방법은 팝업을 활용하는 것이죠.

이번에는 팝업을 통해 스윙네일샵의 네일 포토후기 이벤트 결과를 홍보하는 방법에 대해 알아보겠습니다!


STEP1. 팝업 이미지 준비하기

스윙 네일샵에서는 올해의 가장 인기 있는 포토 후기 총 9건을 보여주고자 합니다.
이미지가 많으니 9개의 이미지를 첨부할 수 있는 미리보기 팝업형태를 선택해야 할 것 같네요.
후기사진을 선별하여 사이즈게 맞게 준비합니다. (미리보기 팝업의 이미지 권장사이즈는 380 x 340px 입니다.)

20160107-1902 001

이미지 출처 : 구글 이미지 검색 (수정 재배포 가능한 이미지로 작업)

▶ 미리보기 팝업의 경우 첫번째 이미지가 표지와 같은 역할을 하므로 팝업내용에 대한 간단한 설명을 이미지에 추가하면 더욱 좋습니다.

포토후기 (1)

380 x 340 px 로 작업한 예시이미지


 

STEP2. 미리보기 팝업 적용하기 

팝업관리메뉴에서 팝업을 키고, 팝업형태를 선택한 뒤  준비한 이미지, 링크를 입력한 뒤 저장버튼을 클릭하여 팝업을 적용합니다.

  • 서비스관리 – 팝업관리 메뉴로 이동합니다.

그림2

 

  • 먼저 (1)팝업켜기를 체크하고  준비한 이미지에 맞는 (2)팝업형태를 선택합니다.
    여러 이미지를 보여주기 위해서 4번 미리보기 팝업을 선택하였습니다.

그림5-

(1) 팝업켜기 – 팝업을 앱에서 표시 할지 말지 선택합니다.

(2) 팝업형태 – 콘텐츠에 맞는 팝업형태를(전체팝업/슬라이드팝업/분할팝업/미리보기팝업) 선택하여 주세요.

(3) 팝업작업화면 – 선택한 팝업형태에 따른 작업화면 입니다. 이미지 및 링크를 관리 할 수 있습니다.

 

  • (1)빈 항목에 이미지를 첨부한 뒤 이미지의 (2)링크주소를 입력하고(미리보기 클릭 시 입력 된 링크로 이동) 연결할 페이지가 없다면 (3)링크없음을 체크합니다.
  • 이미지 변경사항이 없다면 (4)링크적용 버튼을 클릭하여 완료합니다. 나머지 이미지와 링크를 설정 한 뒤 화면하단의 (7)변경사항저장을 클릭하여 팝업을 게시합니다.

그림6

(1) 빈 이미지항목 – 이미지를 모두 등록해야 합니다. 빈 항목이 있을 시 팝업이 게시되지 않습니다.

(2) 링크주소 – 미리보기 영역 클릭시 이동할 링크주소를 입력합니다.

(3) 링크없음 – 입력할 주소가 없다면 링크없음을 체크합니다. (링크주소에 ‘#’이 대신 표시됩니다.)

(4) 링크적용 – 등록한 이미지와 링크 정보를 적용합니다.

(5) 이미지변경 – 해당 위치의 이미지를 다른 이미지로 변경합니다.

(6) 이미지삭제 – 해당 위치의 이미지를 삭제합니다.

(7) 변경사항저장 –  팝업 변경 내용을 저장합니다. 팝업을 앱에서 보기 위해서는 팝업 켜기를 체크한 뒤 저장하세요.


 

STEP3. 적용된 팝업 확인하기

팝업 저장 후 앱을 재시작하면 팝업이 적용된 것을 바로 확인 할 수 있습니다.

하단 이미지들을 클릭하여 미리보기 화면에서 크게 볼 수 있구요.

링크가 설정되어 있다면 미리보기 이미지를 클릭하여 이미지에 해당하는 웹페이지로 이동 할 수 있습니다.

팝업-18.02.01

* 상단의 미리보기에 첫번째 이미지가 기본적으로 표시됩니다.

* 링크가 설정된 이미지 클릭 시 웹페이지로 이동하며 팝업이 닫힙니다. 팝업은 앱을 재시작해야 볼 수 있습니다.

* [아래의 팝업을 다시보지 않기] 클릭 시 앱을 재시작해도 볼 수 없구요.

관리자가 팝업관리에서 새로운 팝업을 적용하거나 기존 팝업을 수정하여 변경사항저장을 클릭하면 팝업이 새롭게 표시 됩니다.


 

★ 운영팁!

팝업기능을 통해 앱 회원에게 중요한 공지, 새로운 소식 등 중요한 정보를 제공할 수 있지만 ‘팝업다시보지않기’ 사용 시 다시 볼 수 없으므로

팝업정보와 동일한 내용을 게시판에 작성 하면 팝업을 닫은 후에도, 팝업이 끝난 후에도 볼 수 있으니 효율적이겠죠?  🙂

Was this helpful?