Configurar as definições do modelo de in-app

Estas definições aplicam-se a todo o modelo de in-app de uma só vez, em vez de a um único bloco.

Configurar o estilo de todo o modelo

As definições do modelo controlam o estilo de todo o modelo de in-app: tamanho e fundo do documento, aparência do pop-up e estilos padrão para os blocos.

Abra a aba Configurações no painel direito.

Seções disponíveis:

• Documento: largura, preenchimento, uma imagem de fundo, o espaço entre os blocos e um raio de canto padrão para as imagens.
• Esquema de cores: funções de cor nomeadas (cabeçalho, destaque, links, fundo, bordas e mais) que redesenham o modelo de uma só vez. Os blocos existentes mantêm as cores que você já definiu explicitamente.
• Tipografia: família de fontes e dimensionamento padrão para o texto no modelo.
• Pop-up: como a mensagem se posiciona sobre o fundo escurecido: raio do canto, mais cor e opacidade da sobreposição.
• Padrões de bloco: estilos iniciais compartilhados para os blocos que você adicionar mais tarde, para que o novo conteúdo corresponda ao modelo até que você substitua um bloco na tela.
• Padrões de colunas: espaçamento para cada layout de Colunas: preenchimento externo, preenchimento dentro de cada coluna e o espaço entre as colunas.
• Padrões de cartão: aparência inicial para os contêineres de Cartão que agrupam o conteúdo no layout, aplicada até que você estilize um cartão individualmente.
• Padrões de grupo de botões: espaçamento e alinhamento quando vários botões estão juntos como um grupo.
• Padrões de botão: aparência inicial para novos blocos de Botão para que os CTAs permaneçam consistentes em todo o modelo até que você estilize um separadamente.
• Padrões de divisor: estilo de linha inicial, cor, espessura e largura para novos blocos de Divisor.

Os padrões aplicam-se sempre que um bloco individual não os substitui.

Nota

Não existe uma definição de altura. O pop-up cresce com o seu conteúdo. Para uma mensagem em tela cheia, defina a Largura em Configurações e escolha Tela cheia nas Configurações de in-app.

Configurar a aparência do in-app no dispositivo

As Configurações de in-app controlam como a mensagem aparece e se comporta no dispositivo: posição, animações, gestos de deslizar e o botão de fechar. Estas definições aplicam-se apenas a iOS e Android Nativo.

Clique em Configurações de in-app na barra superior.

Posição na tela

Escolha Tela cheia, Topo, Centro ou Fundo.

Animações

• Animação de Apresentação / Animação de Fechamento: Nenhuma, Esmaecer, Esquerda, Direita, Cima ou Baixo, ou Padrão para usar o padrão do SDK da sua aplicação.
• Duração da Animação (MS): 100 a 3000 milissegundos. Deixe em branco para usar o tempo padrão do SDK.

Nota

Nenhuma e Esmaecer funcionam atualmente no Android. No iOS, a mensagem aparece e desaparece instantaneamente (alinhamento em breve).

Deslizar para fechar

Ative qualquer combinação de Esquerda, Direita, Cima e Baixo.

Botão de fechar

Ative ou desative Mostrar botão de fechar.

Quando estiver ativado, defina:

• Posição: Canto superior direito, Canto superior esquerdo, Canto inferior direito ou Canto inferior esquerdo.
• Fundo: uma cor ou Transparente.
• Raio do canto: arredonda os cantos do fundo do botão de fechar. Disponível apenas quando o Fundo é uma cor (não Transparente). Defina 0–16 px: 16 px faz um círculo (padrão), 0 px faz um quadrado.
• Cor do Ícone: cor do ícone de fechar.
• Margem: espaço à volta do botão de fechar em cada lado (Topo, Direita, Fundo, Esquerda).

Ao contrário das outras opções nas Configurações de in-app, o estilo do botão de fechar é salvo na própria mensagem. Ele aparece em todas as plataformas, não apenas no iOS e Android Nativo.

Clique em Aplicar para salvar suas escolhas, ou em Cancelar para descartá-las. Abra a Pré-visualização para verificar a posição, as animações e o botão de fechar antes de salvar.