Ir para o conteúdo

Detalhes criativos para Content Cards

A personalização dos Content Cards e do feed em que eles estão localizados não pode ser feita durante o processo de criação da campanha — você precisa trabalhar com seus engenheiros e desenvolvedores para criar e personalizar seus cartões. Para detalhes técnicos, visite nossa documentação para desenvolvedores.

Tipos de Content Cards

O cartão clássico é ótimo para mensagens e notificações padrão ou até para categorizar visualmente mensagens com ícones. A imagem é opcional, mas deve ter proporção de 1:1.

Imagem de um cartão clássico com detalhes recomendados e um exemplo de cartão clássico

Capacidade do cartão Detalhes
Texto do cabeçalho 18px; Negrito
Uma linha de texto é o ideal.
Você pode usar Liquid aqui para personalizar sua mensagem.
Texto da mensagem 13px; Peso normal
Duas a quatro linhas de texto é o ideal.
Você pode usar Liquid aqui para personalizar sua mensagem.
Texto do link Opcional.
13 px
Link para página web ou deep link para dentro do seu app.
Imagem Opcional.
Deve ter proporção 1:1.
Recomendamos uma qualidade de imagem de 60 x 60 px.

O cartão de imagem com legenda é uma ótima maneira de destacar e atrair atenção para conteúdos importantes, como uma grande promoção ou um novo recurso do app.

Imagem de um cartão de imagem com legenda com detalhes recomendados e um exemplo de cartão de imagem com legenda

Capacidade do cartão Detalhes
Texto do cabeçalho 18px; Negrito
Uma linha de texto é o ideal.
Você pode usar Liquid aqui para personalizar sua mensagem.
Texto da mensagem 13px; Peso normal
Duas a quatro linhas de texto é o ideal.
Você pode usar Liquid aqui para personalizar sua mensagem.
Texto do link Opcional.
13 px
Link para página web ou deep link para dentro do seu app.
Imagem Proporção sugerida de 4:3.
Largura mínima de 600 px.
Compatível com PNG, JPEG e GIF de alta resolução.

Se você quer mais controle criativo, o cartão somente imagem é para você. Crie sua imagem usando qualquer ferramenta que preferir e faça o upload da imagem nesse tipo de cartão.

Imagem de um Content Card somente imagem com detalhes recomendados e um exemplo de somente imagem

Capacidade do cartão Detalhes
Cartão com link Opcional.
13 px
Comportamento ao clicar com link para uma página web ou deep link para dentro do seu app.
Imagem Qualquer proporção é compatível.
Largura mínima de 600 px.
Compatível com PNG, JPEG e GIF de alta resolução.

Detalhes criativos gerais

Os Content Cards suportam texto e imagens, incluindo GIFs, nativamente. No momento, estilos personalizados para o cartão, como cores de fonte diferentes ou múltiplas imagens, não podem ser feitos no dashboard. Você pode personalizar o estilo do seu cartão de conteúdo e do feed durante a integração. Para mais detalhes, consulte Personalizar cartões para o SDK da Braze.

Comportamento de descarte

Para descartar um cartão, o usuário pode deslizá-lo para o lado no celular ou usar a função close X, conforme mostrado na captura de tela a seguir. O x aparecerá ao passar o mouse apenas no SDK para web.

Imagem que mostra os comportamentos de descarte por deslizar ou fechar para um cartão

Se um usuário descartou todos os seus cartões ou você não enviou nenhuma nova atualização, o feed do usuário geralmente ficará assim:

Imagem de um feed de Content Cards vazio

Usando GIFs em Content Cards

Content Cards para Android Content Cards para iOS Content Cards para web
O SDK para Android não oferece suporte a GIFs animados por padrão. Para mais detalhes sobre como ativar o suporte a GIFs, consulte GIFs. O SDK Swift não oferece suporte a GIFs animados por padrão. Para mais detalhes sobre como ativar o suporte a GIFs, consulte o tutorial de suporte a GIFs. O suporte a GIFs está incluído por padrão na integração do SDK para web.
New Stuff!