Criando uma mensagem no app com o recurso de arrastar e soltar

Com o editor de arrastar e soltar, você pode criar mensagens no app totalmente personalizadas em campanhas ou no canva usando a experiência de edição de arrastar e soltar.

Se quiser usar seus modelos HTML personalizados existentes ou modelos criados por terceiros, eles deverão 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 Canva? As campanhas são melhores para campanhas de mensagens únicas e simples, enquanto as canvas são melhores para jornadas de usuários em várias etapas. Depois de selecionar onde criar sua mensagem, vamos nos aprofundar nas etapas para criar uma mensagem no app do tipo arrastar e soltar.

Pré-requisitos

Requisitos do SDK

Versão mínima do SDK	Versão recomendada do SDK
iOS Swift: 5.0.0+     Web: 2.5.0+     Android: 8.0.0+	iOS Swift: 6.5.0+     Web: 4.8.1+     Android: 26.0.0+

Para saber mais sobre os SDKs mínimos

As mensagens criadas usando o editor de arrastar e soltar só podem ser enviadas a usuários com as versões mínimas do SDK (consulte a tabela acima). Se um usuário não tiver atualizado seu aplicativo (ou seja, se estiver 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 descartam a mensagem
• Botões de ação para solicitar um push primer

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

Links de texto*	Solicitar push primer
iOS Swift: 6.2.0+     Android: 26.0.0+	iOS Swift: 6.5.0+     Web: 4.8.1+     Android: 26.0.0+

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

Pré-requisitos adicionais

• Para o SDK da Web, a opção de inicialização allowUserSuppliedJavascript deve ser definida como true. A opção enableHtmlInAppMessages também permitirá que essas mensagens funcionem, mas está obsoleta e deve ser atualizada para allowUserSuppliedJavascript.
• Se estiver usando o Google Tag Manager, é necessário ativar a opção “Allow HTML In-App Messages” (Permitir mensagens HTML no app) na configuração do GTM.

Etapa 1: Crie uma mensagem no app

Crie uma nova mensagem no app ou etapa do Canva e selecione Editor de arrastar e soltar como sua experiência de mensagens.

Etapa 2: Selecione seu modelo

Depois de selecionar o editor de arrastar e soltar como sua experiência de edição, você pode optar por:

• Comece com um modelo modal em branco
• Use um modelo de mensagem no app do Braze do tipo arrastar e soltar
• Selecione um modelo salvo de mensagem no app do tipo arrastar e soltar

Selecione Criar mensagem para começar a criar sua mensagem no app no editor de arrastar e soltar.

Também é possível acessar todos os modelos na seção Modelos do dashboard.

Etapa 3: Adicionar páginas adicionais (opcional)

Adicionar páginas à sua mensagem no app permite orientar os usuários por meio de um fluxo sequencial, como um fluxo de integração ou uma jornada de boas-vindas. É possível gerenciar páginas na seção Páginas da guia Construir.

• adicionar páginas
• exclusão ou renomeação de páginas

Etapa 3a: Conectar páginas

As mensagens no app de várias páginas são sequenciais, o que significa que os usuários interagem com a mensagem tocando ou clicando para passar para a próxima página do fluxo.

Para conectar páginas:

1. Selecione sua página inicial.
2. Selecione um botão ou elemento de imagem na tela.
3. Defina o comportamento ao clicar como Acessar a página.
4. Selecione a página para a qual você deseja criar um link na página inicial.
5. Continue até que todas as páginas estejam vinculadas.

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

Etapa 4: Crie e projete sua mensagem no app

É aqui que sua mensagem pode desfilar pela passarela, vestida com o estilo característico de sua marca. Usando uma combinação de blocos do editor e configurações de estilo, você pode personalizar e criar sua mensagem no app.

• Para obter uma lista dos blocos de editor disponíveis e suas propriedades, consulte Blocos de editor.
• Para obter ajuda na personalização da aparência de sua mensagem, consulte Configurações de estilo.

Etapa 5: Teste sua mensagem no app

A seção Preview & Test permite a prévia de suas mensagens no app em diferentes dispositivos e o envio de 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 mensagens no app do tipo arrastar e soltar.

É importante sempre testar suas mensagens no app antes de enviar suas campanhas para ajudá-lo a visualizar como será a mensagem final da perspectiva do usuário.

Pré-visualização da mensagem como usuário

É possível fazer a prévia das 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:

• Usuário aleatório: O Braze selecionará aleatoriamente um usuário do banco de dados e fará a prévia da mensagem no app com base em suas atribuições ou informações de eventos.
• Selecione usuário: É possível selecionar um usuário específico com base em seu endereço de e-mail ou external_id. A mensagem no app será prévia com base nas atribuições do usuário e nas informações do evento.
• Usuário personalizado: Você pode personalizar um usuário. O Braze oferecerá entradas para todas as atribuições e eventos disponíveis. Insira as informações que você gostaria de ver no e-mail de prévia.

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 a mídia aparecem e funcionam conforme o esperado?
• O Liquid funciona conforme o esperado? Você considerou um valor de atribuição padrão no caso de o Liquid não retornar nenhuma informação?
• Seu texto é claro, conciso e correto?
• Seus botões direcionam o usuário para onde ele deve acessar?

Perguntas frequentes

Por que os cliques no corpo não estão aparecendo em 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 obter mais detalhes, consulte os changelogs do SDK para iOS e Android.

Posso segmentar com base em cliques em botões?

Sim, você pode segmentar com base em cliques em botões para até dois botões em sua mensagem. Para fazer isso, defina o Identificador para relatórios de seus botões como “0” e “1”, que corresponderão aos filtros de segmento de mensagem “Clicou no botão de mensagem no app 1” e “Clicou no botão de mensagem no app 2”, respectivamente.

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

Não é possível transferir diretamente mensagens HTML existentes para o editor, mas você 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 declarações condicionais.

Como posso criar uma mensagem slideup no app?

Atualmente, o editor está limitado apenas a mensagens modais e de tela cheia. É possível alternar entre os tipos de exibição na seção Contêiner de mensagens do painel Estilos de mensagem.

Posso salvar minha mensagem no app como um modelo depois de criá-la em minha campanha ou no Canva?

Sim. Para qualquer mensagem no app que queira reutilizar em uma campanha futura ou etapa do Canva, é possível salvá-la como um modelo personalizado usando o botão Salvar como modelo, disponível depois que você sair do editor. Antes de poder salvá-la como modelo, você deve primeiro lançar a campanha OU salvá-la como rascunho.

Você também pode criar e salvar modelos de mensagens no app navegando até Modelos > Modelos de mensagens no app.