인앱 콘텐츠 디자인 design-content

고급 서식의 추가 옵션

고급 서식 모드​가 켜져 있으면 색상 옵션을 선택하여 단추의 색상과 불투명도를 선택할 수 있습니다.

고급 서식의 추가 옵션

고급 서식 모드​가 켜져 있으면 미디어의 최대 높이 및 최대 너비​를 사용자 지정할 수 있습니다.

고급 서식의 추가 옵션

고급 서식 모드​가 켜져 있으면 머리글 및 본문​을 선택할 수 있습니다.

• 글꼴
• Pt 크기
• 글꼴 색상
• 정렬

고급 서식의 추가 옵션

고급 서식 모드​가 켜져 있으면 단추​를 선택할 수 있습니다.

• 글꼴
• Pt 크기
• 글꼴 색상
• 정렬
• 단추 스타일
• 반경
• 단추 색상

고급 서식의 추가 옵션

고급 서식 모드​가 켜져 있으면 다음 옵션을 사용하여 메시지를 개인화할 수 있습니다.

• 제스처 사용자 지정: 사용자 스와이프 인터랙션을 사용자 지정할 수 있습니다. 무시 를 선택하면 사용자 지정 상호 작용 이벤트 및/또는 대상 대상을 추가할 수 있습니다.

• UI 인계 사용자 지정: 배경색과 불투명도에 표시할 색상을 선택할 수 있습니다.

• 크기 사용자 지정: 인앱 알림의 너비와 높이를 조정할 수 있습니다.

• 위치 사용자 지정: 사용자의 화면에서 인앱 메시지의 위치를 사용자 지정할 수 있습니다. 세로 및 가로 정렬을 변경할 수 있습니다.

• 애니메이션 사용자 지정: 사용자의 장치 왼쪽이나 위쪽에 인앱 알림이 표시되는 경우 등 애니메이션의 표시 및 취소를 사용자 지정할 수 있습니다.

• 메시지 모퉁이: 모퉁이 반경​을 변경하여 인앱 알림에 모퉁이를 추가할 수 있습니다.

AI Knowledge Reference

This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.

For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.

• TL;DR: This page explains how to design In-app message content in Adobe Journey Optimizer, including the message layout, close button, media, text, buttons, settings, and custom data, with additional options unlocked by Advanced formatting.

Intents:

• Open the In-app content editor from a campaign or a journey using the Edit content button
• Choose a message layout: Fullscreen, Modal, Banner, or Custom
• Configure the Close button style, add media, and enter Header and Body content
• Add call-to-action buttons with an Interact event and a Target
• Preview the message and set the UI takeover and background in the Settings tab
• Define Key/Value pairs in the Data tab to include custom variables in the payload

Glossary:

• Advanced formatting: A toggle that activates additional options to customize the experience across the content, close button, media, text, buttons, and message settings (product-specific)
• Fullscreen layout: A layout that covers the entire screen of audience devices and supports media (image, video), text, and button components (product-specific)
• Modal layout: A layout that appears in a large alert-style window with the application still visible in the background, supporting media, text, and button components (product-specific)
• Banner layout: A layout that appears as a native OS alert message, to which you can only add a Header and a Body (product-specific)
• Custom layout: A mode to import and edit pre-configured HTML messages, using Compose to enter/paste raw HTML or Import to import an HTML or .zip file (product-specific)
• Interact event: The setting that defines a button’s action after users interact with it (product-specific)
• UI takeover: An option, enabled by default, that darkens the background behind the In-app message to emphasize the content (product-specific)

Guardrails:

• The Banner layout allows only a Header and a Body to be added.
• Preview is only available for Mobile In-app messages.
• The UI takeover option is enabled by default.
• Additional customization options (close button color, media max height/width, font/size/color/alignment, button styling, gestures, size, position, animation, round corners) require the Advanced formatting mode to be switched on.

Terminology:

• Canonical name: In-app content — Acronym: n/a — variants: In-app message content, In-app notification content
• Synonyms: “Advanced formatting toggle” = “Advanced formatting mode”
• Do not confuse: “Content tab” (define content, close button, media, and buttons) ≠ “Settings tab” (message layout, preview, and advanced formatting) ≠ “Data tab” (Key/Value pairs for the payload)
• Do not confuse: “Message Layout” section (Fullscreen, Modal, Banner, Custom) ≠ “Layout” section in the Settings tab (background image for the message)

FAQ:

• Q: What message layout options are available? — Fullscreen, Modal, Banner, and Custom.
• Q: What can I add to a Banner layout? — Only a Header and a Body.
• Q: What are the Close button style options? — Simple, Circle, and Custom image (from a Media URL or your Assets).
• Q: Is Preview available for all In-app messages? — Preview is only available for Mobile In-app messages.
• Q: How do I unlock extra formatting options? — Switch on the Advanced formatting mode.
• Q: What is the Data tab used for? — To define Key and Value pairs that include custom variables in the payload.