# Cards

## <mark style="color:blue;">Como adicionar Cards:</mark>

Para adicionar um card (ou múltiplos cards), inicie criando ou editando um [treinamento](https://docs.grano.app/conteudo/estrutura-e-conteudos/treinamentos). Logo após, é necessário criar ou editar um [módulo](https://docs.grano.app/conteudo/estrutura-e-conteudos/modulos). É dentro de um **módulo** que inserimos os cards.&#x20;

Os cards podem ser adicionados em lote (múltiplos cards) ou um a um, conforme as instruções a seguir:

### <mark style="color:blue;">Adicionando Múltiplos Cards (imagens)</mark>

A plataforma permite fazer o upload de múltiplos cards do tipo "**Imagem**". Caso você tenha criado os cards de imagens em ferramentas externas, seguindo a recomendação de tamanho (.jpg com 1080x1920 pixels), basta clicar em "**Adicionar Múltiplos Cards (Imagem)**".

![](https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2F041BbRBjuVl9WxXJaRb8%2Fimage.png?alt=media\&token=aa21258e-d51e-420c-8e97-1f2bcb957d19)

Para selecionar as imagens, basta clicar no botão "**+**" e selecionar os respectivos arquivos.

<figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2FpNUZwI0g3vs8K8ZKlDOn%2Fimage.png?alt=media&#x26;token=a48c40f0-cbc7-4484-98c3-01f1339b46cc" alt=""><figcaption><p>Tela de upload de múltiplas imagens</p></figcaption></figure>

Após selecionar os arquivos, você visualizará um preview dos cards; é possível reordená-los arrastando e alterando a ordem/sequência livremente.

Preencha o campo "keywords" de cada card com os respectivos textos dos cards (ou palavras-chave de apoio); **isso é fundamental para que a busca da plataforma funcione** apropriadament&#x65;**.**

<figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2FzsYpp8DXdLeIVPtPNJkR%2Fimage.png?alt=media&#x26;token=e8e78f9a-5966-4b77-ba8e-adeb9ee12eeb" alt=""><figcaption><p>Preview dos cards e keywords</p></figcaption></figure>

Após selecionar as suas imagens e preencher o campo "keywords", clique em **"Upload"** para concluir o upload dos arquivos.

<div align="left"><figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2F8PPa11pi2JtWVCECUFhS%2Fimage.png?alt=media&#x26;token=cee0d5b7-d6ab-464b-a615-39cda76d35ee" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
**Importante:** aguarde a mensagem de sucesso/término da carga de arquivos antes de iniciar qualquer outra ação no sistema.
{% endhint %}

<div align="left"><figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2F9lHmM87JbO10qyQ6w4bV%2Fimage.png?alt=media&#x26;token=9c7606d3-cf8f-467b-a785-968a79893dfc" alt=""><figcaption><p>Mensagem de sucesso no upload</p></figcaption></figure></div>

Na tela dos cards, você visualizará os cards listados, com as respectivas opções de parametrização (de cada card), bem como ordenação e acesso à edição individual.

<figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2Fkngwas4uDMUU2dKqf6gs%2Fimage.png?alt=media&#x26;token=c3aa1f34-0c6a-48b9-b428-e7bba37691ca" alt=""><figcaption><p>Lista de cards em um módulo</p></figcaption></figure>

{% hint style="warning" %}
**Lembre-se:** após realizar qualquer alteração em um módulo, é necessário *scrollar* até o final da página e clicar em "**Salvar Módulo**" e, logo em seguida, em "**Salvar Treinamento**". Assim você garante que todas as edições sejam aplicadas.
{% endhint %}

### <mark style="color:blue;">Adicionando Cards - Individualmente</mark>

Para adicionar um card individual, clique no botão "Adicionar Card".&#x20;

<div align="left"><figure><img src="https://2827513436-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCPx2ELgQWpxklwSvTR2v%2Fuploads%2FXBE7wxKL4gWpxz2Esfq3%2Fimage.png?alt=media&#x26;token=53ac5147-74f1-4422-b418-6a5aa1029de0" alt=""><figcaption></figcaption></figure></div>

A seguir, selecione o **tipo de card** a ser adicionado.&#x20;

As opções de preenchimento de informações serão variáveis conforme o tipo de card escolhido, sendo:

* [Imagem](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/imagem)
* [Default](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/default)
* [Share](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/share)
* [Embed](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/embed)
* [Vídeo](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/video)
* [Vídeo - Com faixas](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/video-com-faixas)
* [Pergunta/Resposta](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/pergunta-resposta-quiz)
* [Pergunta com Respostas em Texto](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/pergunta-com-resposta-em-texto)
* [Quiz com imagens](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/quiz-com-imagens)
* [Podcast](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/podcast)
* [Som - efeitos](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/som-efeitos)
* [Lista de sons](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/lista-de-sons)
* [Lista de imagens](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards/lista-de-imagens)

Preencha os dados solicitados para adicionar um novo card e lembre-se de ajustar a ordem em que o card deverá aparecer dentro do módulo.

{% hint style="info" %}
Ao finalizar o cadastro de cards, lembre-se de sempre clicar em "**Salvar Módulo**" e logo após, "**Salvar Treinamento**".
{% endhint %}

{% hint style="warning" %}
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.
{% endhint %}

## <mark style="color:blue;">Inspirações para criar cards</mark>

Crie um [**acesso grátis**](https://edu.grano.app/cadastro/trial) na área de "trial" e você terá acesso a diversos modelos e formatos de cards para inspirar seu processo de criação.

***

> *© 2026 Grano Edtech LTDA. Todos os direitos reservados.*