Pular para o conteúdo
Documentação do desenvolvedorSuporte Solicitar demonstração Entrar
Pushwoosh.com

Crie formatos populares de in-app

Visão geral

Anchor link to

O Editor In-App da Pushwoosh simplifica o processo de criação de mensagens in-app de qualquer formato e para qualquer objetivo de negócio. Como você realiza o trabalho mais rapidamente, pode fazer experimentos rápidos e alcançar os resultados desejados em menos tempo.

Para criar uma in-app do zero, você só precisa projetar um layout de mensagem usando blocos de arrastar e soltar e personalizar cada elemento para se adequar ao estilo do seu aplicativo e aos seus objetivos de negócio. Você não precisa de experiência em codificação ou design para criar in-apps envolventes e de alta conversão — apenas algumas dicas sobre como usar melhor o Editor In-App da Pushwoosh.

Abaixo, descreveremos como criar:

  • In-apps de tela cheia — mais comumente, offerwalls e paywalls vêm nesta forma;
  • In-apps de tela parcial — você pode usá-las para solicitações de recuperação de opt-in e opt-out, promoção de produtos e anúncios de recursos.

Mensagem in-app de tela cheia

Anchor link to

Vamos criar uma mensagem in-app promocional para a indústria de fitness como exemplo:

Pré-visualização de um exemplo de mensagem in-app promocional de tela cheia para um aplicativo de fitness com imagem e botão de CTA
  1. Na sua conta Pushwoosh, vá para Conteúdo → Rich Media e clique em Adicionar template:
Captura de tela mostrando a seção Rich Media com o botão Adicionar template destacado

Insira um nome para o template, selecione Criar novo template e clique em Adicionar template:

Captura de tela mostrando a caixa de diálogo de criação de template com o campo de nome e a opção Criar novo template

Criaremos uma in-app do zero usando um template em branco em nosso exemplo. Você também pode escolher um dos templates padrão e modificá-lo de acordo com suas necessidades.

  1. Primeiro, defina o tamanho desejado do popup na aba Popup:
Captura de tela mostrando a aba Popup com as configurações de largura e altura para configurar o tamanho do popup
  1. Agora, vamos adicionar uma imagem à nossa mensagem in-app. Vá para a aba Conteúdo e arraste o bloco de imagem para a tela de edição. Clique no bloco e carregue seu arquivo. Você também pode selecionar uma foto de banco de imagens gratuita diretamente na interface do editor clicando em Mais Imagens → Fotos de Banco de Imagens:

Recomendações de imagem para in-apps de tela cheia (orientação retrato)

Imagem e texto

Alta resolução: 1200 x 1000 px

Tamanho mínimo: 600 x 500 px

Proporção: 6:5

Apenas imagem

Alta resolução: 1200 x 2000 px

Tamanho mínimo: 600 x 1000 px

Proporção: 3:5

  1. Defina a cor de fundo da mensagem in-app: vá para a aba Popup e selecione a cor desejada.
  1. Agora, você pode adicionar o texto da sua mensagem in-app. Em nosso exemplo, colocaremos o texto sobre a imagem. Para fazer isso, selecione a imagem e clique em Aplicar Efeitos. Clique no botão Texto, insira seu conteúdo e ajuste seus parâmetros:
  1. Vamos também adicionar algum texto abaixo da imagem. Vá para a aba Conteúdo e arraste o bloco de texto para a tela de edição. Insira seu texto e personalize seus parâmetros, se necessário.
  1. Finalmente, adicione o botão e configure sua cor, tamanho e outros parâmetros:

Na seção Ação, você pode especificar a ação a ser executada após clicar no botão. Selecionaremos a opção URL ou Deeplink:

  1. Clique em Salvar para aplicar as alterações.

Agora você pode usar sua mensagem in-app promocional de uma destas maneiras:

Mensagem in-app de tela parcial

Anchor link to

Como exemplo de uma mensagem in-app de tela parcial, criaremos um popup para obter o consentimento do usuário para enviar notificações push. Esta mensagem também pode ajudar a recuperar aqueles que se descadastraram das notificações.

Pré-visualização de um exemplo de mensagem popup de opt-in de tela parcial com ícone, texto e botão Permitir
  1. Vá para sua conta Pushwoosh, abra a seção Conteúdo → Rich Media e clique em Adicionar template:
Captura de tela mostrando a navegação da seção Rich Media e o botão Adicionar template

Insira um nome para o template, escolha Criar novo template e clique em Adicionar template:

Captura de tela mostrando a caixa de diálogo de criação de template com entrada de nome e Criar novo template selecionado

Criaremos uma in-app do zero usando um template em branco. Alternativamente, você pode selecionar um dos templates padrão e adaptá-lo às suas necessidades.

  1. Vamos adicionar uma imagem de fundo para o nosso popup. Abra a aba Popup, clique em Mostrar Mais Opções na seção Conteúdo e carregue a imagem:
  1. Adicione os blocos de conteúdo na tela de edição. Cada bloco representará um elemento de conteúdo separado, como um cabeçalho, texto, etc.
  1. Vamos adicionar uma imagem ao primeiro bloco de conteúdo e ajustar sua aparência:
  1. Adicione um título ao segundo bloco. Defina a fonte, cor e outros parâmetros de texto desejados.
  1. Agora, adicione o texto da sua mensagem in-app ao terceiro bloco de conteúdo. Você pode experimentar com os parâmetros de fonte, cor, alinhamento do texto, altura da linha e preenchimento.
  1. Finalmente, vamos adicionar um botão ao nosso popup. Personalize a cor do botão, o arredondamento e outros parâmetros, se necessário.
  1. Clique em Salvar para aplicar todas as alterações.

Você pode usar seu novo template de mensagem in-app de uma destas maneiras:

Mais formatos e insights

Anchor link to