✅Default

Card usado para cadastrar conteúdo diretamente na plataforma, para adicionar gifs ou para inserir botões com links externos.

Acompanhe o passo a passo do cadastro e veja exemplos no final.

Dentro de um módulo, clique em “Adicionar Card’’

Em Tipo do Card, selecione “Default’’

Nome do card: de uso interno, importante para organização; também é utilizado para busca na plataforma, caso não seja informado nenhum título ou keywords.

Peso do card: pontos do card, conforme lógica de pontuação do conjunto completo de cards (módulo). Deve ser parametrizado apenas ao final do cadastro de todos os cards. Caso não seja aplicável, basta deixar como 0 (zero).

Para maiores informações sobre a lógica de pontos, consulte a seção Pontuação.

No campo "Keywords" você pode adicionar os Textos relacionados a esse card; os textos informados serão considerados na busca da plataforma.

Dica: você pode colar integralmente o texto utilizado em um card de imagem. Assim a busca funcionará considerando todas as palavras do card.

No campo Alinhamento, você seleciona se o texto do card ficará alinhado pelo topo (Top) ou pelo rodapé (Bottom) do card.

Você pode selecionar a cor que será usada na fonte desse card.

As cores variam de acordo com o Tema utilizado setup do Cliente.

Se preferir, é possível adicionar uma imagem de fundo para o card.

Essa imagem deve ter 1080x1920 pixels, no formato "jpg".

No campo "Background - Imagem", você pode clicar em "Browse" e encontrar a imagem que deseja utilizar:

Se você subir uma imagem com resolução superior a 1080x1920 pixels, é possível escolher o alinhamento dessa imagem no card, através da opção Background - Imagem - Alinhamento.

A opção "Bg center" é a default.

Outra possibilidade é você embedar um Background - Vídeo ".mp4", o qual rodará em loop e sem som, no fundo desse card.

Caso esse vídeo não esteja no tamanho recomendado (1080x1920), você pode definir no campo ''Background - Fit" se o vídeo deve preencher o card inteiro (Cover) ou fica proporcional (Contain).

Cover:

Contain:

Caso você não queira utilizar uma imagem ou vídeo de background, pode escolher diretamente a cor do background (campos "Background - Cor Inicial" e "Background - Cor Final").

Se apenas o campo "Background - Cor Inicial" for preenchido, o card terá uma cor sólida. Se o campo "Background - Cor Final" for preenchido, o card terá um degradê.

O card "Default" também permite a inserção de um Título e de Texto (editor HTML).

O Título será exibido no topo do card.

O Texto permite que você insira (e formate) qualquer conteúdo.

No editor você possui as funcionalidades básicas de bold, itálico, incluir bullets, aumentar, diminuir e trocar o texto da fonte. Além disso, é possível adicionar imagens, links e até embedar vídeos.

Por fim, caso você queira adicionar um botão (que abra um link externo), basta você adicionar a URL no campo "Botão - Url Externa" e o nome do botão no campo "Botão - Label"

Na Grano, é necessário que você fique atento aos tamanhos dos arquivos e mídias no momento de fazer o cadastro dos cards. Cards imagem = até 800 KB Gifs e Vídeos que são cadastrados direto na plataforma = até 200KB - Esse peso não se aplica para vídeos que serão hospedados em outras ferramentas (Vimeo, Youtube, etc) Sons = até 10 MB Lembre-se: arquivos mais leves são preferíveis. Eles contribuem para o desempenho otimizado da plataforma e aprimoram a experiência do usuário. Antes de fazer o upload, confira o tamanho dos arquivos que você planeja enviar e realize os ajustes necessários. Se precisar reduzir o tamanho de um arquivo, ferramentas de compressão online gratuitas podem ser uma solução útil.

Alguns Exemplos do Card "Default"

No exemplo abaixo, o card foi montando com:

Campo Alinhamento: Top.
Campos Cores: utilizadas 2 cores.
Campo Título: "Lorem ipsum".
Campo Texto: "lorem upsum dolor sit amet lorem ipsum dolor sit amet".
Campo Texto: incluído um gif.
Campo Texto: palavra "teste", abaixo da imagem.
Campo Texto: Link "CLIQUE AQUI".
Campo Texto: "Abra o seu bônus"
Campo Texto: incluída uma imagem de um presente.

Exemplo com um background como imagem e botão com acesso à URL externa:

Campo Alinhamento: Bottom (posição do botão).
Campo Background - Imagem: Incluída uma imagem .jpg
Campo Botão - Url Externa: Link para a matéria em um site externo.
Campo Botão - Label: ''CLIQUE E ACESSE"

Exemplo com um background como .gif inserido via campo "Background - Imagem".

Campo Background - Imagem: Incluída um arquivo. gif com tamanho 1080x1920px

Sugere-se que, no caso de uso de .gif, o peso não seja superior a 200 KB.

Uma alternativa para melhor experiência é gerar um vídeo (.mp4) e subir o arquivo no campo ''Background - Vídeo''. O peso também não deve ser superior a 200 KB.

Exemplo com um background como .mp4 inserido via campo "Background - Vídeo".

Campo Background - Vídeo: Incluído um arquivo .mp4 com tamanho 500x200px
Campo Background - Fit: Cover. Isso faz com que a plataforma estique o vídeo para que ele ocupe 100% da altura do card.