인앱 메시지는 사용자가 앱 안에 머무는 순간을 직접 공략할 수 있는 가장 강력한 채널 중 하나입니다. 지금까지는 클래식 HTML 인앱 에디터가 표준이었습니다. 커스텀 디자인이 필요할 때는 훌륭하지만, CRM 매니저가 매일 돌리는 빠른 테스트와 가설 검증에는 무겁습니다.
이제 네이티브 인앱 메시지는 마케터에게 완전한 자율성을 줍니다. 에디터 안에서 완성된 레이아웃을 고르고, 개인화하고, 디자이너나 개발팀 도움 없이 몇 분 만에 실행할 수 있습니다.
이 글에서는 네이티브 인앱이 무엇인지, 어떻게 개인화하는지, 온보딩·전환·리인게이지먼트(winback)·리텐션 등 목적에 맞는 레이아웃을 어떻게 고르는지 다룹니다. 카카오톡 채널 연동과 병행해 인앱 메시지를 운영하는 국내 이커머스·게임·핀테크 팀에게도 그대로 적용되는 내용입니다.
📖 채널 자체가 처음이라면 인앱 메시지란 무엇이고 왜 효과적인지부터 확인하세요.
네이티브 인앱 메시지란?
인앱 메시지를 만드는 방법은 2가지입니다.
클래식 HTML 인앱은 SDK가 네이티브 UI 위에 오버레이로 띄우는 커스텀 웹페이지로, 디자인을 완전히 제어할 수 있고 웹 렌더링 방식입니다. 완성된 레이아웃으로는 안 되는 작업, 예를 들어 피드백·설문 폼, 인터랙티브한 커스텀 콘텐츠, ZIP으로 업로드하는 완전한 커스텀 디자인이 필요할 때 선택하면 됩니다.
네이티브 인앱은 다릅니다. SDK가 에디터에서 채운 완성된 레이아웃을 플랫폼 자체 컴포넌트로 직접 그립니다. HTML도, 웹뷰도 없습니다. 로딩이 더 빠르고 애니메이션이 더 매끄러우며, 앱 자체의 일부처럼 보입니다.
네이티브 인앱 7가지 타입과 사용 시점
Pushwoosh는 인앱 에디터 안에서 7가지 네이티브 레이아웃을 바로 제공합니다. 그렇다면 어떤 상황에 어떤 레이아웃을 골라야 할까요?
레이아웃 선택은 사실상 ‘방해의 정도’를 정하는 질문입니다. 지금 이 메시지가 화면과 사용자의 주의를 얼마나 차지할 자격이 있는지부터 답하면, 레이아웃은 자연스럽게 정해집니다.
- 방해하지 않기: 배너. 상단이나 하단에 고정된 컴팩트한 바입니다. 사용자는 하던 일을 계속하고, 메시지는 그저 그 자리에 있을 뿐입니다. 한두 번의 탭만큼 기다려도 되는 넛지에 적합합니다. 미완료 단계 안내, 신규 기능 소개, 소소한 리워드 알림 등입니다.
- 살짝 방해하기: 시트. 패널이 하단에서 올라오고, 드래그해서 닫을 수 있는 핸들이 있습니다. “지금 보고 있는 것에 대해 한 가지만 짧게”라는 톤입니다. 세션 안에서의 컨텍스트 액션, 예를 들어 이 아이템 저장하기, 이 설정 켜기, 이 선택 확정하기 등이 여기 속합니다.
- 잠깐 방해하기: 모달. 어두워진 화면 위의 중앙 카드입니다. 사용자를 멈추게 하지만, 딱 한 가지 결정만 요구합니다. 오퍼, 업데이트, 예/아니오로 답하는 순간에 씁니다.
- 화면 전체를 차지하기: 풀스크린, 스토리, 캐러셀, 비디오. 사용자가 기꺼이 멈춰줄 만한 순간을 위한 레이아웃입니다. 온보딩, 대형 프로모션, 제품 워크스루가 대표적입니다. 그만큼의 보상이 있을 때 쓰고, 에디터에서 화려해 보인다는 이유만으로 고르지 마세요.
이 단계 구분은 화면을 얼마나 차지할지 알려줍니다. 이제 각 레이아웃을 하나씩 뜯어보겠습니다. 무엇인지, 어떤 순간에 맞는지, 어떤 라이프사이클 단계에 해당하는지, 어떤 KPI를 봐야 하는지까지요.
| 레이아웃 | 특징 | 가장 적합한 순간 | 라이프사이클 단계 | 확인할 KPI |
|---|---|---|---|---|
| 배너 | 상단 또는 하단의 컴팩트 바, 논블로킹 | 세션을 끊지 않아야 할 넛지 | 참여, 리텐션 | CTR |
| 시트 | 드래그 핸들이 있는 하단 패널 | 현재 화면에서의 컨텍스트 액션 | 참여, 전환 | 인터랙션율, 여정 목표 |
| 모달 | 어두워진 배경 위 중앙 카드 | 한 번의 결정이 필요한 오퍼·업데이트 | 전환, 리인게이지먼트 | CTR, 여정 목표 |
| 풀스크린 | 텍스트와 버튼이 있는 엣지투엣지 커버 이미지 | 온보딩, 대형 프로모션 | 온보딩, 전환 | 여정 목표 (활성화, 구매) |
| 스토리 | 진행 바가 있는 순차적 전체 화면 슬라이드 | 단계나 기능을 순서대로 소개 | 온보딩, 기능 채택 | 인터랙션, 여정 목표 (기능 사용) |
| 캐러셀 | 페이지네이션 점이 있는 스와이프형 전체 화면 카드 | 선택지나 카탈로그 노출 | 참여, 전환 | 상품 CTR, 여정 목표 |
| 비디오 | 오버레이 텍스트와 버튼이 있는 전체 화면 HLS/MP4 플레이어 | 제품·기능 데모 | 온보딩, 전환 | 오버레이 버튼 인터랙션, 여정 목표 |
인앱 메시지 개인화하기
네이티브 레이아웃은 가치의 절반일 뿐입니다. 나머지 절반은 그 안의 모든 필드를 사용자별로 바꿀 수 있다는 점입니다.
마케터에게 필요한 대부분의 상황은 3가지 개인화 기법으로 커버됩니다.
동적 콘텐츠(Dynamic content). 이름, 요금제, 도시, 최근 구매 카테고리 등 어떤 사용자 속성이든 포맷 수식어와 함께 카피에 끌어올 수 있고, 조건 로직은 Liquid로 처리합니다. 트라이얼 사용자에게는 한 가지 오퍼를, 구독자에게는 다른 오퍼를 보여주거나 세그먼트별로 CTA를 바꿀 수 있습니다.
로컬라이제이션. 네이티브 인앱은 1개 언어로 시작합니다. 언어를 추가하면 Pushwoosh가 텍스트, 이미지, 버튼 라벨 등 기본 콘텐츠를 새 언어에 그대로 복사해 번역만 하면 되도록 준비해 줍니다. 이후 각 사용자는 자신의 기기 언어에 맞는 버전을 보게 되므로, 한 번 만든 메시지가 각 지역 사용자의 언어로 말합니다. 한국어와 영어를 함께 운영하는 앱이라면 이 흐름 하나로 두 시장을 동시에 대응할 수 있습니다.
바코드 및 QR 생성기. 네이티브 에디터는 바코드나 QR코드를 직접 생성할 수 있고, {Coupon|String|} 형태의 기기 태그에서 값을 가져올 수 있습니다. 각 사용자는 기기에서 렌더링된 자신만의 스캔 가능한 코드를 받으며, 별도로 호스팅하거나 이미지를 생성할 필요가 없습니다.
실제 앱에서 쓰는 네이티브 인앱: 활용 사례
실제 앱에서는 이렇게 활용됩니다. 아래 각 사례는 여러분의 퍼널에서도 흔히 보이는 문제로 시작해, 그 문제를 해결하는 레이아웃을 짚고, Pushwoosh에서의 설정 방법까지 이어집니다.
👋 온보딩: 풀스크린 또는 스토리로 환영하기
문제: 신규 사용자가 처음 앱을 열었을 때 가치를 스스로 파악해야 합니다. 대부분의 첫 세션은 그 과정을 마치지 못한 채 끝납니다.
해결책: 풀스크린은 첫 화면을 통째로 차지해 하나의 명확한 환영 메시지와 하나의 액션만 제시합니다. 스토리는 핵심 기능을 탭할 수 있는 슬라이드로 하나씩 보여주고, 진행 바로 얼마나 남았는지 알려줍니다.
Pushwoosh에서는: 첫 app_open 시점에 핵심 가치와 CTA 하나를 담은 풀스크린을 트리거합니다. 이어서 핵심 기능당 슬라이드 1장씩 구성한 스토리 메시지를 보여줘 첫 사용을 유도합니다.
📖 더 자세한 내용: 웰컴 인앱 메시지.
💸 리인게이지먼트: 스캔되는 쿠폰이 담긴 모달
문제: 이탈한 구매자에게는 “보고 싶었어요” 수준의 메시지가 아니라, 돌아올 실질적인 이유가 필요합니다.
해결책: 푸시의 클릭 액션으로 네이티브 인앱 템플릿을 지정하면, 탭했을 때 {Coupon|String|} 기기 태그에서 가져온 개인 QR코드가 담긴 모달이 열립니다.
Pushwoosh에서는: 21일 이상 비활성 상태인 구매자를 세그먼트로 묶고, 개인 코드가 담긴 모달을 보여줍니다. 매장 카운터에서 바로 스캔되고, 제3자 이미지 호스팅도 필요 없습니다.
📖 스캔 가능한 쿠폰 플로우 전체 정리: 모바일 앱 쿠폰 마케팅.
🛍️ 세션 중 노출: 카탈로그처럼 작동하는 캐러셀
문제: 고정된 오퍼 하나가 특정 쇼퍼가 실제로 원하는 것과 맞아떨어지는 경우는 드뭅니다.
해결책: 전체 화면 스와이프형 캐러셀 레이아웃에, Liquid로 사용자가 마지막으로 본 카테고리명과 카피를 끌어옵니다.
Pushwoosh에서는: 카테고리 조회 이벤트를 트리거로 4장짜리 캐러셀을 보여줍니다. “{LastCategory}에서 추천드려요” 문구와 함께 각 카드에 상품 이미지, 가격, 상품 페이지로 이동하는 버튼을 넣습니다.
💳 리텐션 넛지: 방해하지 않는 배너
문제: 투자나 예산 관리 앱에서 가입은 했지만 계좌를 하나만 연결한 채 인증을 마치지 않은 사용자가 있습니다. 열 때마다 모달을 띄우면 사용자는 모달을 닫는 법만 배우게 됩니다.
해결책: 하단에 고정된 배너 레이아웃으로, 단계가 끝날 때까지 모든 화면에서 노출되고, 세션을 끊지 않고 닫을 수 있습니다.
Pushwoosh에서는: 사용자가 인증을 마치지 않았거나 기능을 쓰지 않은 상태라면, *“이체 기능을 열려면 인증을 완료하세요”*라는 배너를 보여줍니다. 탭 한 번, 방해는 제로입니다.
5단계로 만드는 첫 네이티브 인앱
Customer Journey Builder에서 템플릿부터 실제 발송까지 이어지는 전체 흐름입니다.
-
방해 정도로 레이아웃 고르기
이 메시지가 화면을 얼마나 차지할 자격이 있는지 정한 다음, 그에 맞는 표시 타입을 선택합니다.
-
네이티브 에디터에서 제작하기
Content → In-apps → Create in-app → Create native rich media 순서로 들어갑니다. 필드는 Content(텍스트, URL 또는 미디어 스토리지의 이미지), Config(색상, 배경, 동작), Actions(버튼과 그 동작)로 구분되어 있습니다. 각 필드는 단계별 가이드에서 자세히 다룹니다.
-
태그와 Liquid 추가하기
이름, 세그먼트, 오퍼, 쿠폰 코드를 넣어 사용자마다 자신만의 버전을 보게 만듭니다.
-
실시간 미리보기 확인하기
에디터가 기기에서 보일 모습 그대로 렌더링합니다. 발송 전 반드시 여기서 확인하세요.
-
발송하기
트리거와 오디언스를 설정하고, 인앱 노드를 플로우에 배치한 뒤 발송합니다.
🚨 네이티브 인앱을 조용히 망가뜨리는 실수들:
- 구버전 SDK로 발송하는 것. 시트, 캐러셀, 배너는 iOS 7.2.1+ / Android 6.10.1+가 필요하고, 비디오는 Android 6.11.0+가 필요합니다. 최소 버전 미만에서는 아무것도 표시되지 않습니다.
- HTML처럼 생각하는 것. 네이티브는 웹뷰가 아닙니다. 페이지가 아니라 블록 단위로 만들고, 레이아웃에 맞춰 디자인해야 합니다.
- 미리보기 없이 바로 발송하는 것. 실시간 미리보기는 깨진 화면이 사용자에게 도달하지 않도록 존재합니다. 매번 확인하세요.
Pushwoosh 네이티브 인앱으로 세션 중 사용자와 소통하기
네이티브 인앱 메시지는 7가지 완성된 레이아웃, 각 레이아웃 안에서의 사용자별 개인화, 발송 전 문제를 잡아내는 실시간 미리보기까지 제공합니다. HTML도, 디자인 병목도 없습니다. 온보딩 단계, 리인게이지먼트, 세션 중 넛지 중 앱에 가장 중요한 순간을 고르고, 그 뒤에 맞는 인앱을 만들어보세요.
