Skip to content

Criar uma mensagem no app com arrastar e soltar

Com o editor de arrastar e soltar, você pode criar mensagens no app totalmente personalizadas em Campaigns ou Canvas usando a experiência de edição de arrastar e soltar. Para saber mais sobre os blocos de construção disponíveis no editor, consulte Blocos do editor.

Se você quiser usar seus modelos HTML personalizados existentes ou modelos criados por terceiros, eles precisam ser recriados no editor de arrastar e soltar.

Não tem certeza se sua mensagem no app deve ser enviada usando uma campanha ou um Canvas? Campaigns são melhores para campanhas de mensagens únicas e direcionadas, enquanto Canvas é melhor para jornadas de usuário com várias etapas. Depois de selecionar onde construir sua mensagem, vamos mergulhar nas etapas para criar uma mensagem no app com arrastar e soltar.

Pré-requisitos

Requisitos do SDK

Mais informações sobre SDKs mínimos

Mensagens criadas usando o editor de arrastar e soltar só podem ser enviadas para usuários nas versões mínimas do SDK (veja a tabela acima). Se um usuário não tiver atualizado seu aplicativo (ou seja, está em uma versão mais antiga do SDK), ele não receberá a mensagem no app.

Para aproveitar todos os recursos disponíveis no editor de arrastar e soltar, atualize seus SDKs para as versões recomendadas. Isso permite que você aproveite os seguintes recursos adicionais:

  • Links de texto que não dispensam a mensagem
  • Ação de botão para solicitar push primer

A seguir estão os requisitos mínimos individuais do SDK para esses recursos:

*Se você incluir um link na sua mensagem no app que redireciona para uma URL e o usuário final não estiver nas versões mínimas do SDK especificadas, selecionar o link fechará a mensagem e o usuário não poderá retornar à mensagem para enviar o formulário.

Pré-requisitos adicionais

  • Para o SDK web, a opção de inicialização allowUserSuppliedJavascript deve ser definida como true. A opção enableHtmlInAppMessages também permite que essas mensagens funcionem, mas está obsoleta e deve ser atualizada para allowUserSuppliedJavascript.
  • Se você estiver usando o Google Tag Manager, deve ativar “Allow HTML In-App Messages” na configuração do GTM.

Etapa 1: Criar uma mensagem no app

Crie uma nova mensagem no app ou etapa do Canvas e selecione Drag-And-Drop Editor como sua experiência de edição.

Etapa 2: Selecionar seu modelo

Após selecionar o editor de arrastar e soltar como sua experiência de edição, você pode escolher:

  • Começar com um modelo modal em branco
  • Usar um modelo de mensagem no app de arrastar e soltar da Braze
  • Selecionar um modelo salvo de mensagem no app de arrastar e soltar

Selecione Build message para começar a projetar sua mensagem no app no editor de arrastar e soltar.

A seção de modelos da Braze onde você pode escolher um modelo básico, de imagem de fundo, de captura de número de telefone ou em branco.

Você também pode acessar todos os modelos na seção Templates do dashboard.

Etapa 3: Adicionar páginas adicionais (opcional)

Adicionar páginas à sua mensagem no app permite guiar os usuários por um fluxo sequencial, como um fluxo de integração ou jornada de boas-vindas. Você pode gerenciar páginas na seção Pages da guia Build.

Uma mensagem no app para uma empresa de saúde composta por três páginas.

As mensagens no app começam com uma página por padrão. Para adicionar uma nova página:

  1. Selecione + Add page.
  2. Selecione na lista de modelos personalizados ou fornecidos pela Braze.
  3. Dê um nome significativo à página. Isso ajudará quando você conectar as páginas entre si.

Para duplicar uma página existente:

  1. Passe o mouse sobre a página na lista e selecione para abrir mais opções.
  2. Selecione Duplicate.
  3. Dê um nome significativo à página. Isso ajudará quando você conectar as páginas entre si.

Para excluir ou renomear uma página:

  1. Passe o mouse sobre a página na lista e selecione para abrir mais opções.
  2. Selecione Rename ou Delete.

Etapa 3a: Conectar páginas entre si

Mensagens no app com várias páginas são sequenciais, o que significa que os usuários interagem com a mensagem tocando ou clicando para avançar para a próxima página no fluxo.

Para conectar páginas entre si:

  1. Selecione sua página inicial.
  2. Selecione um elemento de botão ou imagem no canvas.
  3. Defina On-click behavior como Go to page.
  4. Selecione a página para a qual deseja vincular a partir da página inicial.
  5. Continue até que todas as páginas estejam vinculadas.

Um usuário está editando o botão de ação principal para ir para a Página 2 da mensagem no app.

Se uma página não estiver vinculada a nenhuma outra página, a mensagem não poderá ser lançada.

Etapa 4: Criar e projetar sua mensagem no app

É aqui que sua mensagem ganha vida, vestida com o estilo exclusivo da sua marca. Usando uma combinação de blocos do editor e configurações de estilo, você pode personalizar e projetar sua mensagem no app.

Etapa 5: Testar sua mensagem no app

A seção Preview & Test permite pré-visualizar suas mensagens no app em diferentes dispositivos e enviar uma mensagem de teste para o seu dispositivo. Aqui, você pode garantir que os detalhes estejam alinhados em todas as suas plataformas para sua campanha de mensagem no app de arrastar e soltar.

É importante sempre testar suas mensagens no app antes de enviar suas campanhas para ajudar a visualizar como sua mensagem final ficará da perspectiva do usuário.

Pré-visualizar mensagem como um usuário

Você pode pré-visualizar mensagens na guia Preview & Test, como se fosse um usuário. Você pode selecionar um usuário específico, um usuário aleatório ou criar um usuário personalizado:

  • Random User: a Braze selecionará aleatoriamente um usuário do banco de dados e pré-visualizará a mensagem no app com base nos atributos ou informações de eventos desse usuário.
  • Select User: você pode selecionar um usuário específico com base no endereço de e-mail ou external_id. A mensagem no app será pré-visualizada com base nos atributos e informações de eventos desse usuário.
  • Custom User: você pode personalizar um usuário. A Braze oferecerá campos para todos os atributos e eventos disponíveis. Insira qualquer informação que você gostaria de ver no e-mail de pré-visualização.

Lista de verificação de teste

Considere as seguintes perguntas ao testar sua mensagem no app:

  • Você testou a mensagem em diferentes dispositivos?
  • As imagens e mídias aparecem e funcionam como esperado?
  • O Liquid funciona como esperado? Você considerou um valor de atributo padrão caso o Liquid não retorne nenhuma informação?
  • Seu texto está claro, conciso e correto?
  • Seus botões direcionam o usuário para onde ele deveria ir?

Perguntas frequentes

Por que os cliques no corpo não aparecem na minha página de análise de dados?

Os cliques no corpo não são coletados automaticamente para mensagens no app criadas com o editor de arrastar e soltar. Para mais detalhes, consulte os changelogs do SDK para iOS e Android.

Posso segmentar com base em cliques de botão?

Sim, você pode segmentar com base em cliques de botão para até dois botões na sua mensagem. Para isso, defina o Identifier for Reporting dos seus botões como “0” e “1”, que corresponderão aos filtros de segmentação “Clicked in-app message button 1” e “Clicked in-app message button 2”, respectivamente.

O campo "Identifier for Reporting" com o valor "0".

Posso personalizar minha mensagem no app usando HTML ou JavaScript personalizados ou transferir mensagens HTML existentes para o editor?

Você não pode transferir diretamente mensagens HTML existentes para o editor, mas pode inserir HTML, CSS e JavaScript brutos em um bloco de código personalizado. Você pode usar blocos de código personalizado para incorporar vídeos de terceiros e Liquid avançado, como Conteúdo conectado ou instruções condicionais.

Como posso criar uma mensagem no app do tipo slideup?

Atualmente, o editor é limitado apenas a mensagens modais e de tela cheia. Você pode alternar entre os tipos de exibição na seção Message container do painel Message styles.

Posso salvar minha mensagem no app como modelo depois de criá-la na minha campanha ou Canvas?

Sim. Para qualquer mensagem no app que você queira reutilizar em uma futura campanha ou etapa do Canvas, você pode salvá-la como um modelo personalizado usando o botão Save as template, disponível após sair do editor. Antes de salvá-la como modelo, você deve primeiro lançar a campanha OU salvá-la como rascunho.

Uma pré-visualização de uma mensagem no app para um tour de produto.

Você também pode criar e salvar modelos de mensagens no app acessando Templates > In-App Message Templates.
New Stuff!