Mensagens no app modais
Os modais aparecem no centro da tela do dispositivo com uma sobreposição que ajuda a destacá-los do seu app em segundo plano. São perfeitos para sugerir de forma direta que o usuário aproveite uma promoção ou sorteio.
Esse tipo de mensagem está disponível tanto no editor de arrastar e soltar quanto no editor tradicional.
Especificações de imagem
As mensagens modais no app são projetadas para se ajustarem ao dispositivo nas melhores e mais preenchidas proporções possíveis, mantendo-se fiéis ao tamanho e às proporções da imagem ou do texto escolhido para a mensagem.
Embora não haja limites para o número de caracteres de texto que você pode incluir em uma mensagem no app (assim como botões, título, corpo principal e outros), recomendamos moderação na quantidade de texto. O excesso de texto exigirá que os usuários expandam e rolem a mensagem.
Todas as mensagens no app têm um tamanho de imagem recomendado de 500 KB, tamanho máximo de imagem de 5 MB e suportam os tipos de arquivo PNG, JPEG e GIF. Imagens WebP não são suportadas em todos os dispositivos ou navegadores; sugerimos converter imagens WebP para PNG ou JPEG antes de adicioná-las às mensagens no app.
Imagens SVG não são suportadas para mensagens no app porque não são renderizadas de forma confiável em todas as plataformas. Use PNG, JPEG ou GIF.
| Tipo | Proporção | Qualidade da imagem | Notas |
|---|---|---|---|
| Retrato em tela inteira com texto | 6:5 | Alta resolução 1200 x 1000 px Resolução mínima 600 x 500 px |
O corte pode ocorrer em todos os lados, mas a imagem sempre preencherá os 50% superiores da janela de visualização. |
| Retrato em tela inteira (somente imagem, com ou sem botões) | 3:5 | Alta resolução 1200 x 2000 px Resolução mínima 600 x 1000 px |
O corte pode ocorrer nas bordas horizontais em dispositivos mais altos. |
| Tipo | Proporção | Qualidade da imagem | Notas |
|---|---|---|---|
| Paisagem em tela inteira com texto | 10:3 | Alta resolução 2000 x 600 px Resolução mínima 1000 x 300 px |
O corte pode ocorrer em todos os lados, mas a imagem sempre preencherá os 50% superiores da janela de visualização. |
| Paisagem em tela inteira (somente imagem, com ou sem botões) | 5:3 | Alta resolução 2000 x 600 px Resolução mínima 1000 x 600 px |
O corte pode ocorrer nas bordas horizontais em dispositivos mais altos. |
| Tipo | Proporção | Qualidade da imagem | Notas |
|---|---|---|---|
| Modal (somente imagem) | 1:1 | Resolução máxima recomendada: 1200 x 2000 px Resolução mínima: 600 x 600 px |
A mensagem será redimensionada para se ajustar a imagens com a maioria das proporções. A resolução máxima recomendada tem uma proporção de 3:5, o que pode não fornecer resultados ideais. Embora imagens maiores sejam utilizáveis, elas podem levar a tempos de carregamento mais longos. A proporção ideal para imagens é 1:1. Não atender a essa proporção pode disparar um aviso durante o upload. Esse aviso é uma sugestão para melhores resultados e não impede o upload de imagens maiores. |
| Modal com texto | 29:10 | Alta resolução 1450 x 500 px Resolução mínima 600 x 205 px |
Imagens altas serão reduzidas e centralizadas horizontalmente. Imagens largas serão cortadas nas bordas horizontais. |
A renderização de mensagens no app no Web SDK pode ser afetada por configurações personalizadas de tamanho de texto do navegador. Usuários com escalonamento personalizado de tamanho de texto podem ter pequenos problemas de renderização, como um espaço de 1 px ao longo da borda de uma imagem modal. Ao visualizar e testar mensagens no app, recomendamos usar as configurações padrão de tamanho de texto do navegador para a representação mais precisa.
Telas maiores
Em um tablet ou navegador de desktop, uma mensagem no app modal ainda ficará centralizada na tela do app, conforme mostrado na captura de tela a seguir.
