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 executar experimentos rápidos e alcançar os resultados desejados em menos tempo.

Para criar um 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 neste formato;
  • In-apps de tela parcial — você pode usá-los para solicitações de opt-in e recuperação de opt-out, promoções 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 Content → Rich Media e clique em Add template:
Captura de tela mostrando a seção Rich Media com o botão Add template destacado

Insira um nome para o template, selecione Create new template e clique em Add template:

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

Criaremos um 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 pop-up na aba Popup:
Captura de tela mostrando a aba Popup com as configurações de largura e altura para configurar o tamanho do pop-up
  1. Agora, vamos adicionar uma imagem à nossa mensagem in-app. Vá para a aba Content e arraste o bloco de imagem para a tela. 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 More Images → Stock Photos:

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 Apply Effects. Clique no botão Text, insira seu conteúdo e ajuste seus parâmetros:
  1. Vamos também adicionar um texto abaixo da imagem. Vá para a aba Content e arraste o bloco de texto para a tela. 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 Action, você pode especificar a ação a ser executada após clicar no botão. Selecionaremos a opção URL or Deeplink:

  1. Clique em Save 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 pop-up para obter o consentimento do usuário para enviar notificações push. Esta mensagem também pode ajudar a recuperar aqueles que cancelaram a inscrição para notificações.

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

Insira um nome para o template, escolha Create new template e clique em Add template:

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

Criaremos um 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 nosso pop-up. Abra a aba Popup, clique em Show More Options na seção Content e carregue a imagem:
  1. Adicione os blocos de conteúdo na tela. 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 a fonte, cor, alinhamento do texto, altura da linha e parâmetros de preenchimento.
  1. Finalmente, vamos adicionar um botão ao nosso pop-up. Personalize a cor do botão, arredondamento e outros parâmetros, se necessário.
  1. Clique em Save 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