콘텐츠로 건너뛰기

네이티브 인앱 메시지 생성하기

네이티브 인앱은 커스텀 인앱이 로드하는 HTML 페이지 대신, Pushwoosh SDK가 기기에서 직접 렌더링하는 기성 레이아웃을 사용합니다. 이를 통해 더 빠르게 로드되고 더 부드럽게 애니메이션되며, 디자인이나 개발 기술 없이도 만들 수 있습니다.

프로모션, 알림 또는 기능 발표를 신속하게 시작하고 싶고 완전히 맞춤화된 레이아웃이 필요하지 않을 때 네이티브 인앱을 사용하세요. 디자인에 대한 완전한 제어가 필요한 경우, 대신 HTML 기반 인앱을 만드세요.

전제 조건

Anchor link to

네이티브 인앱 템플릿을 만들기 전에 다음을 확인하세요:

  • 인앱 메시지가 표시될 수 있도록 Pushwoosh SDK가 앱에 통합되어 있어야 합니다. 자세히 알아보기
  • 앱이 iOS SDK 7.2.0+ 또는 Android SDK 6.10.0+를 실행해야 합니다. 세 가지 표시 유형(modal, fullscreen, stories) 모두 동일한 최소 버전이 필요하며 두 플랫폼 모두에서 작동합니다.

네이티브 인앱 템플릿 생성하기

Anchor link to
  1. 콘텐츠인앱으로 이동합니다.
  2. 템플릿 추가를 클릭합니다.
  3. 템플릿 이름을 입력합니다.
  4. 네이티브 리치 미디어 생성을 선택합니다.
  5. 표시 유형에서 modal, fullscreen 또는 stories를 선택합니다.
  6. 템플릿 추가를 클릭합니다.
새 템플릿 추가 대화상자에서 네이티브 리치 미디어 생성이 선택되고 표시 유형 드롭다운이 modal로 설정됨

편집기가 열리면 오른쪽에는 실시간 모바일 미리보기가, 왼쪽에는 콘텐츠, 구성, 액션으로 그룹화된 템플릿 필드가 표시됩니다. 각 그룹에서 볼 수 있는 내용은 선택한 표시 유형에 따라 다릅니다.

표시 유형 구성하기

Anchor link to

중앙에 배치된 카드로, 선택적으로 어두운 배경 위에 표시됩니다. 왼쪽 패널에서 다음 필드를 채우세요:

  • 콘텐츠: 제목과 메시지(각각 고유한 텍스트 색상 포함), 그리고 선택적 이미지.
  • 구성: 카드 배경색, 닫기 버튼 토글, 카드 뒤의 화면을 어둡게 하는 배경 어둡게 하기 토글.
  • 액션: 하나 이상의 버튼. 버튼 구성하기를 참조하세요.
콘텐츠, 구성, 액션 필드와 실시간 모바일 미리보기가 있는 modal 표시 유형용 네이티브 인앱 편집기

Fullscreen

Anchor link to

텍스트와 버튼이 위에 있는 전체 화면 커버 이미지입니다. 왼쪽 패널에서 다음 필드를 채우세요:

  • 콘텐츠: 커버 이미지, 그리고 제목과 메시지(각각 고유한 텍스트 색상 포함).
  • 구성: 커버 색상(이미지가 로드되는 동안 또는 이미지 대신 표시됨)과 닫기 버튼 토글.
  • 액션: 하나 이상의 버튼. 버튼 구성하기를 참조하세요.
커버 이미지, 제목, 메시지, 커버 색상 필드가 있는 fullscreen 표시 유형용 네이티브 인앱 편집기

소셜 미디어 스토리와 유사하게 상단에 진행률 표시줄이 있는 전체 화면 슬라이드 시퀀스입니다. 각 슬라이드는 콘텐츠 아래에 있는 자체 Stories 항목입니다.

  1. 첫 번째 슬라이드의 이미지, 제목, 메시지(각각 고유한 텍스트 색상 포함)를 채웁니다.
  2. 슬라이드가 다음으로 넘어가기 전에 화면에 머무는 시간을 로 설정합니다. 기본값은 5입니다. 1에서 30 사이의 값을 입력하세요. 이 범위를 벗어난 값은 유효성 검사 오류로 저장을 차단합니다.
  3. 선택적으로 슬라이드 내부의 추가를 클릭하여 자체 CTA 버튼을 추가할 수 있습니다. 버튼 구성하기를 참조하세요.
이미지, 제목, 메시지, 초 필드가 있는 Stories 슬라이드와 자체 추가 링크가 있는 중첩된 버튼 항목
  1. 마지막 슬라이드 아래의 추가를 클릭하여 다른 슬라이드를 추가한 다음, 해당 슬라이드에 대해 1-3단계를 반복합니다.
  2. 구성에서 단일 슬라이드가 아닌 전체 스토리에 적용되는 다음 옵션을 설정합니다:
    • 반복: 마지막 슬라이드 이후 첫 번째 슬라이드부터 다시 시작합니다.
    • 닫기 버튼: 닫기(✕) 컨트롤을 표시합니다.
반복 및 닫기 버튼 토글이 있는 stories 표시 유형용 구성 패널
완성된 스토리가 사용자에게 어떻게 보이는지에 대한 예시
Anchor link to

버튼 구성하기

Anchor link to

Modal, fullscreen 및 각 stories 슬라이드는 동일한 버튼 필드를 사용합니다:

  • 버튼 텍스트와 그 색상.
  • 배경, 테두리 색상, 테두리 반경.
  • 액션: 사용자가 버튼을 탭했을 때 발생하는 작업을 선택합니다:
    • 닫기: 인앱을 닫습니다.
    • url: 나타나는 필드에 입력한 링크를 엽니다. 웹 주소(예: https://example.com) 또는 앱으로 연결되는 딥 링크(예: myapp://product/123)를 사용하세요.
버튼 텍스트, 색상, 배경, 테두리 색상, 테두리 반경, 액션 필드를 보여주는 버튼 항목이 있는 액션 패널

추가를 클릭하여 다른 버튼을 추가하거나, 버튼의 **×**를 클릭하여 제거합니다.

현지화 추가하기

Anchor link to

기본적으로 네이티브 인앱은 하나의 언어를 가집니다. 더 추가하려면:

  1. 상단 바의 언어 선택기 옆에 있는 **+**를 클릭합니다.
  2. 추가할 언어를 선택하고 적용을 클릭합니다.
검색 필드, 모두 선택, 모두 선택 해제, 마지막 선택 재사용 링크 및 언어 체크리스트가 있는 언어 선택 대화상자
  1. 상단 바의 언어 선택기를 사용하여 언어 간에 전환하고 각 언어에 대한 텍스트 필드를 채웁니다.

템플릿 저장하기

Anchor link to

오른쪽 상단의 저장을 클릭하여 변경 사항을 유지합니다.

그러면 템플릿이 콘텐츠인앱에 다른 인앱 템플릿과 함께 표시됩니다.

캠페인에서 사용하기

Anchor link to

네이티브 인앱 템플릿은 다른 인앱 템플릿과 함께 템플릿 선택기에 나타납니다.

다음을 위해 사용할 수 있습니다: