Skip to content

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é mesmo para categorizar visualmente mensagens com ícones. A imagem é opcional, mas deve ter uma proporção de 1:1.

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

Recurso do cartão Informações
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 uma página da web ou deep link dentro do seu app.
Imagem Opcional.
Deve ter proporção de 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 chamar a 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

Recurso do cartão Informações
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 uma página da web ou deep link dentro do seu app.
Imagem Proporção sugerida de 4:3.
Largura mínima de 600 px.
Suporta PNG, JPEG e GIF de alta resolução.

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

Imagem de um cartão de conteúdo somente com imagem com detalhes recomendados e um exemplo somente com imagem

Recurso do cartão Informações
Cartão com link Opcional.
13 px
Comportamento ao clicar com link para uma página da web ou deep link dentro do seu app.
Imagem Qualquer proporção é suportada.
Largura mínima de 600 px.
Suporta 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!