Nesta página: saiba como criar conteúdo de mensagens no aplicativo no Adobe Journey Optimizer, incluindo o layout de mensagens, mídia, texto, botões e opções avançadas de formatação.
É possível editar o conteúdo no aplicativo para configurar as opções de experiência:
-
Em uma Campanha, no menu Ação, clique no botão Editar conteúdo para configurar o conteúdo da mensagem.
-
Em uma Jornada, no menu avançado de sua Ação no aplicativo, você pode começar a criar seu conteúdo com o botão Editar conteúdo.
O botão de alternância Formatação avançada ativa opções adicionais para personalizar a experiência.
Depois que a mensagem no aplicativo for criada e o conteúdo definido e personalizado, você poderá revisá-la e ativá-la. As notificações serão enviadas de acordo com o agendamento da campanha. Saiba mais nesta página.
Layout da mensagem message-layout
Na seção Layout da Mensagem, selecione uma das quatro opções de layout diferentes a serem escolhidas, dependendo das suas necessidades.
-
Tela cheia: esse tipo de layout cobre a tela inteira do dispositivo do público-alvo.
É compatível com mídias (imagem, vídeo), texto e componentes de botão.
-
Modal: esse layout aparece em uma janela grande com estilo de alerta. O aplicativo ainda fica visível em segundo plano.
É compatível com mídias (imagem, vídeo), texto e componentes de botão.
-
Banner: esse tipo de layout aparece como uma mensagem de alerta de SO nativo.
Você só pode adicionar um Cabeçalho e um Corpo à sua mensagem.
-
Personalizado: o modo de mensagem personalizada permite importar e editar diretamente uma de suas mensagens pré-configuradas do HTML.
-
Selecione Compor para inserir ou colar seu código HTML bruto.
Use o painel esquerdo para aproveitar os recursos de personalização do Journey Optimizer. Para obter mais informações, consulte esta seção.
-
Selecione Importar para importar o arquivo HTML ou .zip que contenha o conteúdo do HTML.
-
Guia Conteúdo content-tab
Na guia Conteúdo, é possível definir e personalizar o conteúdo da notificação e o estilo do botão Fechar. Você também pode adicionar uma mídia à notificação no aplicativo e adicionar botões de ação nesta guia.
Botão Fechar close-button
Escolha o Estilo do seu botão Fechar.
Os estilos disponíveis são:
- Simples
- Círculo
- Imagem personalizada de uma URL de mídia ou de sua Assets.
Mídia add-media
O campo Mídia permite adicionar mídia à mensagem no aplicativo para criar uma experiência atraente para o usuário final.
Digite sua URL de mídia ou clique no ícone Selecionar Assets para adicionar diretamente os ativos armazenados na biblioteca do Assets à mensagem no aplicativo. Saiba mais sobre o gerenciamento de ativos.
Você também pode adicionar um texto alternativo para aplicativos de leitura de tela.
Conteúdo title-body
Para redigir a mensagem, insira o conteúdo nos campos Cabeçalho e Corpo.
Use o ícone Personalization para adicionar personalização. Saiba mais sobre a personalização no editor de personalização do Adobe Journey Optimizer nesta seção.
Se o Modo de formatação avançado estiver ativado, você poderá escolher para seu Cabeçalho e Corpo:
- a Fonte
- o Pt tamanho
- a Cor da Fonte
- o Alinhamento
Botões add-buttons
Adicione botões para a interação com mensagens no aplicativo.
Para personalizar o botão:
-
Edite o campo Button #1 text (primary). Você também pode usar o ícone Personalization para definir dados de conteúdo e personalização.
-
Escolha o Interagir evento que define a ação do botão depois que os usuários interagiram com ele.
-
Insira a URL da Web ou o deep link no campo Target.
-
Para adicionar vários botões, clique em Botão Adicionar.
Se o Modo de formatação avançado estiver ativado, você poderá escolher para seus Botões:
- a Fonte
- o Pt tamanho
- a Cor da Fonte
- o Alinhamento
- o estilo do botão
- o Raio
- a cor do botão
Guia Configurações settings-tab
Na guia Configurações, é possível definir o layout da mensagem e pré-visualizar a mensagem no aplicativo. Você também pode acessar opções avançadas de formatação.
Visualização preview-tab
A Visualização do aplicativo permite que você adicione um plano de fundo por trás da mensagem no aplicativo:
-
Uma mídia de um link de URL.
-
Um ativo da sua biblioteca Assets.
-
Uma cor de fundo.
Layout layout-options
O campo Imagem de plano de fundo permite adicionar um plano de fundo à mensagem no aplicativo:
-
Uma mídia de um link de URL.
-
Uma cor de fundo.
Mensagem message-tab
A opção de controle de interface do usuário, habilitada por padrão, permite escurecer o plano de fundo por trás da mensagem no aplicativo para enfatizar o foco no conteúdo.
Se o Modo de formatação avançado estiver ativado, você poderá personalizar ainda mais sua mensagem com as seguintes opções:
-
Personalizar gestos: permite personalizar o que é a interação de deslizamento do usuário. Se a opção ignorar for selecionada, você poderá adicionar um evento de interação personalizado e/ou destino de destino.
-
Personalizar tomada de controle da interface do usuário: permite selecionar uma cor para exibir no plano de fundo e sua opacidade.
-
Personalizar tamanho: permite ajustar a largura e a altura das notificações no aplicativo.
-
Personalizar posição: permite personalizar a posição das mensagens no aplicativo na tela dos usuários. É possível alterar os alinhamentos Vertical e Horizontal.
-
Personalizar animação: permite que você personalize suas animações Exibir e Ignorar, por exemplo, se a notificação no aplicativo aparecer à esquerda ou na parte superior do dispositivo do usuário.
-
Canto arredondado da mensagem: permite que você adicione o canto arredondado à sua notificação no aplicativo alterando o Raio do canto.
Guia Dados data-tab
Na guia Dados, é possível definir uma Chave e um Valor para incluir variáveis personalizadas na carga. Esses pares chave/valor permitem transmitir dados adicionais, dependendo da configuração específica.
Para obter mais informações, consulte a Documentação para desenvolvedores.
-
Na guia Dados, selecione Adicionar par de chave/valor.
-
Preencha os campos Chave e Valor.
-
Clique em
Tópicos relacionados:
Vídeo tutorial video
O vídeo abaixo mostra como criar e testar suas mensagens no aplicativo.
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.