프레임 설정
고객님의 앱에서 인앱 메시지를 이용하기 위해서는 FCM 설정이 필수 선행되어야 합니다.
인앱 메시지 (In-App Message)는 앱을 사용하는 사용자에게 앱 내부에서 직접 전달되는 이미지 메시지입니다.
화면의 여러가지 탬플릿 중 하나를 선택하여 인앱메시지를 생성할 수 있습니다.
앱박스 인앱 메시지 팝업은 바텀시트 팝업, 센터 팝업, 풀(Full) 팝업, 텍스트 팝업, 쇼케이스 팝업으로 구성됩니다.
초기 원하는 타입의 메시지 팝업으로 시작 할 수 있으며, 이미지는 원하는 이미지로 변경 할 수 있습니다.
위치/크기
여기서 지정한 값은 인앱메시지 외형에 직접적인 영향을 줍니다.
위치
- 인앱 메시지 노출 위치를 지정합니다.
- 하단 : 인앱 메시지 레이아웃을 바텀시트로 변경합니다.
- 중앙 : 인앱 메시지 레이아웃을 센터팝업으로 변경합니다.
- 전체화면 : 인앱 메시지 레이아웃을 풀(Full)스크린으로 변경합니다.
크기
- 인앱 메시지의 사이즈를 지정합니다.
- 너비 : 팝업의 너비(가로 폭)를 설정합니다.
- 높이 : 팝업의 높이를 설정합니다. 자동 맞춤 기능을 사용할 경우, 너비에 맞게 자동으로 높이를 조절합니다.
- 모서리 둥글기 : 팝업의 모서리 둥글기를 설정합니다. 상세 설정을 통해 모서리별로 둥글기 값을 조절할 수 있습니다.
스타일
여기서 지정한 값은 인앱메시지 동작에 영향을 줍니다.
배경색
- 인앱 메시지의 배경색을 지정합니다.
- On : 팝업에 이미지가 없을 경우(텍스트 팝업), 팝업 영역의 배경 색상을 노출합니다.
- Off : 팝업에 이미지가 없을 경우(텍스트 팝업), 팝업 영역의 배경이 노출되지 않습니다.
딤 오버레이
- 딤은 팝업 외 영역에 화면을 어둡게 처리하여 팝업에 시선을 집중시켜 배경과의 구분감을 높여줍니다.
- On : 팝업 외 영역에 딤이 생깁니다.(팝업 외 영역 클릭 반응 없음)
- Off : 팝업 외 영역에 딤이 생기지 않습니다.(팝업 외 영역 클릭 가능)
- 딤 터치 시 닫기 : 딤 영역을 클릭하면 인앱 메시지 팝업이 닫힙니다.
애니메이션
목업 미리보기를 통해 애니메이션 동작 방식을 확인할 수 있습니다.