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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.grano.app/conteudo/estrutura-e-conteudos/cards.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.