> For the complete documentation index, see [llms.txt](https://docs.grano.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.grano.app/conteudo/estrutura-e-conteudos/cards.md).

# Cards

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

Para adicionar um card (ou múltiplos cards), inicie criando ou editando um [treinamento](/conteudo/estrutura-e-conteudos/treinamentos.md). Logo após, é necessário criar ou editar um [módulo](/conteudo/estrutura-e-conteudos/modulos.md). É 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)**".

![](/files/moJn0wMM1OyotLMYreEI)

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

<figure><img src="/files/fP70PfLZk6AHrMb3exdE" 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="/files/bUYLLgqhTnm2ZiLEKZ0F" 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="/files/Tf7xw26Um839uLOBPxWg" 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="/files/2RW7zu4EdZNcOwa4yuTW" 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="/files/SfY161G4YunrhY7N4BlS" 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="/files/sfxpQpeiTSWSYC2l5qCA" 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](/conteudo/estrutura-e-conteudos/cards/imagem.md)
* [Default](/conteudo/estrutura-e-conteudos/cards/default.md)
* [Share](/conteudo/estrutura-e-conteudos/cards/share.md)
* [Embed](/conteudo/estrutura-e-conteudos/cards/embed.md)
* [Vídeo](/conteudo/estrutura-e-conteudos/cards/video.md)
* [Vídeo - Com faixas](/conteudo/estrutura-e-conteudos/cards/video-com-faixas.md)
* [Pergunta/Resposta](/conteudo/estrutura-e-conteudos/cards/pergunta-resposta-quiz.md)
* [Pergunta com Respostas em Texto](/conteudo/estrutura-e-conteudos/cards/pergunta-com-resposta-em-texto.md)
* [Quiz com imagens](/conteudo/estrutura-e-conteudos/cards/quiz-com-imagens.md)
* [Podcast](/conteudo/estrutura-e-conteudos/cards/podcast.md)
* [Som - efeitos](/conteudo/estrutura-e-conteudos/cards/som-efeitos.md)
* [Lista de sons](/conteudo/estrutura-e-conteudos/cards/lista-de-sons.md)
* [Lista de imagens](/conteudo/estrutura-e-conteudos/cards/lista-de-imagens.md)

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.*