# Bem-vindo à Grano

Somos a 1ª plataforma de microlearning no Brasil para empresas, instituições e produtores de conteúdo.

{% hint style="success" %}
**Yuppi:** Versão 3.0 no ar! 🎉

[Clique aqui](/versoes/versao-3.0) para conhecer as novas funcionalidades.
{% endhint %}

## Sobre

A **Grano** é uma plataforma que permite a produção e distribuição de cards de treinamento mobile (*webstories*) a equipes **internas**, **externas** ou grupos de **estudantes/clientes**, com conteúdo simples e acessível, em multi-formatos, a qualquer momento, de qualquer lugar.

> *A startup é uma spin-off da* [***BASE Digital***](https://base.digital)*, empresa de tecnologia com 12 anos de mercado, a qual já validou o conceito de microlearning através do desenvolvimento de projetos customizados para grandes clientes, utilizando essa metodologia como motor para apps, programas de relacionamento e plataformas de educação corporativa.*

Oficialmente em operação desde maio de 2022, já contamos com clientes de diferentes nichos do mercado (varejo, indústria, saúde, educação e financeiro) que acreditam no microlearning como um formato estratégico para a distribuição de seus treinamentos e instruções.

<div align="center"><figure><img src="/files/Nrnhs5VLEx7x5TpUUBBI" alt=""><figcaption><p>Grano: para todos os dispositivos</p></figcaption></figure></div>

## Trial

Quer experimentar? [**Crie agora mesmo**](https://edu.grano.app/cadastro/trial) a sua conta e tenha acesso gratuito a diferentes trilhas e treinamentos especialmente criados pelo time da Grano em microlearning.&#x20;

***

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


# Microlearning

O que é microlearning (somado a alguns improvements que fizemos por aqui)

É um método de ensino moderno que se concentra em aprender <mark style="background-color:yellow;">conteúdos em curtos blocos de tempo</mark>, utilizando recursos variados, como vídeos, jogos interativos e textos curtos.

Por proporcionar a disposição de conteúdos que são mais curtos, focados e objetivos, quem utiliza o método  <mark style="background-color:yellow;">aprende com mais facilidade</mark> e <mark style="background-color:yellow;">retém as informações por mais tempo</mark>.

Em outras palavras, essa é a maneira mais rápida de adquirir conhecimento e colocar em prática.

A técnica pode ser usada para reforçar algo aprendido anteriormente, ou até como uma forma de ensinar um conteúdo um pouco mais complexo, já que ao fragmentar o conteúdo em pequenas doses diárias você auxilia o colaborador ou estudante na absorção do conhecimento.

Além disso, é um método muito utilizado como forma de driblar a <mark style="background-color:yellow;">curva do esquecimento</mark>, feita pelo psicólogo Hermann Ebbinghaus, que explica que quanto mais tempo passa desde que vimos ou lemos algo novo, mais esquecemos sobre o assunto.

<figure><img src="/files/5AneY03DqjLsUriGlZ4q" alt=""><figcaption><p>Curva do Esquecimento</p></figcaption></figure>

Inspirada no microlearning, a <mark style="background-color:yellow;">**Grano**</mark> desenvolveu uma <mark style="background-color:yellow;">metodologia própria</mark>. A metodologia em si não tem nada de misterioso:

* Imagine que você possui um conjunto de cartas, de diferentes tipos. Algumas com textos, outras com imagens. Também possui algumas interativas, com vídeos e com podcasts. Ao final, aquelas com perguntas e respostas.&#x20;
* Abra todas sobre a mesa e as organize na sequência que você quer contar a sua história, com marcações claras entre <mark style="background-color:yellow;">**introdução**</mark>**,&#x20;**<mark style="background-color:yellow;">**desenvolvimento**</mark>**,&#x20;**<mark style="background-color:yellow;">**testagem**</mark>**&#x20;e&#x20;**<mark style="background-color:yellow;">**conclusão**</mark>.
* Faça esse *storytelling* durar, entre 3 e 5 minutos.&#x20;

Pronto. Você tem um conteúdo <mark style="background-color:yellow;">**Grano**</mark>, que através da nossa plataforma, será apresentado no formato de *cards*, semelhante aos *stories* de redes sociais.

## <mark style="color:blue;">Motivação</mark>

Cursos muito longos, com conteúdos muito extensos tendem a dispersar os alunos ou colaboradores com mais facilidade, além de tornar o processo de aprendizagem mais cansativo. Dessa forma a empresa ou instituição não conseguirá atingir os seus resultados e perderá o foco do seu público.

A metodologia utilizada pela Grano é adequada para treinamentos que requerem <mark style="background-color:yellow;">aprendizado rápido</mark> e que possam ser <mark style="background-color:yellow;">facilmente incorporados em rotinas diárias</mark>, pois o conteúdo é organizado com o intuito de não exigir muito tempo e concentração do aluno ou colaborador. Em nossa abordagem, conteúdos extensos podem ser divididos em pequenas seções, ou módulos como gostamos de chamar na <mark style="background-color:yellow;">**Grano**</mark>. Dessa forma, o aprendizado é construído de grão em grão, pois ele se dá por etapas.

Entendendo que isso não substitui (e nem deve substituir) a educação formal, nossa proposta no desenvolvimento da <mark style="background-color:yellow;">**Grano**</mark> foi adequar os conteúdos corporativos densos (e sempre cansativos) a uma linguagem que pudesse repaginá-los, dando uma cara (e usabilidade) mais próximo da maneira como os colaboradores já estão acostumados (e muitas vezes engajados) no dia a dia.

## <mark style="color:blue;">Públicos</mark>

Inicialmente empresas com *<mark style="background-color:yellow;">deskless workforce</mark>* (times que não estão nos escritórios ou *home office*) se mostraram interessadas em distribuir seus conteúdos instrucionais através da <mark style="background-color:yellow;">**Grano**</mark>. A mesma lógica se aplica, especialmente, a <mark style="background-color:yellow;">pontos de venda</mark> (PDVs) e todo o ecossistema de <mark style="background-color:yellow;">força de venda</mark> em si.

Um primeiro desdobramento (no corporativo) foi exatamente levar esses micro-treinamentos como extensão daqueles que ocorriam presencialmente. Ou seja, a <mark style="background-color:yellow;">**Grano**</mark> passou a ser um instrumento de reforço e rápida consulta por diferentes profissionais que buscavam uma "*quick info*" sobre um produto ou serviço específico.

Assim, empresas também viram na <mark style="background-color:yellow;">**Grano**</mark> um potencial mais amplo, incluindo o *<mark style="background-color:yellow;">onboarding</mark>* de novos colaboradores, <mark style="background-color:yellow;">treinamentos</mark> específicos para times de Executivos e Lideranças (conceito de *Life Long Learning*) e toda gama de <mark style="background-color:yellow;">procedimentos instrucionais</mark> (passo a passo) de rotinas operacionais.

Instituições ligadas à <mark style="background-color:yellow;">Educação</mark> também adotaram a solução para uma entrega de conteúdos <mark style="background-color:yellow;">pré</mark> e <mark style="background-color:yellow;">pós-aula</mark>, estendendo a experiência e conexão com alunos e estudantes; novamente, pelo fato da usabilidade lembrar uma rede social.

A solução da <mark style="background-color:yellow;">plataforma de microlearning</mark> <mark style="background-color:yellow;"></mark><mark style="background-color:yellow;">**Grano**</mark> se mostrou, portanto, adequada (e eficiente) em diferentes contextos e segmentos de mercado.

## <mark style="color:blue;">O desafio do conteúdo</mark>

Criar conteúdos nesse formato se mostrou desafiador, especialmente para a adaptação de materiais legados e que, nem sempre, contam as histórias com uma narrativa interessante.

Dentre os planos de assinatura da <mark style="background-color:yellow;">**Grano**</mark>, oferecemos <mark style="background-color:yellow;">suporte educacional</mark> (treinamento de clientes e agências) e alocação de <mark style="background-color:yellow;">times de produção</mark> conforme a necessidade, objetivos e prazos do cliente.

Por outro lado, acreditamos que, com o passar do tempo e consolidação da metodologia, os próprios clientes (e usuários finais) serão os produtores dos cards, tornando a <mark style="background-color:yellow;">**Grano**</mark> (e sua metodologia em si) um formato padrão, com entendimento geral de suas boas práticas, tipos e formas de construção.

## <mark style="color:blue;">Como nós organizamos esse conteúdo?</mark>

Para que tudo isso fizesse sentido, criamos 4 tipos principais de "estruturas de conteúdos" organizadas da seguinte maneira:

* Trilhas.
* Treinamentos.
* Módulos.
* Cards.

No qual:

* Trilhas podem conter "n" treinamentos.
* Treinamentos podem conter "n" módulos.
* Módulos podem conter "n" cards.

Além disso:

* Um treinamento pode estar em "n" Trilhas.
* Um módulo pertence a um treinamento.
* Um card pertence a um módulo.

Na página "[Usuários e Conteúdos](/conceitos-basicos/usuarios-e-conteudos)", explicamos como organizar e distribuir isso tudo em diferentes grupos de pessoas na plataforma.

## <mark style="color:blue;">A mágica dos cards</mark>

O que gera engajamento e cria conexão com os usuários são os diferentes formatos de cards que disponibilizamos na plataforma. Listamos abaixo um resumo dos tipos, os quais estão detalhados na página ["Cards".](/conteudo/estrutura-e-conteudos/cards)

* Imagem (com ou sem texto)
* Vídeo embed
* Áudio embed
* Quiz (verdadeiro ou falso; selecione a correta; selecione a incorreta)
* NPS

Tais cards, dispostos de maneira criativa, sem perder o foco e objetivos propostos, tornam a experiência dos usuários leve e única, incrementando os rates de participação e aprendizagem.

<figure><img src="/files/1oZT3Bf2zvmEAmBIylDX" alt=""><figcaption><p>Exemplos de cards disponíveis na Plataforma de Microlearning Grano</p></figcaption></figure>

***

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


# Planos e Assinaturas

Opções disponíveis para pessoas jurídicas

Atualmente oferecemos 3 formatos distintos de produtos:

<details>

<summary>SaaS (B2B)</summary>

<mark style="color:blue;">**Ciclo #1**</mark> - Setup & Onboarding | **valor específico**

* Treinamento sobre a metodologia Grano (para produção de conteúdos pelo Cliente).
* Configuração da Plataforma.
* Carga inicial das trilhas, treinamentos, módulos e cards.
* Carga inicial dos usuários.
* Go-live.
* Treinamento LMS.

<mark style="color:blue;">**Ciclo #2**</mark> - Licenciamento | **valor mensal**

* Plano de assinatura mensal pela quantidade de usuários na plataforma.
* Suporte e atendimento, 5x7, em horário comercial.
* Hosting.
* Updates periódicos (melhorias e novas funcionalidades do produto).

</details>

<details>

<summary>SaaS + Conteúdo (B2B)</summary>

<mark style="color:blue;">**Ciclo #1**</mark> - Content | **valor específico**

* Alocação de *squad* de conteúdo (mínimo: 3 meses), com foco em:

1. Avaliar atuais conteúdos do cliente.
2. Planejar a transformação desses conteúdos para a metodologia Grano.
3. Adequar volume (entregas) à quantidade de horas de trabalho contratadas.
4. Produzir trilhas, treinamentos, módulos e cards.

<mark style="color:blue;">**Ciclo #2**</mark> - Setup & Onboarding | **valor específico**

* Configuração da Plataforma.
* Carga inicial das trilhas, treinamentos, módulos e cards.
* Carga inicial dos usuários.
* Go-live.
* Treinamento LMS.

<mark style="color:blue;">**Ciclo #3**</mark> - Licenciamento | **valor mensal**

* Plano de assinatura mensal pela quantidade de usuários na plataforma.
* Suporte e atendimento, 5x7, em horário comercial.
* Hosting.
* Updates periódicos (melhorias e novas funcionalidades do produto).

</details>

{% hint style="info" %}
Integrações e desenvolvimento de funcionalidades sob-medida: conforme aplicabilidade no ***roadmap*****&#x20;do produto** e aprovação de orçamento específico.
{% endhint %}

## Trial

Quer experimentar? [**Crie agora mesmo**](https://edu.grano.app/cadastro/trial) a sua conta e tenha acesso gratuito a diferentes trilhas e treinamentos especialmente criados pelo time da Grano em microlearning.&#x20;

***

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


# Web app

Desktop e mobile, responsivo.

Para acessar a Grano mais facilmente, você pode criar um atalho no seu celular. Assim um novo ícone será adicionado na sua tela, ao lado dos seus apps.

Veja a seguir:

## <mark style="color:blue;">iOS</mark>

No Safari, clique em "Compartilhar" e encontre a opção ‘’Adicionar à Tela de Início’’, logo após, clique em ‘’Adicionar’’.

<figure><img src="/files/3J648lpO1V3kG5PBRgyA" alt=""><figcaption><p>Criando um atalho para a Grano no iOS</p></figcaption></figure>

## <mark style="color:blue;">Android</mark>

No Google Chrome, clique nos "3 pontinhos" e escolha a opção ‘’Instalar aplicativo’’, logo após, clique em ‘’Instalar’’.

<figure><img src="/files/kKNGMczU6HTzvuVFQBVs" alt=""><figcaption><p>Criando um atalho para a Grano no Android</p></figcaption></figure>

## <mark style="color:blue;">Confira o passo a passo:</mark>

![](/files/bbaoVpOeHOq1KqfDjskU)

***

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


# Canais de atendimento

Atendimento de suporte em horário comercial, de segundas a sextas-feiras, das 9h às 18h, aos Clientes Corporativos.

## <mark style="color:blue;">Se você já é nosso cliente:</mark>

Atendimento via ticket, com tempo de resposta de até 2 (dois) dias úteis. As solicitações serão devidamente documentadas e classificadas entre os tipos abaixo, para que tenham o correto encaminhamento e resolução.

* Dúvidas.
* Bugs.
* Pedidos de novas funcionalidades.
* Pedidos de novos relatórios.
* Pedidos de novos conteúdos.
* Upgrades/downgrades de licenças.
* Reclamações

**Quanto ao serviço de Suporte Técnico, os SLA's estabelecidos, em horário comercial e dias úteis, são:**

* **Resposta formal, com status e previsão de correção, quanto a eventual indisponibilidade da plataforma:** em até 4 (quatro) horas úteis a contar da abertura do chamado.
* **Resposta formal, com status e previsão de correção, quanto à falha de funcionalidades específicas que estejam afetando a utilização da plataforma pelos usuários:** em até 12 (doze) horas úteis a contar da abertura do chamado.
* **Melhorias:** prazo vai depender de escopo, viabilidade e aprovação de orçamento específico.

## <mark style="color:blue;">Quer ser nosso cliente?</mark>

Entre em contato através do e-mail <comercial@grano.app> para agendar uma reunião com o nosso **Time de Especialistas**, para guiá-lo entre as possibilidades e modelos de assinatura da Grano.

## <mark style="color:blue;">Siga a Grano nas redes sociais ;)</mark>

<mark style="background-color:yellow;">**Instagram:**</mark> [https://www.instagram.com/grano.app](https://www.instagram.com/grano.app/)

<mark style="background-color:yellow;">**LinkedIn:**</mark> <https://www.linkedin.com/company/grano-microlearning>

***

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


# Dúvidas Frequentes

Confira algumas perguntas frequentes que podem te ajudar.

<details>

<summary>Quero acessar uma demonstração da Grano, como faço?</summary>

[**Clique aqui**](https://edu.grano.app/cadastro/trial) e preencha o formulário. Ao preencher os dados do formulário, você receberá um e-mail para a ativação da sua conta e poderá, **durante 30 dias**, acessar diversos conteúdos e trilhas da plataforma, totalmente grátis.

É possível também agendar uma reunião com o nosso [**Time de Especialistas**](mailto:comercial@grano.app), para guiá-lo entre as possibilidades e modelos de assinatura da Grano.

</details>

<details>

<summary>Como saber se o usuário já ativou sua conta?</summary>

Acesse o LMS e, em **Logins >** [**Lista - Usuário**](https://manager.grano.app/admin/users) verifique a coluna **''Primeiro Acesso?''**. Se a informação estiver com **Sim**, significa que o usuário já criou a sua senha e está apto à acessar os conteúdos.\
\ <img src="/files/F5hleLe6vf5yY6pjhmGj" alt="" data-size="original">

</details>

<details>

<summary>Esqueci minha senha/Meu usuário esqueceu a senha! E agora?</summary>

Se você esqueceu sua senha ou se um usuário da sua plataforma esqueceu a senha, siga ou peça para ele seguir este passo a passo:

1. Na tela inicial da plataforma clique em ''**Esqueci minha senha**''.
2. Adicione o seu e-mail no campo indicado e clique em ''**ENVIAR**''.\
   \
   ![](/files/MqguhDV2yWwi3E9JeiOJ)
3. Você receberá um e-mail com um link ''**Redefinir Senha**''; clique no link para abrir a página de alteração de senha. Caso o link do e-mail não funcione, você pode copiar a url que aparece no final do e-mail e colar manualmente no navegador. ![](/files/YD0W0YV8daKfnv77TcAk)
4. Na próxima tela, digite a senha de sua escolha e clique em ''**ENVIAR**''\
   ![](/files/jIRFap9scIuLUBaQkByM)<br>
5. Pronto! Agora é só fazer o login na plataforma com a sua nova senha.

</details>

<details>

<summary>Não consigo/Meu usuário não consegue acessar a plataforma</summary>

## <mark style="color:blue;">Se você está tentando acessar o edu.grano.app:</mark>

1. Verifique se inseriu seu endereço de e-mail e senha (criada por você) corretamente.
2. Se mesmo assim não estiver conseguindo acessar, entre em contato através da página de contato ou do e-mail [**hello@grano.app**](mailto:hello@grano.app)

**Lembre-se** que você precisa ter um pré-cadastro que é realizado pelo administrador da plataforma. Se esse for o seu caso, siga o fluxo do "[**MEU PRIMEIRO ACESSO**](https://edu.grano.app/primeiro-acesso)" para criar sua senha e acessar a plataforma.&#x20;

## <mark style="color:blue;">Se um usuário da sua plataforma não está conseguindo acessar:</mark>

1. Verifique se o usuário seguiu o passo a passo do "**Meu primeiro acesso**" para criar a senha.
2. Verifique se o usuário inseriu seu endereço de e-mail e senha corretamente.
3. Verifique se o usuário está cadastrado corretamente na página de [**Logins**](https://manager.grano.app/admin/users).
4. Verifique se o usuário não suspendeu sua conta. No LMS, vá em [**Logins**](https://manager.grano.app/admin/users); a coluna "**Usuário Suspenso**"  deverá estar com "**Não**" para que ele consiga acessar a plataforma:

&#x20;      ![](/files/yjGvTf2FYbCsEd8JxHmS)<br>

5. Se tudo estiver correto o acesso deve funcionar. Se não funcionar, abra um *ticket* para o **Time da Grano**.

</details>

<details>

<summary>Não recebi/Meu usuário não recebeu o e-mail do "Meu primeiro acesso" </summary>

## <mark style="color:blue;">Se você não recebeu o e-mail, siga os passos abaixo:</mark>

1. Verifique se você inseriu seu endereço de e-mail corretamente.
2. Verifique a sua caixa de ***spaam***/**lixo eletrônico** ou aba de **promoções** no e-mail.
3. Se mesmo assim não encontrar o e-mail, entre em contato com o administrador da plataforma.

## <mark style="color:blue;">Se algum usuário da sua plataforma informar que não recebeu o e-mail do "Meu primeiro acesso":</mark>

1. Verifique se o usuário inseriu o endereço de e-mail dele corretamente.
2. Peça para o usuário verificar se o e-mail não está no ***spaam***/**lixo eletrônico** ou na aba de **promoções**.
3. Verifique se o e-mail do usuário está cadastrado corretamente na página de [**Logins**](https://manager.grano.app/admin/users).
4. Se tudo estiver correto, ele deverá receber o e-mail. Se não funcionar, abra um *ticket* para o **Time Grano**.

</details>

<details>

<summary>Se você utiliza e-mail @Yahoo, atenção aqui!</summary>

Algumas plataformas de e-mail, por motivos de segurança, não habilitam o clique nos *links* (pois pode ser spam/vírus) e nem mostram as imagens do e-mail, esse é o caso do Yahoo Mail.

Caso você não consiga clicar nos *links*, você deve copiar o texto do *link* que aparece ao final do e-mail e colar em uma nova aba do seu navegador.

![](https://lh4.googleusercontent.com/Q1RkRsiggZ2KVYYZwEkqOCIWeKjGq8uQWwXELDSsWlnrcJ9C7xoe_wJO4cPc4oTSCVNZI3BKhijQuabH9pdeb3QoNuvLtBcuxQ8giXIMzBxMqFEnWZlpv0uXeMrJMJnO1_ziTa5XFMqmE6gMzkv7r9V_WQ=s2048)

</details>

<details>

<summary>Aviso ''Nenhum conteúdo disponível", o que fazer?</summary>

![](https://lh3.googleusercontent.com/Mgo1YlRCGq1SEFur6VUvWwg0kSSvNwnZ18hY0wGxXWD0tUvZZG-IVkR3A8rqay4xk8lgIQTDvFDL90Udx7u5cNlbZGwOl_dy024ab9LVtXdbkWmaQn6W9AhQyPQaVjQECpYhjgsR7Q1bk-YAE2rU_Mv4tg=s2048)

## <mark style="color:blue;">Se esse aviso aparece para você:</mark>

Entre em contato com o administrador da plataforma para solicitar acesso.

## <mark style="color:blue;">Se é um usuário da sua plataforma que não está vendo nenhum conteúdo:</mark>

1. Através do menu "[**Logins**](https://manager.grano.app/admin/users)", verifique se o usuário possui alguma tag vinculada a ele. Caso não possua, é necessário vincular uma tag para que ele veja o conteúdo.
2. Verifique se a trilha do conteúdo que deve estar habilitado para esse usuário possui a mesma tag vinculada ao perfil dele.
3. Se tudo estiver correto o usuário deverá ver o conteúdo.

</details>

<details>

<summary>Meu nome está incorreto no certificado, o que devo fazer?</summary>

## <mark style="color:blue;">Se o seu certificado ficou com o nome errado:</mark>

Entre em contato com o administrador da plataforma para solicitar um novo certificado.

## <mark style="color:blue;">Se um usuário da sua plataforma ficou com o nome errado no certificado:</mark>

Infelizmente, via plataforma, não é possível gerar o certificado novamente.&#x20;

Caso identifique esse problema, será necessário criar um certificado manualmente em algum programa de edição (*Canva*, *Figma*, *Photoshop*, etc.) e enviar para o usuário.

</details>

<details>

<summary>Qual o limite de peso que os arquivos de imagens e vídeos precisam ter?</summary>

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.

</details>

<details>

<summary>Quais são as configurações mínimas exigidas para o funcionamento da Plataforma?</summary>

As configurações mínimas exigidas para o funcionamento da Plataforma são:

* Conectividade à Internet.
* Acesso ao LMS através de computadores (desktop), com browser Google Chrome e sistema operacional na versão mais recente.
* Acesso ao Web App através de computadores ou smartphones, com browsers Google Chrome, Safari ou Edge e sistema operacional na versão mais recente.

</details>

***

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


# Usuários e Conteúdos

Entendendo essa lógica, você vai acertar sempre.

Na construção da plataforma nos preocupamos em deixar a lógica (amarração entre tudo) o mais generalista possível. Por um lado, isso dá a você uma grande flexibilidade para criar diferentes caminhos e jornadas; por outro, torna a operação da ferramenta mais trabalhosa e complexa.

Assim sendo, desde o seu "Dia Zero" de uso da plataforma é importante explicarmos alguns conceitos fundamentais, que farão toda a diferença para você entender o funcionamento da plataforma e as relações entre as duas estruturas primárias da Grano: **usuários** e **conteúdos**.

## Usuários

Os usuários da plataforma são organizados em um sistema de **tags**, "carimbadas" pelo administrador diretamente no LMS, definindo assim os seus níveis de acesso aos conteúdos. As tags podem ser classificadas em 4 tipos:

* Tag Cliente *("Mãe" na versão 1.0)*
* Tag Grupo *("Unidade", na versão 1.0)*
* Tag Subgrupo *( "Sala", na versão 1.0)*
* Tag Custom

Por exemplo, o usuário **<joao@acme.com.br>**, da empresa **ACME**, funcionário da filial de **SP**, do departamento de **Marketing**, com cargo de **Coordenador**, poderia ter as seguintes tags:

* Cliente: ACME
* Grupo: SP
* Subgrupo: Marketing
* Custom: Coordenador

## Conteúdos

Os conteúdos, por sua vez, também possuem 4 níveis em sua estrutura:

* Trilhas.
* Treinamentos.
* Módulos.
* Cards.

Sendo que, entre os conteúdos:

* Trilhas são agrupadores de Treinamentos.
* Treinamentos são agrupadores de Módulos.
* Módulos são agrupadores de Cards.

## Usuários vs. Conteúdos

Assim, a plataforma nos permite cruzar usuários e conteúdos de maneira extremamente flexível e ampla. Alguns exemplos:

* Trilha A é a soma dos Treinamentos 1, 2 e 3; disponível para todos os usuários com a tag "ACME".

> Ou seja, todos os usuários do Cliente "ACME" plataforma terão acesso à Trilha A.

* Trilha B é a soma dos Treinamentos 4, 5 e 6, disponível apenas para usuários com a tag "ACME" e "SP".

> Ou seja, apenas usuários do Cliente "ACME" e no Grupo "SP" terão acesso a essa trilha. Assim, por exemplo, um usuário do Grupo "RJ" não visualizará essa trilha.

* Trilha C é a soma dos Treinamentos 4, 5, 7 e 8, disponível apenas para usuários com a tag "ACME", "RS", "Coordenador".

> Ou seja, apenas usuários do Cliente "ACME", no Grupo "RS" e com cargo "Coordenador" visualizarão essa trilha (a qual possui os Treinamentos 4 e 5 em comum).

* Trilha D possui apenas o Treinamento 9, ativa apenas para a tag "Marketing".

> Ou seja, todos os usuários do subgrupo "Marketing" (mesmo que hajam outros Clientes na plataforma) visualizarão tal Trilha.

Obviamente, para isso tudo funcionar, no LMS:

1. É necessário criar as tags.
2. É necessário relacionar a tags aos usuários.
3. É necessário criar os treinamentos, com seus respectivos módulos e cards.
4. É necessário criar as trilhas, incluindo os devidos treinamentos.
5. É necessário relacionar as tags às trilhas.

***

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


# Progresso

Como funciona o progresso do usuário na Grano?

Na criação de Trilhas, Treinamentos e Módulos, é possível habilitar a funcionalidade de exibição do **progresso percentual** do usuário.

Esse progresso é calculado automaticamente pelo sistema, considerando:

* Trilha: total de cards dos treinamentos que compõem essa trilha vs. quantidade de cards já visualizados pelo usuário.
* Treinamento: total de cards dos módulos que compõem esse treinamento vs. quantidade de cards já visualizados pelo usuário.
* Módulo: total de cards desse módulo vs. quantidade de cards já visualizados pelo usuário.

## <mark style="color:blue;">Quando usar?</mark>

* Para situação em que seja importante passar ao usuário a sensação que ele está progredido nos conteúdos; em especial nos casos de conteúdos bloqueados com [**cadeados**](/conceitos-basicos/cadeados).

{% hint style="danger" %}
**Atenção**: Se o administrador do LMS adicionar ou excluir cards de conteúdos que já tenham sido visualizados por algum usuário, **todos os percentuais de progresso do passado serão atualizados**.
{% endhint %}

***

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


# Cadeados

Como funcionam os cadeados?

As trilhas, treinamentos e módulos podem ser organizados de duas maneiras diferentes:

* Navegação 100% livre, sem qualquer amarração, com visualização e acesso em qualquer ordem e a qualquer tempo pelos usuários.
* Com cadeados (antecessores), em uma lógica e linha do tempo progressiva e regras de liberação de novos conteúdos.

## <mark style="color:blue;">Navegação Livre:</mark>

Se aplica a casos em que o usuário não tem nenhum pré-requisito para visualizar e interagir com os conteúdos, no qual o objetivo é deixá-lo escolher o conteúdo a ser lido.

## <mark style="color:blue;">Navegação Estruturada:</mark>

Além de relacionar os usuários às tags, é possível definir:

* Para cada **Trilha**: sua ordem de exibição na plataforma.
* Para cada **Treinamento**: sua ordem de exibição na trilha; bem como se ele está habilitado ou desabilitado (critério manual).
* Para cada **Módulo**: sua ordem de exibição no treinamento; bem como:
  * Se ele está habilitado ou desabilitado (critério manual).
  * Se ele tem um predecessor (ou seja, se habilita um próximo módulo na conclusão de outro).
    * Se tal liberação é automática ou se dá após "n" dias.
    * Se tal liberação é unitária ou múltipla.

## <mark style="color:blue;">Exemplo de setup para conteúdos estruturados:</mark>

**Cenário**: um treinamento com 5 módulos, sendo:

* **Módulo #1**: inicial, livre acesso.
* **Módulos #2 a #5**: cadeados.

Ao completar o Módulo #1:

* **Módulo #2**: automaticamente habilitado.
* **Módulos #3 a 5**: cadeados.

Ao completar o Módulo #2:

* **Módulo #3**: exibe mensagem que estará disponível em 7 dias; e permanece cadeado.
* **Módulos #4 e #5**: cadeados.

Após 7 dias, usuário retorna na plataforma e Módulo #3 está habilitado. Ao completá-lo:

* **Módulo #4**: automaticamente habilitado.
* **Módulo #5**: automaticamente habilitado.
* Ordem de visualização: qualquer.

Finalmente, ao visualizar 100% dos módulos desse treinamento, o usuário pode, por exemplo, receber um ***badge*** (variável conforme a pontuação obtida), bem como um **certificado**. Tudo **parametrizado pelo criador de conteúdo**.

## <mark style="color:blue;">Resumo do encadeamento:</mark>

Considerando o cenário acima apresentado:

* Módulo #1: livre.
* Módulo #2: antecessor (Módulo #1); automático.
* Módulo #3: antecessor (Módulo #2); 7 dias.
* Módulo #4: antecessor (Módulo #3); automático.
* Módulo #5: antecessor (Módulo #3); automático.

{% hint style="info" %}
**Dica:** Trilhas podem expirar. Isso significa que é possível encadear os diversos treinamentos de uma trilha com tempos e prazos específicos para acontecer (datas marcadas).&#x20;

Essa dinâmica funciona muito bem para a **lógica de campanhas**, com objetivos a serem atingidos pelo time (exemplo: pontuações mínimas e *badges*)
{% endhint %}

***

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


# Pontuação

Como funcionam os pontos na Grano?

Uma das funcionalidades de gamificação da Grano é a **distribuição de pontos** conforme o progresso (e respostas) dos usuários ao longo das trilhas.

* Para cards do tipo "**Quiz**": o usuário só pontua se acertar a resposta do Quiz.
* Para os demais cards: o usuário ganha pontos ao passar pelo card.

{% hint style="info" %}
Caso você opte por distribuir pontuação apenas para os cards do tipo Quiz, basta atribuir "peso 0" para os demais cards.
{% endhint %}

Dessa maneira, é possível criar diferentes desafios para o engajamento e medir a retenção de conhecimento dos usuários.

## <mark style="color:blue;">Lógica:</mark>

Está sempre relacionado a um módulo da plataforma, o qual deve ser parametrizado pelo administrador com a quantidade de pontos que serão distribuídos. Exemplo: 100 pontos.

<figure><img src="/files/WVAX8CkBOEqxT7GMC2ci" alt=""><figcaption><p>Atribuição de pontos totais de um módulo</p></figcaption></figure>

Além disso, cada card pode ter o seu peso específico dentro da plataforma. Por exemplo:

* Total de cards: 4
* Pontuação: **100**
  * Card #1: Imagem: Peso **0** (0 pontos)
  * Card #2: Vídeo: Peso **1** (25 pontos)
  * Card #3: Quiz
    * Acertou: Peso **2** (50 pontos)
    * Errou: **0**
  * Card #4: Imagem: Peso **1** (25 pontos)

Nesse caso:

* Ao usuário concluir o módulo e ter errado o quiz, ganhará apenas **50** pontos.
* Ao usuário concluir o módulo e ter acertado o quiz, ganhará **100** pontos.
* Se o usuário fechar o módulo no Card #2, ele ganhará **25** pontos, podendo retornar posteriormente para concluir (e ganhar os respectivos pontos caso acerte o quiz).

{% hint style="danger" %}
**Atenção:** cards com peso 0 (zero) não pontuam.
{% endhint %}

{% hint style="info" %}
**Importante:** o total de pontos de um treinamento é a soma de todos os módulos que compõe o treinamento. Dessa maneira, é possível estipular um valor máximo de pontos do treinamento e dividir, na proporção que melhor entender, entre os módulos específicos.
{% endhint %}

## <mark style="color:blue;">Quando usar?</mark>

* Para situações em que seja necessário distribuir [Badges e Certificados](/conteudo/estrutura-e-conteudos/badges-e-certificados) atrelados à performance do usuário. É possível entregar diferentes **conquistas** conforme a pontuação obtida.
* Para criar competição (e rankings) entre usuários.
* Para gerar relatórios de gestão a partir dos pontos obtidos pelos usuários, auxiliando no processo de planejamento de novos conteúdos e desafios aplicáveis.

***

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


# Busca

Como funciona a busca dos conteúdos?

A Grano oferece a possibilidade do usuário fazer uma busca livre por palavras-chave, com o intuito de localizar o conteúdo que deseja acessar.

Conteúdos que já foram acessados pelos usuários aparecem nos resultados de busca e ficam disponíveis para nova leitura.

Conteúdos que ainda não foram acessados pelos usuários são exibidos nos resultados, mas permanecem inacessíveis para visualização (até que o usuário os tenha visualizado nos respectivos módulos).

{% hint style="info" %}
**Dica:** todo o cadastro dos cards no LMS deve considerar a inclusão de palavras-chave (do card) que facilitem a posterior localização desse conteúdo pelo usuário final.
{% endhint %}

<figure><img src="/files/US0d7QsCqXQXTXXQbCTh" alt=""><figcaption></figcaption></figure>

***

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


# LMS

LMS é uma sigla para *Learning Management System*, ou Sistema de Gerenciamento de Aprendizagem, em português. É uma ferramenta de gestão de aprendizagem, que auxilia o acompanhamento e análises de desempenho dos usuários nas diferentes trilhas educacionais e treinamentos da plataforma.

<figure><img src="/files/YDHXDrmkbPoAstfFO9Bk" alt=""><figcaption><p>Sistema de Gerenciamento de Aprendizagem - LMS Grano</p></figcaption></figure>

***

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


# Acessando o LMS

Para acessar o LMS da Grano, você deverá entrar em  <https://manager.grano.app/> com seu usuário e senha administrativos.<br>

<figure><img src="/files/ymAXIV0WotcdZiR5a8hR" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Atenção**: Para adicionar usuários administrativos, entre em contato com o [**Time Grano**](mailto:hello@grano.app).
{% endhint %}

***

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


# Home

Ao entrar no LMS, você será levado a nossa [**Home**](https://manager.grano.app/admin), onde poderá acessar facilmente suas Trilhas, Treinamentos, Módulos, Cards e Usuários. Na [**Home**](https://manager.grano.app/admin), também estão disponíveis, para acesso rápido, suas últimas interações no sistema.

<figure><img src="/files/Sk2N6fcjsHiLKn8Yy9il" alt=""><figcaption></figcaption></figure>

***

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


# Dashboard

O [**Dashboard**](https://manager.grano.app/admin/dashboard) é uma ferramenta de gerenciamento que fornece uma visão geral dos dados de aprendizado e do desempenho dos usuários. No LMS Grano, o Dashboard está dividido em duas áreas distintas: Quadros Resumo e Gráficos.&#x20;

## <mark style="background-color:blue;">Quadros Resumo</mark>

Aqui você encontra as principais informações do seu conteúdo e de seus usuários, podendo ainda, visualizar os detalhes de cada quadro.

<figure><img src="/files/7nd7uiJDp5N7J4HXQcah" alt=""><figcaption><p>Quadro Resumo: Conteúdos - LMS Grano</p></figcaption></figure>

<figure><img src="/files/DAEJ2e2fV7e0UhHvEGXd" alt=""><figcaption><p>Quadro Resumo: Usuários - LMS Grano</p></figcaption></figure>

Ao clicar no ícone <img src="/files/qj9FdWCKXA3soTQEynNc" alt="" data-size="line">, uma nova página abrirá trazendo as informações detalhadas da seleção. Também é possível exportar esses dados filtrados em formato CSV.

## <mark style="background-color:blue;">Gráficos</mark>

Diversos gráficos estão disponíveis para que você visualize de forma rápida e simples a performance de seus conteúdos e usuários. Todos os gráficos agora contam com recurso de interatividade, permitindo que você, ao clicar em uma das amostras, possa explorar os detalhes desses dados.

### <mark style="color:blue;">Gráfico: Performance de Trilhas, Treinamentos e Módulos</mark>

<figure><img src="https://lh6.googleusercontent.com/Xyf3GbTY1EYLnigBr__dGzI07j0YO6JkMyClUTK_Zg6dNZz1-Fb-0tEGlmwmoE7HQCvGQGIAj91isXWCmxeWEZAQHZInDA2MxXGRKfA4tkjb-ikU47nVIJoCdXnJTdaMcrqPaqhNX7aJCEDRrR1IRa4" alt=""><figcaption><p>Gráfico Performance de Trilhas, Treinamentos e Módulos - LMS Grano</p></figcaption></figure>

O gráfico "Performance de Trilhas, Treinamentos e Módulos" permite que você selecione Trilhas e/ou Treinamentos e explore conjunto de usuários distribuídos nas diferentes tags que você parametrizou no sistema. As barras empilhadas exibem o tamanho relativo de um grupo de usuários pertencentes a uma tag específica, subdividida por cores com base nos seguintes subgrupos:

* <mark style="background-color:red;">**Não iniciaram**</mark>**:** apresenta os usuários vinculados a uma determinada tag que ainda não iniciaram um módulo, treinamento ou trilha, de acordo com os filtros aplicados (período analisado, trilha, treinamento, tag).
* <mark style="background-color:yellow;">**Iniciaram**</mark>**:** apresenta os usuários vinculados a uma determinada tag que já iniciaram um módulo, treinamento ou trilha, de acordo com os filtros aplicados (período analisado, trilha, treinamento, tag).
* <mark style="background-color:blue;">**Completaram**</mark>**:** apresenta os usuários vinculados a uma determinada tag que iniciaram e completaram um módulo, treinamento ou trilha, de acordo com os filtros aplicados (período analisado, trilha, treinamento, tag).
* **Outros:** usuários que não estão contidos em algum dos filtros aplicados. Por exemplo: Usuário não tem a trilha selecionada; não iniciou o treinamento dentro do range de datas; completou o treinamento fora do range de datas; usuário não tem as tags selecionadas.

O gráfico "Performance de Trilhas, Treinamentos e Módulos" é uma ferramenta de exploração que permite diferentes filtros e combinações, possibilitando uma visão completa, facilitando assim a gestão e acompanhamento da performance dos seus conteúdos e usuários.

### <mark style="color:blue;">Gráfico: Progresso por Trilha</mark>&#x20;

<figure><img src="/files/zwJxwJGeNk5Rg3wMT5hA" alt=""><figcaption><p>Gráfico Progresso por Trilha - LMS Grano</p></figcaption></figure>

O gráfico "Progresso por Trilha" permite que você selecione um período para analisar o progresso de diferentes grupos de usuários associados a uma trilha específica. As barras empilhadas são subdivididas em cores com base nos seguintes subgrupos:

* <mark style="background-color:red;">Não iniciaram</mark>: apresenta os usuários vinculados a uma determinada tag (ou tags) que ainda não iniciaram uma trilha determinada, de acordo com os filtros aplicados (período analisado e tags)
* <mark style="background-color:yellow;">Iniciaram</mark>: apresenta os usuários vinculados a uma determinada tag (ou tags) que já iniciaram uma trilha determinada, de acordo com os filtros aplicados (período analisado e tags)
* <mark style="background-color:blue;">Completaram</mark>: apresenta os usuários vinculados a uma determinada tag (ou tags) que iniciaram e completaram uma trilha determinada, de acordo com os filtros aplicados (período analisado e tags)
* Outros: usuários que não estão contidos em algum dos filtros aplicados. Por exemplo: Usuário não tem a trilha selecionada; não iniciou a trilha dentro do range de datas; completou o treinamento fora do range de datas; usuário não tem as tags selecionadas.

O gráfico "Progresso por Trilha" é uma ferramenta de exploração que permite diferentes combinações de tags para analisar o progresso de usuários nas trilhas cadastradas. Ao clicar em uma das subdivisões de cada barra, é possível visualizar o detalhamento dos usuários contidos em cada subgrupo.&#x20;

### <mark style="color:blue;">Gráfico: Progresso por Tag</mark>

<figure><img src="/files/NsNvC9oT1oVXDFikXnZe" alt=""><figcaption><p>Gráfico Progresso por Tag - LMS Grano</p></figcaption></figure>

O gráfico "Progresso por Tag" permite que você selecione um período para analisar o progresso de usuários pertencentes a uma determinada tag e que estão associados a uma trilha específica. As barras empilhadas são subdivididas em cores com base nos seguintes subgrupos:

* <mark style="background-color:red;">Não iniciaram</mark>: apresenta os usuários vinculados a uma determinada tag que ainda não iniciaram a trilha selecionada, dentro do período analisado.
* <mark style="background-color:yellow;">Iniciaram</mark>: apresenta os usuários vinculados a uma determinada tag que iniciaram a trilha selecionada, dentro do período analisado.
* <mark style="background-color:blue;">Completaram</mark>: apresenta os usuários vinculados a uma determinada tag que completaram a trilha selecionada, dentro do período analisado.
* Outros: usuários que não estão contidos em algum dos filtros aplicados. Por exemplo: Usuário não tem a trilha selecionada; Não iniciou a trilha dentro do range de datas; Usuário não tem as tags selecionadas.

O gráfico "Progresso por Tag" é uma ferramenta de exploração que permite a rápida visualização do progresso de usuários pertencentes a uma determinada tag, dentro de uma trilha específica. Ao clicar em uma das subdivisões de cada barra, é possível visualizar o detalhamento dos usuários contidos em cada subgrupo.&#x20;

### <mark style="color:blue;">Gráfico: Logins na Plataforma</mark>

<figure><img src="/files/mYzcxrI58Tksaavy3IGy" alt=""><figcaption><p>Gráfico Logins na Plataforma - LMS Grano</p></figcaption></figure>

O gráfico "Logins na Plataforma" apresenta o número de usuários pertencentes a uma determinada tag que efetuaram o login na plataforma no período. É possível visualizar os logins distribuídos em Dia, Semana ou Mês. Ao clicar em uma das barras, o sistema abre uma nova página com o detalhe da seleção filtrada.

### <mark style="color:blue;">Gráfico: Ranking Logins vs. Tags</mark>

<figure><img src="/files/CgG05M7Tw7tDpf0z9Zdi" alt=""><figcaption><p>Gráfico Logins vs. Tags - LMS Grano</p></figcaption></figure>

O gráfico "Ranking Logins vs. Tags" apresenta o número de usuários pertencentes a uma determinada tag que efetuaram o login na plataforma no período. É possível visualizar os logins distribuídos por tipo de tags cadastradas no sistema. Ao clicar em uma das barras, o sistema abre uma nova página com o detalhe da seleção filtrada.

### <mark style="color:blue;">Gráfico: Total de Acessos por Hora</mark>

O gráfico "Total de Acessos por Hora" apresenta o número de acessos à plataforma, distribuídos ao longo de 24h. Ao clicar em uma das barras, o sistema abre uma nova página com o detalhe da seleção filtrada.

<figure><img src="/files/DXpYohAUfE213DIW94OP" alt=""><figcaption><p>Gráfico Total de Acessos por Hora - LMS Grano</p></figcaption></figure>

<br>

***

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


# Relatórios

A Grano disponibiliza diversos relatórios para que você faça a gestão dos seus usuários e dos seus conteúdos cadastrados na plataforma. Todos os relatórios permitem a aplicação de diversos filtros e contam com o recurso de exportação (em formato CSV) para que você possa explorar esses dados.

<div align="left"><figure><img src="/files/9FSyg4UfR7OZEDPcbTcA" alt=""><figcaption><p>Relatório "Log de Acessos" - LMS Grano: Aplicação de filtros </p></figcaption></figure></div>

Para gerar um arquivo CSV dos dados filtrados, basta clicar no ícone de download que fica no canto direito da tela.

<div align="left"><figure><img src="/files/Qif1ZjUEX8JhYaH7TCGi" alt=""><figcaption><p>Exportação de dados - LMS Grano</p></figcaption></figure></div>

{% hint style="warning" %}
**Atenção:** Em alguns relatórios existe a coluna **''Cadastrado em''**, essa coluna representa a **data** e **hora** em que o usuário iniciou o conteúdo. Não tem relação com a data e hora que o usuário foi cadastrado no sistema.
{% endhint %}

## <mark style="background-color:blue;">Confira os tipos de relatórios:</mark>

### [<mark style="color:blue;">Log de Acessos</mark>](https://manager.grano.app/admin/user_access)

O relatório "Log de Acessos" permite a visualização de usuários, tags e últimos acessos na plataforma, sendo possível filtrar os dados por Código, Usuário, Usuário ID, Tipo de Usuário, Tags, Cadastrado em, Último acesso em. Também é possível exportar esses dados filtrados em formato CSV.

### [<mark style="color:blue;">Log de Notificações</mark>](https://manager.grano.app/admin/notifications)

O relatório "Log de Notificações" permite a visualização das notificações recebidas pelos usuários na plataforma Grano. O relatório permite a aplicação de diversos filtros, sendo possível exportar esses dados filtrados em formato CSV.

### [<mark style="color:blue;">Usuários vs. Trilhas</mark>](https://manager.grano.app/admin/user_trail_report)

O relatório "Usuários vs. Trilhas" permite a visualização de trilhas, usuários, e-mail, tags associadas a este usuário, status do usuário na trilha, pontuação obtida pelo usuário em determinada trilha e data em que o usuário completou a trilha. Também é possível aplicar diferentes filtros aos dados e exportar esses dados filtrados em formato CSV.&#x20;

**Atenção:** Este relatório exibe dados consolidados até o dia anterior (D-1).

### [<mark style="color:blue;">Usuários vs. Treinamentos</mark>](https://manager.grano.app/admin/track_users_report)

Semelhante ao relatório "Usuários vs. Trilhas", o relatório "Usuários vs. Treinamentos" permite a visualização de treinamentos, usuários, e-mail, tags associadas a este usuário, status do usuário no treinamento, pontuação obtida pelo usuário em determinado treinamento e data em que o usuário completou o treinamento. Também é possível aplicar diferentes filtros aos dados e exportar esses dados filtrados em formato CSV.&#x20;

**Atenção:** Os dados apresentados na coluna "Pontuação" são consolidados até o dia anterior (D-1).

### [<mark style="color:blue;">Usuários vs. Módulos</mark>](https://manager.grano.app/admin/module_users)

O relatório "Usuários vs. Módulos" permite a visualização de módulos, usuários, e-mail, tags associadas a este usuário, status do usuário no módulo, pontuação obtida pelo usuário em determinado módulo e data em que o usuário completou o módulo. A posição atual indica o último card visualizado pelo usuário e a posição máxima indica o total de cards cadastrados em um módulo. É possível aplicar diferentes filtros aos dados e exportar esses dados filtrados em formato CSV.&#x20;

**Atenção:** Os dados apresentados na coluna "Pontuação" são consolidados até o dia anterior (D-1).

### [<mark style="color:blue;">Usuários vs. Cards</mark>](https://manager.grano.app/admin/card_users)

O relatório "Usuários vs. Cards" permite a visualização de cards, usuários, tags associadas a este usuário, resposta/acertou e data em que o usuário acessou (visualizou/respondeu) o card. É possível aplicar diferentes filtros aos dados e exportar esses dados filtrados em formato CSV.

### [<mark style="color:blue;">Usuários vs. Cards</mark>](https://manager.grano.app/admin/card_users) <mark style="color:blue;">(Quiz)</mark>

O relatório "Usuários vs. Cards (Quiz)" permite a visualização específica para cards de pergunta, mostrando qual foi a resposta do usuário, se errou/acertou e data em que o usuário acessou (respondeu) o card. É possível aplicar diferentes filtros aos dados e exportar esses dados filtrados em formato CSV.

### [<mark style="color:blue;">Usuários vs. Badges</mark>](https://manager.grano.app/admin/badge_users)

O relatório "Usuários vs. Badges" permite a visualização de badges, usuários, tags associadas a este usuário, texto do certificado, duração do módulo, pontuação obtida e imagem do certificado/badge. É possível aplicar diferentes filtros aos dados e exportar esses dados filtrados em formato CSV.

### [<mark style="color:blue;">Trilhas vs. Tags</mark>](https://manager.grano.app/admin/tag_report)

O relatório "Trilhas vs. Tags" permite a visualização de tags cadastradas no LMS e suas associações a determinadas trilhas. É possível aplicar diferentes filtros aos dados e exportar esses dados filtrados em formato CSV.

### [<mark style="color:blue;">Performance vs. Trilhas</mark>](https://manager.grano.app/admin/score_trail_users_report)

O relatório "Performance vs. Trilhas" exibe a performance de um grupo de usuários, associados a uma determinada trilha. É possível visualizar o total de usuários vinculados a uma trilha específica, o percentual de progresso desses usuários na trilha, a pontuação média obtida pelos usuários e a pontuação máxima que é possível atingir na trilha analisada. Através deste relatório você pode obter dados importantes sobre o desempenho geral de usuários em uma trilha e  identificar possíveis ações necessárias para garantir o engajamento e melhor aproveitamento dos conteúdos pelos usuários. Os dados disponíveis nos relatórios de performance são D-1, ou seja, atualizados até o dia anterior a sua consulta.&#x20;

**Atenção:** Este relatório exibe dados consolidados até o dia anterior (D-1).

### [<mark style="color:blue;">Performance vs. Treinamento</mark>](https://manager.grano.app/admin/score_track_users_report)

O relatório "Performance vs. Treinamento" exibe a performance de um grupo de usuários em um determinado treinamento. É possível visualizar o total de usuários vinculados a um treinamento específico, o percentual de progresso desses usuários no treinamento, a pontuação média obtida pelos usuários (média ponderada) e a pontuação máxima que é possível atingir no treinamento analisado. Através deste relatório você pode obter dados importantes sobre o desempenho geral de usuários em um treinamento e  identificar possíveis ações necessárias para garantir o engajamento e melhor aproveitamento dos conteúdos pelos usuários. Também é possível aplicar filtros e exportar o relatório em formato CSV. Os dados disponíveis nos relatórios de performance são D-1, ou seja, atualizados até o dia anterior a sua consulta.&#x20;

**Atenção:** Este relatório exibe dados consolidados até o dia anterior (D-1).

### [<mark style="color:blue;">Performance vs. Módulos</mark>](https://manager.grano.app/admin/score_module_users_report)

O relatório "Performance vs. Módulos" exibe a performance de um grupo de usuários em um determinado módulo. É possível visualizar o total de usuários vinculados a um módulo específico, o percentual de progresso desses usuários no módulo, a pontuação média obtida pelos usuários (média ponderada) e a pontuação máxima que é possível atingir no módulo analisado. Através deste relatório você pode obter dados importantes sobre o desempenho geral de usuários em um módulo e  identificar possíveis ações necessárias para garantir o engajamento e melhor aproveitamento dos conteúdos pelos usuários. Também é possível aplicar filtros e exportar o relatório em formato CSV. Os dados disponíveis nos relatórios de performance são D-1, ou seja, atualizados até o dia anterior a sua consulta.&#x20;

**Atenção:** Este relatório exibe dados consolidados até o dia anterior (D-1).<br>

***

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


# Usuários

O administrador precisa cadastrar no LMS todos os usuários que precisam ter acesso à plataforma. Funciona como um pré-cadastro, onde você libera o conteúdo para usuários selecionados.

Confira como fazer a edição ou adição de usuários.

## <mark style="color:blue;">Logins</mark>

O menu Usuários > Logins <https://manager.grano.app/admin/users> é onde você faz a gestão dos usuários da plataforma. Através desse menu, você pode cadastrar, editar, visualizar e excluir usuários.

Além disso, é possível exportar a lista de usuários em formato CSV; para isso, basta clicar no ícone de download que fica no canto direito da tela.

<div align="left"><figure><img src="/files/Qif1ZjUEX8JhYaH7TCGi" alt=""><figcaption></figcaption></figure></div>

Você pode editar o usuário clicando no ícone "lápis" ou deletar o usuário clicando no "Mais":

![](/files/gu6KJlBTDnGL5u6AhRkU)

### <mark style="background-color:blue;">Adicionando um usuário</mark>

Caso queira adicionar um usuário, basta clicar em "Adicionar Usuário"

![](/files/zvVdScEjE1bWxnFpsrTX)

A seguir, preencha as informações solicitadas:

<mark style="background-color:yellow;">**Cliente**</mark>

Selecione a sua empresa:

<figure><img src="/files/CV481WoL2zA71VbOzQO0" alt=""><figcaption></figcaption></figure>

<mark style="background-color:yellow;">**Tipo**</mark>

Selecione o tipo do usuário:

* **Usuário** = Usuário normal
* **Reviewer** = Utilizado para usuários que realizam revisões e testes na plataforma. Usuários do tipo Reviewer não são contabilizados nas estatísticas.

<div align="left"><figure><img src="/files/2UP98Kt2Ez1ZxyqVqbTk" alt=""><figcaption></figcaption></figure></div>

<mark style="background-color:yellow;">**Nome**</mark>

Informe o nome completo do usuário:

<div align="left"><figure><img src="/files/Pv9tH0QTanoGskuwvkEv" alt=""><figcaption></figcaption></figure></div>

{% hint style="warning" %}
**Atenção**: Certifique-se que o nome do usuário está correto, pois será esse nome que ficará registrado nos certificados emitidos através da plataforma. Uma vez gerado, o certificado não poderá ser alterado.
{% endhint %}

<mark style="background-color:yellow;">**E-mail**</mark>

Informe o E-mail do usuário; será utilizado para autenticação e para ativar a conta.

<figure><img src="/files/n2ucqzanaHna7qLu8JUq" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Atenção**: Toda a comunicação da plataforma se dá através do e-mail cadastrado. Certifique-se que este esteja correto.
{% endhint %}

<mark style="background-color:yellow;">**Senha**</mark>

Na Grano é possível cadastrar uma senha para o usuário ou permitir que o usuário crie sua própria senha. Caso opte por permitir que o usuário crie sua senha, deixe esse campo em branco.

<div align="left"><figure><img src="/files/OyRZGAmx3i1FtYIdKcHJ" alt=""><figcaption></figcaption></figure></div>

<mark style="background-color:yellow;">**Identificador de Acesso (CPF/Email/Código)**</mark>

O Identificador de Acesso será utilizado para a ativação da conta e para fazer o login na plataforma, por isso, é importante comunicar ao usuário, durante o processo de ativação do seu ambiente, para que ele possa realizar corretamente a ativação do seu usuário na plataforma. É possível utilizar **um** dos 3 tipos de identificador: CPF **OU** E-mail **OU** até mesmo, um Código que você atribua aos usuários.

<div align="left"><figure><img src="/files/tt7FSQ2S1EmpPEuTUait" alt=""><figcaption></figcaption></figure></div>

{% hint style="danger" %}
**Atenção:** Esse campo deve ser preenchido de acordo com o que está configurado em [Parâmetros Gerais](/conteudo/lms/setup-do-cliente/parametros-gerais). A configuração padrão de identificador de acesso é o **e-mail**. \
\
Caso você queira trocar, entre em contato com o [**Time Grano**](mailto:hello@grano.app) e solicite ajuda. A alteração desses campos poderá afetar o acesso de usuários à plataforma, por isso, não recomendamos a edição sem auxílio do Time da Grano.
{% endhint %}

<mark style="background-color:yellow;">**Thumb**</mark>

Não é obrigatório. Pode ser utilizada uma imagem 600x600px para identificar esse usuário.

<figure><img src="/files/inFTdxHn92KT5SZhP2pB" alt=""><figcaption></figcaption></figure>

<mark style="background-color:yellow;">**Habilitado**</mark>

Ative essa opção se você deseja que esse usuário consiga acessar a plataforma.

<div align="left"><figure><img src="/files/IKw6nutSG86K0RNRpMC8" alt=""><figcaption></figcaption></figure></div>

<mark style="background-color:yellow;">**Usuário Suspenso (por ele)?**</mark>

Essa opção estará ativada caso o usuário suspenda a conta dele pelo menu ''minha conta''.

<div align="left"><figure><img src="/files/tVJBb2JmuEXOu8DgnJ2D" alt=""><figcaption></figcaption></figure></div>

<mark style="background-color:yellow;">**Tags**</mark>

Adicione a tag vinculada à Trilha (ou Trilhas) que o usuário poderá acessar.

Clique em **''Vincular Tags''**

<div align="left"><figure><img src="/files/apJDsXUuJ19Yba9LVEvI" alt=""><figcaption></figcaption></figure></div>

A seguir, clique em "**Adicionar Tag"**

<div align="left"><figure><img src="/files/FT6zBAKTnBXHaDuFd4Av" alt=""><figcaption></figcaption></figure></div>

Selecione a tag desejada

<div align="left"><figure><img src="/files/tzsucE8l9jrhFRud9Tra" alt=""><figcaption></figcaption></figure></div>

E por último, clique em **''Salvar Tag''**

<div align="left"><figure><img src="/files/Oi8uny2KHMOWrTtFreCW" alt=""><figcaption></figcaption></figure></div>

Após ter adicionado todas as informações, clique em **''Salvar Usuário''** no final da página.

<div align="left"><figure><img src="/files/3EpPRuUtplDxhvxkrIvi" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
**Atenção**: São as tags que determinam qual conteúdo cada usuário poderá ver na plataforma. Se não houver o vínculo de tags ao usuário, ele não poderá acessar os conteúdos.
{% endhint %}

### <mark style="color:blue;">**Confira o passo a passo em Vídeo:**</mark>

O passo a passo considera o padrão, ou seja, o identificador de acesso é o **e-mail** do usuário.

{% embed url="<https://player.vimeo.com/video/917159598>" %}

### <mark style="background-color:blue;">**Restaurando um usuário**</mark>

Caso queira recuperar um usuário que foi excluído, basta clicar em "Restaurar Logins" e através do filtro, buscar o usuário que deseja restaurar.

<div align="left"><figure><img src="/files/N3Ip24bMk9OWQRxZ40TC" alt=""><figcaption></figcaption></figure></div>

Ao encontrar o usuário, vá na coluna "Ações" (última à direita da tabela), clique em "Mais" e em seguida, "Restaurar".

<div align="left"><figure><img src="/files/Eryqb4Wjrm0vI0NwoKCI" alt=""><figcaption></figcaption></figure></div>

A Grano também conta com uma ferramenta de importação de usuários, para facilitar o cadastro de grandes grupos. Verifique na página **"Ferramentas"** > **''Importação''**

***

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


# Fale Conosco

## <mark style="color:blue;">Mensagens</mark>

Nesse menu, você pode visualizar as mensagens enviadas através do "**Fale Conosco**", disponível aos usuários na plataforma. Essa é uma ferramenta de visualização. Toda a gestão (respostas/comunicação) deve ser realizada através das ferramentas já utilizadas por sua empresa.

<div align="left"><figure><img src="/files/qh5DFZtiMFhqzI2ZCvOu" alt=""><figcaption><p>Formulário de Contato disponível para os usuários da plataforma Grano</p></figcaption></figure></div>

## <mark style="color:blue;">Assuntos</mark>

Para facilitar a gestão de mensagens recebidas através da plataforma, você pode cadastrar diferentes assuntos que englobam as principais dúvidas dos usuários. Lembre-se sempre de cadastrar a opção "Outro" para aquelas dúvidas que não se enquadrem nas outras opções que você disponibilizou.

<div align="left"><figure><img src="/files/gEybsQEq3oneCrAr3Npe" alt=""><figcaption></figcaption></figure></div>

Clique em Adicionar Assunto

<div align="left"><figure><img src="/files/QPyQWMiGeg6V3bvwd352" alt=""><figcaption></figcaption></figure></div>

Adicione o nome do assunto e informe se ele está **habilitado** ou não.

<div align="left"><figure><img src="/files/J0MxbeQLCls4N84fFY0u" alt=""><figcaption></figcaption></figure></div>

Clique em **Salvar Assunto**

<div align="left"><figure><img src="/files/eVZB6S1llVJTrRaFzLcr" alt=""><figcaption></figcaption></figure></div>

Repita o processo se desejar adicionar mais assuntos.

***

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


# Ferramentas

A ferramenta de "Importação" permite que você realize a importação de Usuários, Tags e atribua Tags a usuários.

![](/files/sNGBgNL1tTLHUGYhzoLi)

## [<mark style="color:blue;">Importar Usuários</mark>](https://manager.grano.app/admin/import_grano/users)<mark style="color:blue;">:</mark>

Utilize nosso arquivo de importação de usuários para facilmente cadastrar grupos de usuários. O arquivo está disponível no LMS, no menu Ferramentas > Importação > [Importar Usuários](https://manager.grano.app/admin/import_grano/users).

No topo da página é possível baixar um template de importação de usuários:

<div align="left"><figure><img src="/files/ZRNoMuLCsujN9mtf1F8D" alt=""><figcaption></figcaption></figure></div>

<figure><img src="/files/pnUDfg2I1gczvJX5zoHI" alt=""><figcaption><p>Arquivo xlsx - Importação de Usuários - LMS Grano</p></figcaption></figure>

Preencha os dados dos usuários no arquivo:

* <mark style="background-color:yellow;">**Nome:**</mark> informe o Nome do Usuário (esse nome será utilizado para os certificados e *badges* da plataforma). Preenchimento obrigatório.
* <mark style="background-color:yellow;">**E-mail:**</mark> informe o E-mail do usuário; será utilizado para autenticação e para ativar a conta. Obrigatório.
* <mark style="background-color:yellow;">**Identificação:**</mark> pode ser CPF, E-mail ou um Código que você atribua aos usuários. Essa informação será utilizada para a ativação da conta e deve ser informada ao usuário. Obrigatório.
* <mark style="background-color:yellow;">**Senha:**</mark> não é obrigatória. Adicionar caso deseje gerar os acessos com uma senha pré-determinada. Caso essa coluna não seja usada você deve excluí-la da planilha.
* <mark style="background-color:yellow;">**Identificação - Recuperação:**</mark> não é obrigatória; auxilia o usuário a identificar o e-mail de acesso caso tenha esquecido. Caso essa coluna não seja usada você deve excluí-la da planilha.

{% hint style="warning" %}
**Atenção:** o arquivo a ser importado **não** deve conter linhas ou colunas em branco (sem preenchimento).
{% endhint %}

A importação dos usuários serve também para relacionar novas *tags* aos usuários. Caso o usuário informado no ***xlsx*** já tenha sido importado, é ignorada a criação, porém, é relacionado as *tags* informadas no formulário.

Para importar os usuários, selecione "**Cliente**", "**Tipo de Usuário**" (Usuário ou *Reviewer*; este último é utilizado para usuários que realizam as revisões e testes na plataforma). Informe as ***tags*** que serão relacionadas aos usuários importados.

<div align="left"><figure><img src="/files/vrUaGVRkCCRdXM1bQq94" alt=""><figcaption></figcaption></figure></div>

Selecione a opção "Atualizar dados de usuários (Nome/E-mail) já existentes" caso se aplique:

<div align="left"><figure><img src="/files/avV66yZ1vinxrur783Vk" alt=""><figcaption></figcaption></figure></div>

Clique em "Browse" para buscar o arquivo xlsx em seu computador:

<div align="left"><figure><img src="/files/DEHfXi0DxhhEhPyzMaH6" alt=""><figcaption></figcaption></figure></div>

Logo após, clique em "Salvar Importação dos Usuários".

<div align="left"><figure><img src="/files/3cez4UcUyBpYu9S6PrSD" alt=""><figcaption></figcaption></figure></div>

Se o usuário informado já estiver cadastrado no sistema (CPF/Cliente), será ignorado o cadastro do usuário mas as *tags* informadas serão relacionadas. Sendo assim, é possível utilizar a importação para relacionar *tags* aos usuários informados no Excel.

{% hint style="warning" %}
Atenção: Qualquer erro na importação invalida todos os dados do XLS. É preciso ajustar o arquivo e publicar novamente.
{% endhint %}

### <mark style="color:blue;">**Confira o passo a passo em Vídeo:**</mark>

{% embed url="<https://player.vimeo.com/video/917160049>" %}

## [<mark style="color:blue;">Importar Tags</mark>](https://manager.grano.app/admin/import_grano/rooms)<mark style="color:blue;">:</mark>

Utilize nosso arquivo de importação de *tags* para facilmente cadastrar suas *tags* no LMS. O arquivo está disponível no menu Ferramentas > Importação > [Importar Tags](https://manager.grano.app/admin/import_grano/rooms) (ou [**clique aqui**](https://manager.grano.app/import/importacao_salas.xlsx) para baixar o arquivo):&#x20;

<figure><img src="/files/io89WVsmYfGrc8loguzE" alt=""><figcaption></figcaption></figure>

Após preencher a planilha, realize a importação. Informe:

* Cliente
* Tipo da *tag* que vai ser importada: todas as *tags* do EXCEL importarão com esse tipo. Os tipos de *tag* disponíveis são: Cliente, Unidade, Sala, Custom. Geralmente é importado *tags* do tipo "Sala".
* Tag mãe: a lista de *tags* informadas no Excel pertencem a essa *tag*. Geralmente será selecionada uma *tag* do tipo "Unidade" nesta seleção.
* Arquivo de importação (XLSX): selecione o arquivo a ser importado

Logo após, clique em "Salvar Importação de Tags".

{% hint style="warning" %}
**Atenção:** o arquivo a ser importado **não** deve conter linhas em branco (sem preenchimento).
{% endhint %}

## [<mark style="color:blue;">Tags vs. Usuários</mark>](https://manager.grano.app/admin/import_grano/tagUsers)<mark style="color:blue;">:</mark>

Utilize essa ferramenta para remover ou inserir *tags* (previamente cadastradas) de usuários ou de uma seleção de usuários, de uma forma rápida e simples.

Filtre os usuário que deseja editar:

![](/files/HTWdU4ywyYzApBAUTL8P)

Selecione:

* Tags para remover: selecione as tags a serem "removidas" dos usuários filtrados.

E/ou

* Tags para inserir: selecione as tags a serem "inseridas" nos usuários filtrados.

<div align="left"><figure><img src="/files/DIz6PwsNuyTilxR2cn2S" alt=""><figcaption></figcaption></figure></div>

Logo após, clique em "Aplicar Tags nos Usuários Listados".

<div align="left"><figure><img src="/files/X2YavbyoVlGeBtaNUkWu" alt=""><figcaption></figcaption></figure></div>

{% hint style="warning" %}
**Importante:** As *tags* serão aplicadas nos usuários listados na tabela (em qualquer página). Caso seja aplicado um **filtro**, a *tag* será aplicada **somente** nos usuários filtrados.
{% endhint %}

***

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


# Setup do cliente

Nesse menu ficam todos os conteúdos para customização da plataforma.

Confira a edição e configuração dos itens abaixo nas próximas páginas.

![](/files/lJcZNXwYQohqcJogopLR)

***

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


# Parâmetros Gerais

Neste item do menu você pode visualizar, cadastrar e editar os parâmetros gerais do seu cadastro no LMS.

&#x20;[**Parâmetros gerais**](https://manager.grano.app/admin/clients) que você pode editar:

## <mark style="color:blue;">**GERAL**</mark>

<mark style="background-color:yellow;">**Tipo da Home:**</mark> Você pode selecionar se a Home da plataforma será **Padrão** (ao abrir a plataforma o usuário verá as trilhas diretamente) ou se será uma Home **Com Categoria** (o usuário verá categorias e, ao acessar alguma, ele verá as trilhas).

<div align="left"><figure><img src="/files/ZNUEsYW5IJjWV487Nptt" alt=""><figcaption></figcaption></figure></div>

<mark style="color:blue;">**Exemplo de Home Padrão:**</mark>

<figure><img src="/files/k4J06sOYLvOZqSzVvLF3" alt=""><figcaption></figcaption></figure>

<mark style="color:blue;">**Exemplo de Home com Categoria:**</mark>

<figure><img src="/files/qlpZPPuZWPUNUpxvv5iY" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Confira em [**Categorias | Pré-Home**](/conteudo/estrutura-e-conteudos/categorias-greater-than-pre-home) como cadastrar e habilitar as categorias para o seu conteúdo.
{% endhint %}

<mark style="background-color:yellow;">**URL Tutorial:**</mark> Você pode colocar um treinamento geral para que o usuário visualize assim que logar na plataforma.

<figure><img src="/files/TSsfvsDKaIE0w1O4StNc" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">VISUAL</mark>

Na parte **visual** você pode alterar o seu logo (versão *<mark style="background-color:yellow;">**dark**</mark>* e versão *<mark style="background-color:yellow;">**light**</mark>*) e o <mark style="background-color:yellow;">**ícone**</mark> que é usado para o WebApp (quando o usuário cria um atalho do *link* no celular).

* O <mark style="background-color:yellow;">**logo dark**</mark> é usado no *header* do desktop

<div align="left"><figure><img src="/files/sUJ4xxBY9zQaGnWNb0VY" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/L7h4RK3t8Vq4s6eix029" alt=""><figcaption></figcaption></figure></div>

* O <mark style="background-color:yellow;">**logo light**</mark> é usado no *header* do *mobile* e na tela de *login*.

<div align="left"><figure><img src="/files/tNQgnDWQqOIaJLlDIKWM" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/ILmbHgI4P7QWqSw7Y1m6" alt=""><figcaption></figcaption></figure></div>

<figure><img src="/files/8OvfZsJtzAcLLMXpwKRg" alt=""><figcaption></figcaption></figure>

* O <mark style="background-color:yellow;">**ícone**</mark> é usado para o WebApp (quando o usuário cria um atalho do link no celular).

<img src="/files/x4ydmapr2uYxgdQS7qjc" alt="" data-size="original">

## <mark style="color:blue;">E-MAIL</mark>

Aqui você pode alterar o <mark style="background-color:yellow;">**e-mail de contato**</mark> que recebe os e-mails enviados através do formulário de contato.

<div align="left"><figure><img src="/files/V0bYui2S1lnWeKVLYkQQ" alt=""><figcaption></figcaption></figure></div>

Também é possível alterar o *<mark style="background-color:yellow;">**header**</mark>*<mark style="background-color:yellow;">**&#x20;**</mark><mark style="background-color:yellow;">**e**</mark><mark style="background-color:yellow;">**&#x20;**</mark>*<mark style="background-color:yellow;">**footer**</mark>*<mark style="background-color:yellow;">**&#x20;**</mark><mark style="background-color:yellow;">**dos e-mails**</mark> padrão que são enviados na plataforma.

<div align="left"><figure><img src="/files/2Sb3ATJ8rpYJnAqoAoRi" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/irF32WlODrp7xwAQHkEA" alt=""><figcaption></figcaption></figure></div>

## <mark style="color:blue;">NOTIFICAÇÕES</mark>

Em notificações você pode ativar ou desativar as notificações que são enviadas por e-mail aos usuários, após completar um treinamento ou conquistar um *badge*.

<div align="left"><figure><img src="/files/FeDiEUBQhvfSotkms69u" alt=""><figcaption></figcaption></figure></div>

## <mark style="color:blue;">MENU</mark>

Aqui é possível ativar ou desativar as páginas/menus da plataforma que o usuário poderá visualizar.

<div align="left"><figure><img src="/files/j5N8DMBkZ7kEg3YOucku" alt=""><figcaption></figcaption></figure></div>

{% hint style="danger" %}
Caso você queira editar o **idioma**, o **identificador de acesso**, o **ID do Google Analytics** ou algum **texto**, entre em contato com o [**Time Grano**](mailto:hello@grano.app) e solicite ajuda. A alteração desses campos poderá afetar o acesso de usuários à plataforma, por isso, não recomendamos a edição sem auxílio do Time da Grano.
{% endhint %}

Ao final, lembre-se de salvar as informações editadas no botão ''Salvar Parâmetros Gerais". As informações podem demorar alguns minutos para aparecerem na plataforma.

<div align="left"><figure><img src="/files/zN3sdcS1WkN5xTIatC1a" alt=""><figcaption></figcaption></figure></div>

***

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


# Temas

Aqui você pode visualizar e editar as cores utilizadas por sua empresa na plataforma.

Para editar, acesse <https://manager.grano.app/admin/theme_colors> e clique no lápis de edição.

<div align="left"><figure><img src="/files/rMkH0xyYZonT1FwhwUN8" alt=""><figcaption></figcaption></figure></div>

Você verá a lista de todas as cores que são utilizadas:

### **Primary:**

Cor principal do cliente. Utilizada em botões, títulos, textos e cores de fundo.&#x20;

### **Secondary:**

Cor secundária do Cliente. Utilizado em botões, títulos, textos e cores de fundo.

### **Tertiary:**

Cor terciária do Cliente. Utilizado muito pouco, em alguns textos.

### **Error:**

Cor utilizada em alertas, avisos, e na resposta errada de cards do tipo pergunta/resposta.

### **Warning:**

Cor utilizada em alertas, avisos, e na resposta certa de cards do tipo pergunta/resposta.

### **Gray:**

Cor de fundo da aplicação e utilizada em alguns textos. Ex.: Home

### **Dark gray:**

Cor utilizada em textos. Ex.: FAQ

### **Light gray:**

Cor utilizada na barra de progresso e no card de treinamento/módulo.

Para editar qualquer cor é só clicar em cima do retângulo e selecionar a cor desejada ou digitar o código. Caso queira colocar o código em HSL ou HEX, basta clicar em cima do RGB.

<div align="left"><figure><img src="/files/JbAG4g22bmt5EZ1aD43y" alt=""><figcaption></figcaption></figure></div>

## Veja a seguir, alguns exemplos de onde as cores são utilizadas:

<div align="center"><figure><img src="/files/xdtZgCGEwFppmgmbGjhT" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
Caso queira realizar alguma alteração e tenha dificuldade, solicite ajuda ao **Time Grano** através do e-mail <hello@grano.app>
{% endhint %}

***

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


# E-mails do Sistema

Neste item é possível editar e cadastrar os templates dos e-mails enviados através da Grano. Notificações como Primeiro Acesso, Recuperar Senha, Bem-vindo e Contato.

Esses e-mails podem ser personalizadas de acordo com as preferências de sua empresa.

{% hint style="info" %}
**Atenção:** Caso **não seja** cadastrado um template específico para o cliente, é utilizado o default da plataforma (templates que não tem Cliente vinculado, com o tema e cores da Grano).
{% endhint %}

Para cadastrar ou editar os templates de e-mails, [**clique aqui**](https://manager.grano.app/admin/client_template_emails).

Na parte inicial da página está disponível uma lista com *links* onde é possível visualizar cada um dos e-mails:

<div align="left"><figure><img src="/files/Zd9RYuPzGJMdoN2p6j0U" alt=""><figcaption></figcaption></figure></div>

Para alterar os textos dos e-mails basta clicar no lápis de edição:

<div align="left"><figure><img src="/files/NKc0BZwBGLDDqhYSj7FB" alt=""><figcaption></figcaption></figure></div>

{% hint style="danger" %}
**Atenção: Muito cuidado** ao editar os templates, **não altere** as variáveis ou mexa nos *links* dos textos (marcado em vermelho), pois isso pode desconfigurar os templates dos e-mails e impedir o acesso dos usuários. Sugerimos que você altere apenas o texto do miolo e a *hashtag* do final do e-mail (marcado em verde). Veja a imagem a seguir:
{% endhint %}

<div align="left"><figure><img src="/files/Qzl2YSpsttlxWMtuGAUK" alt=""><figcaption><p>Exemplo de template de e-mail de "Recuperar Senha" - LMS Grano</p></figcaption></figure></div>

{% hint style="warning" %}
**Importante:** As alterações nos templates demoram cerca de 10 minutos para serem aplicadas.
{% endhint %}

***

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


# FAQs

Cadastre e edite as principais dúvidas de seus usuários.

Clique em "[**Adicionar FAQ**](https://manager.grano.app/admin/faqs)"

<div align="left"><figure><img src="/files/vFLcISPiCxwpu4NNrKGX" alt=""><figcaption></figcaption></figure></div>

Informe o "**Título"** (Dúvida), cadastre a resposta dessa dúvida em "**Texto**" e habilite a pergunta para que apareça na página "**Dúvidas Frequentes**".

<div align="left"><figure><img src="/files/YLEeUpmRNbtzZRiVMsoQ" alt=""><figcaption></figcaption></figure></div>

Após finalizar, lembre-se de clicar em "**Salvar FAQ**".

Na página das perguntas no LMS é possível selecionar a ordem em que as dúvidas aparecem na plataforma, editar e excluir se necessário.

<div align="left"><figure><img src="/files/k5RIoAIrmvX25yQzP24z" alt=""><figcaption></figcaption></figure></div>

***

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


# LGPD - Textos

No item LGPD você deverá cadastrar os Termos de Uso e Política de Privacidade aplicáveis ao seu negócio.

Esses documentos são essenciais no processo de adequação à LGPD (Lei Geral de Proteção de Dados).

A Grano disponibiliza os modelos desses documentos mas é **altamente recomendado** que você verifique com o seu Departamento Jurídico e faça as adequações necessárias que **atendam às especificidades da sua empresa.**

Para adicionar um texto, basta clicar no botão ''Adicionar Textos''

<div align="left"><figure><img src="/files/YhiQekzggbsF0m22zcng" alt=""><figcaption></figcaption></figure></div>

Selecione o tipo:

<div align="left"><figure><img src="/files/xRoDLYtGAUJx3BkoSWA8" alt=""><figcaption></figcaption></figure></div>

Adicione o **Título**, o **Texto** e habilite essa FAQ:

<div align="left"><figure><img src="/files/CTOSlC7Om2Hy79cizPf7" alt=""><figcaption></figcaption></figure></div>

Ao final, clique em Salvar Textos:

![](/files/FgBYhbJext7G7tJRevT4)

Caso queira alterar algum texto já cadastrado no LMS, basta clicar no lápis de edição, fazer as alterações necessárias e depois, clicar em "Salvar Textos".

![](/files/9baMjWwYDglyNtMwWrEl)

***

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


# Inscrição vs. Tags

Esse item permite que o LMS auto-carimbe tags em usuários que entrarem pela primeira vez na plataforma, pelo link do "Meu Primeiro Acesso"

É utilizado para campanhas nas quais o administrador deseje disponibilizar trilhas específicas a uma determinada quantidade de usuários, pela ordem de entrada na plataforma. Encontre essa seção no endereço: <https://manager.grano.app/admin/client_add_tags>

### Como funciona?

Digamos que você tenha uma Trilha "A", com vagas limitadas (apenas para os 50 primeiros que realizarem o fluxo do "Meu Primeiro Acesso"). Criando aqui os parâmetros, os usuários de 1 a 50 receberão a tag automaticamente (e o respectivo acesso à Trilha) e os usuários do número 51 em diante não poderão ter acesso a tal trilha.

Funcionalmente, ao clicar em "Adicionar Inscrição vs. Tag":

<div align="left"><figure><img src="/files/5R6uKlf9s1jitJg4UBxA" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**Campo "Nome":**</mark> nome da campanha.
* <mark style="background-color:yellow;">**Campo "Grupo":**</mark> serve para casos em que você queira classificar usuários em "Grupos" conforme a ordem de entrada na plataforma.
* <mark style="background-color:yellow;">**Tag:**</mark> Selecione a tag que esse grupo deve receber ao fazer a inscrição.

{% hint style="info" %}
O campo "Grupo" possibilita fechar "lotes" de usuários. Por exemplo:&#x20;

Digamos que, no exemplo anterior, o administrador queira que os usuários "51 a 100" também recebam a mesma tag, mas com uma data de início posterior. Nesse caso, os primeiros 50 seriam "Grupo 1" (por exemplo); e os usuários entre 51-100, "Grupo 2".
{% endhint %}

* <mark style="background-color:yellow;">**Campo "Inicia em":**</mark> define a data em que o usuário que entrou na plataforma receberá a respectiva tag.
* <mark style="background-color:yellow;">**Campo "Finaliza em":**</mark> define a data máxima em que o usuário pode receber a respectiva tag.
* <mark style="background-color:yellow;">**Campo "Total":**</mark> quantidade de "vagas" disponíveis na tag específica. Quando a quantidade for totalmente preenchida, o LMS assignará a próxima tag (caso haja outro registro), para o próximo usuário que entrar na plataforma, automaticamente, na data indicada no campo "Inicia em" do próximo Grupo.

{% hint style="warning" %}
**Atenção:** Lembre-se de colocar a tag do grupo na trilha para que os usuários consigam acessar. Caso você queira disponibilizar o conteúdo um tempo depois da inscrição, você deve colocar a tag na trilha apenas na data desejada.
{% endhint %}

***

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


# Landing Page

Uma página para que os usuários façam a sua própria inscrição e recebam uma tag automaticamente para ter acesso aos seus conteúdos.

Agora os Clientes da Grano podem criar, via LMS, suas Landing Pages personalizadas para captação de novos usuários. Ao divulgar essa página, qualquer usuário poderá se cadastrar e navegar livremente nas trilhas e conteúdos pré-definidos pelo Cliente.

É uma maneira rápida e simples de distribuir conteúdos (aqueles que o Cliente queira disponibilizar em formato aberto), sem a necessidade de um pré-cadastro ou carga manual de logins via LMS.

Confira o exemplo da Landing Page da Grano para entender seu funcionamento: <https://edu.grano.app/cadastro/trial>&#x20;

{% hint style="danger" %}
**Atenção:** A URL da Landing Page é pública, ou seja, qualquer pessoa com acesso ao link dessa Landing Page poderá fazer a inscrição na plataforma.
{% endhint %}

## <mark style="color:blue;">Como cadastrar e configurar uma Landing Page</mark>

No menu [**Lista - Landing pages**](https://manager.grano.app/admin/landings) clique em "Adicionar Landing Page"

<div align="left"><figure><img src="/files/6HZk7Xa5elMxcSQA34Br" alt=""><figcaption></figcaption></figure></div>

No campo <mark style="background-color:yellow;">**Alias**</mark> adicione o texto que você quer que fique na URL da Landing Page. O padrão é ***nomedocliente.grano.app/cadastro/alias*** \
Por exemplo, o Alias da Landing Page da Grano é **trial**, então a nossa URL fica ***edu.grano.app/cadastro/trial***

<div align="left"><figure><img src="/files/nBye6jF8kDEi7JCgpkFz" alt=""><figcaption></figcaption></figure></div>

No campo <mark style="background-color:yellow;">**Título**</mark>, você pode adicionar um título para a sua Landing Page. Esse campo é opcional.

<div align="left"><figure><img src="/files/EC1dgwZR0JAoFLkebA8T" alt=""><figcaption></figcaption></figure></div>

No campo <mark style="background-color:yellow;">**Subtítulo**</mark>, você pode adicionar um título para a sua Landing Page. Esse campo é opcional.

<div align="left"><figure><img src="/files/14U7Os3olzHtGj3B5r0a" alt=""><figcaption></figcaption></figure></div>

No campo <mark style="background-color:yellow;">**Texto**</mark> você pode adicionar o conteúdo que aparecerá **logo abaixo do seu Título e Subtítulo**, ou seja, aparecerá ao lado esquerdo da sua página. Aqui você pode adicionar texto e imagens.

<div align="left"><figure><img src="/files/EOWB9jZK5P0X6bxr7Qz1" alt=""><figcaption></figcaption></figure></div>

No campo <mark style="background-color:yellow;">**Texto - Direita (Texto de apoio)**</mark> você pode adicionar o conteúdo que aparecerá **logo acima do formulário de contato**, ou seja, que aparecerá ao lado direito da sua página.

<div align="left"><figure><img src="/files/6FGmcq2u8ptSg14wzkpo" alt=""><figcaption></figcaption></figure></div>

Agora é hora de adicionar as imagens do **Header e do Footer** para personalizar a sua Landing Page.

Para o <mark style="color:orange;">**header**</mark>, você pode produzir imagens mais elaboradas, que tenham o seu logo, imagens, ilustrações, etc.&#x20;

No campo <mark style="background-color:yellow;">**Imagem - Header (1920x...)**</mark> adicione uma imagem jpg que tenha 1920px de largura. A altura é livre, então você pode escolher o tamanho que desejar. *Essa imagem aparecerá no desktop.*

No campo <mark style="background-color:yellow;">**Imagem - Header - Mobile (1125x...)**</mark> adicione uma imagem jpg que tenha 1125px de largura. A altura é livre, então você pode escolher o tamanho que desejar. *Essa imagem aparecerá no mobile.*

<div align="left"><figure><img src="/files/ChJk0PyvZNckI73gUBIC" alt=""><figcaption></figcaption></figure></div>

Para o <mark style="color:orange;">**footer**</mark>, é recomendado produzir uma imagem mais simples, considerando que o menu possui cor, texto e disposição fixos. Certifique-se de que a cor do footer apresente contraste adequado com o texto branco do menu.

No campo <mark style="background-color:yellow;">**Imagem - Footer (1920x...)**</mark> adicione uma imagem jpg que tenha 1920px de largura. A altura é livre, então você pode escolher o tamanho que desejar. *Essa imagem aparecerá na desktop.*&#x20;

No campo <mark style="background-color:yellow;">**Imagem - Footer - Mobile (1125x...)**</mark> adicione uma imagem jpg que tenha 1125px de largura. A altura é livre, então você pode escolher o tamanho que desejar. *Essa imagem aparecerá no mobile.*

<div align="left"><figure><img src="/files/PKT5uRsP4st6mpj5QGZn" alt=""><figcaption></figcaption></figure></div>

Para adicionar as imagens você deve clicar em **Browse** e selecionar o arquivo no seu computador.&#x20;

{% hint style="info" %}
Apesar de permitir qualquer altura **não recomendamos** que a altura do cabeçalho e rodapé (header e footer) ultrapasse 25% da altura total da página para não afetar a usabilidade da página e a experiência do usuário.
{% endhint %}

Agora é o momento de cadastrar o conteúdo para a página de sucesso, que será exibida imediatamente após o usuário concluir o formulário de inscrição.

No campo <mark style="background-color:yellow;">**Título - Sucesso**</mark>, você pode adicionar um título para a página de sucesso da sua Landing Page. Esse campo é opcional.

<div align="left"><figure><img src="/files/vwhs9Q7JtR9lYgYfmrYC" alt=""><figcaption></figcaption></figure></div>

No campo <mark style="background-color:yellow;">**Subtítulo - Sucesso**</mark>, você pode adicionar um subtítulo para a página de sucesso da sua Landing Page. Esse campo é opcional.

<div align="left"><figure><img src="/files/rnrwLGlSVcMcSdCz5U0p" alt=""><figcaption></figcaption></figure></div>

No campo <mark style="background-color:yellow;">**Texto - Sucesso**</mark> você pode adicionar o conteúdo que aparecerá **logo abaixo do seu Título e Subtítulo** da página de sucesso, Esse conteúdo aparecerá no lado esquerdo da página. Neste espaço, é possível adicionar texto e imagens.

É recomendado incluir uma instrução para informar aos usuários que eles receberão um e-mail para ativar a conta e criar a senha.

<div align="left"><figure><img src="/files/KvL4OYuimHMilOv4kdVH" alt=""><figcaption></figcaption></figure></div>

No campo <mark style="background-color:yellow;">**Texto - Direita - Sucesso**</mark> você pode adicionar o conteúdo que aparecerá ao lado direito da sua página. Esse campo é opcional e ele **não é mostrado no mobile.**

<div align="left"><figure><img src="/files/dAeGKuerQGVYU5z0blmf" alt=""><figcaption></figcaption></figure></div>

Nos campos <mark style="background-color:yellow;">**SEO - Título da Página**</mark> e <mark style="background-color:yellow;">**SEO - Descrição da Página**</mark>, adicione os textos de SEO que aparecerão nas buscas do Google.

<div align="left"><figure><img src="/files/sJ4kdYHkuRZm0YBqLTAW" alt=""><figcaption></figcaption></figure></div>

Para restringir o acesso à sua Landing Page apenas para **e-mails corporativos**, basta ativar a opção no campo <mark style="background-color:yellow;">**"Email Corporativo"**</mark>. Isso permitirá que somente os usuários com endereços de e-mail corporativos possam acessar a página.

<div align="left"><figure><img src="/files/Zn3c8qCvk1CMkX3enm9m" alt=""><figcaption></figcaption></figure></div>

No campo Dias de Acesso, você poderá colocar os dias de acesso que esse usuário terá na plataforma.

<div align="left"><figure><img src="/files/Ewjw3K01f5oEb0PkIQ55" alt=""><figcaption></figcaption></figure></div>

Após atingir os dias de limite de acesso, na seção [**"Usuários - Landing Pages"**](https://manager.grano.app/admin/landing_users) informará a data que o usuário expirou (a partir do cadastro do usuário). No sistema, o bloqueio de usuários não ocorre automaticamente. Você deve desabilitar manualmente o acesso do usuário na data desejada.

Se você desejar desabilitar ou esconder o formulário da Landing Page para que ninguém mais possa fazer inscrições, basta ativar a opção no campo "<mark style="background-color:yellow;">**Desabilitar Formulário?**</mark><mark style="background-color:yellow;">"</mark>. Isso impedirá que novas inscrições sejam realizadas através da página.

<div align="left"><figure><img src="/files/QHhytOvRVjQFmRjxaSfb" alt=""><figcaption></figcaption></figure></div>

{% hint style="warning" %}
**Atenção:** O formulário da Landing Page **não é editável**; todos os campos e textos são fixos. A única opção disponível é habilitar/desabilitar.
{% endhint %}

<mark style="background-color:yellow;">**Tags:**</mark> Para que os usuários tenham acesso aos seus conteúdos, é necessário vincular uma ou mais tags na Landing Page.

{% hint style="info" %}
Indicamos que você crie uma **tag específica** para identificar que o usuário fez o acesso via Landing Page. Você pode [criar uma tag](/conteudo/estrutura-e-conteudos/tags) custom chamada Landing Page, por exemplo.
{% endhint %}

Clique em Adicionar Tag:

<div align="left"><figure><img src="/files/zi3g6xYVeHBoAKG82CO2" alt=""><figcaption></figcaption></figure></div>

Escolha a tag desejada:

<div align="left"><figure><img src="/files/dEa5vTSkgzpkPKzTmddE" alt=""><figcaption></figcaption></figure></div>

Clique em Salvar Tag:

<div align="left"><figure><img src="/files/pNt8aQV35q03j4xhY044" alt=""><figcaption></figcaption></figure></div>

Repita o processo caso queira vincular mais tags.

{% hint style="danger" %}
Não é recomendado utilizar a funcionalidade [Inscrições vs. Tags](/conteudo/lms/setup-do-cliente/inscricao-vs.-tags) junto com a LP, pois pode causar um conflito de informações que pode prejudicar o acesso do seu usuário
{% endhint %}

Ao final do processo, não se esqueça de clicar em **Salvar Landing Page.**

![](/files/7C9be4GrU9vbjGFLlHPN)

Na lista de Landing Pages, o sistema cria um QRCode para que você possa compartilhar, se desejar.

Clique no ícone do QRCode

<div align="left"><figure><img src="/files/Nt5bORjuF9GJiffllNrq" alt=""><figcaption></figcaption></figure></div>

Você será direcionado para uma página, onde poderá salvar a imagem do QRCod. Exemplo: <https://manager.grano.app/admin/landings/1/qrcode>

![](/files/npHtri0tgcGOZscD4jFl)

## <mark style="color:blue;">Confira um exemplo de Landing Page:</mark>

**Landing Page - Desktop:**

<figure><img src="/files/uRa2uyDf5Uo4AjijgWO2" alt=""><figcaption></figcaption></figure>

**Página de Sucesso - Desktop:**

<figure><img src="/files/8HkrZFStTaMQv12GGiQq" alt=""><figcaption></figcaption></figure>

**Landing Page - Mobile:**

![](/files/7Dr6mk30CwITIbhFgEOH)

**Página de Sucesso - Mobile:**

![](/files/iB8zGjvBFaKPJ1DM7Z7m)

{% hint style="info" %}
Caso você não tenha acesso a essa funcionalidade no LMS ou tenha alguma dúvida na hora do cadastro, entre em contato com o Time Grano no <hello@grano.app>
{% endhint %}

***

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


# Usuários Administrativos

Atualmente, a criação e gestão de usuários administrativos no LMS é limitada ao Time Grano. Caso necessite criar ou editar usuários, solicite através do e-mail [**hello@grano.app**](mailto:hello@grano.app)

Se você precisar revogar imediatamente o acesso de um usuário administrativo, altere a senha desse usuário através do LMS. Dessa forma, você garantirá a segurança e a remoção imediata do acesso do usuário.

***

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


# Estrutura e Conteúdos

Conheça mais sobre a estrutura, organização e tipos de conteúdos da plataforma (e aprenda como gerenciá-los no LMS)

Na Grano é possível distribuir conteúdos inspirados na metodologia de microlearning, sempre organizados em uma sequência lógica, com diferentes tipos de interações.

Para entender sobre a organização de tais conteúdos é importante conhecer (ou relembrar) alguns conceitos fundamentais:

* **Trilha** é um <mark style="background-color:yellow;">agregador de treinamentos</mark>, podendo estar relacionada a diferentes tags do sistema (para fins de exibição dos conteúdos apenas para quem pode enxergá-los).
* **Treinamento** é um <mark style="background-color:yellow;">agregador de módulos</mark>. Fazendo uma analogia com livros, o treinamento seria o livro e os módulos, cada capítulo.
* **Módulo** é um <mark style="background-color:yellow;">agregador de cards</mark>.&#x20;

> *Recomenda-se organizar os conteúdos por módulos em treinamentos onde haja uma dinâmica de retorno/continuidade ao longo de um período de tempo. Facilita a organização e entendimento estruturado dos conteúdos.*

* **Card** é a estrutura de exibição final dos conteúdos da plataforma. A sequência de diferentes cards, de vários tipos e interações, constrói um *<mark style="background-color:yellow;">webstory</mark>*. E é a dinâmica que engaja e resume a experiência oferecida pela Grano aos usuários.

{% hint style="success" %}
**Dicas**:&#x20;

* Sugere-se, para fins de produção de conteúdos, que os cards sejam sempre focados em **uma ideia e um objetivo** (relacionado ao módulo a que pertencem), com marcação muito clara das etapas de introdução, desenvolvimento, testagem e conclusão (em seu sequenciamento).&#x20;
* Também convenciona-se que sejam apresentados de maneira diversa, mixando **textos, imagens, vídeos, podcasts, quizzes** e outros que criem uma narrativa próxima com as histórias que vemos nas redes sociais.
* Por boa prática, tempos entre **3-5 minutos** são os ideais para uma sequência de cards (ou módulo).
  {% endhint %}

A Grano disponibiliza um arquivo no Figma com exemplos de divisão e tipos de conteúdos, cards e sugestões que você pode acessar clicando [**aqui**](https://www.figma.com/file/IEcFXYzpYJXTSamLuXENT5/Grano-%7C-Conte%C3%BAdos?node-id=0%3A1\&t=iUiuL70fNeEV3yNQ-1). Abaixo, um exemplo de todos os conteúdos disponíveis:

<figure><img src="/files/Jn0E8MeQ2GTzlhJNHHYb" alt=""><figcaption></figcaption></figure>

Há ainda outra segmentação possível, realizada através de uma **"Pré-Home".** A "Pré-Home" personalizada, permite que os usuários escolham uma categoria específica de conteúdo. Essa funcionalidade oferece uma experiência de aprendizado mais direcionada, com acesso imediato ao conteúdo que mais lhes interessa. [Confira aqui](/conteudo/estrutura-e-conteudos/categorias-greater-than-pre-home) como ativar e configurar essa opção.

<figure><img src="/files/wur9UWGuXBl0pWokY9uS" alt=""><figcaption></figcaption></figure>

**Confira nas próximas páginas como criar e editar conteúdos através do LMS Grano.**

***

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


# Treinamentos

Saiba como gerenciar seus treinamentos na Grano.

## <mark style="color:blue;">Acesso rápido:</mark>

[<mark style="color:blue;">https://manager.grano.app/admin/tracks</mark>](https://manager.grano.app/admin/tracks)

## <mark style="color:blue;">Editando um Treinamento</mark>

Caso você já possua um treinamento cadastrado, para editá-lo basta acessar o menu (*Conteúdos > Treinamentos*), localizar o treinamento específico e clicar no ícone de "lápis".

<div align="left"><figure><img src="/files/zqeaNt3pFNjOtdsgduFN" alt=""><figcaption><p>Ícone de Lápis: editar</p></figcaption></figure></div>

## <mark style="color:blue;">Cadastrando um Treinamento</mark>

Para cadastrar um novo treinamento, acesse o menu *Conteúdos > Treinamentos* e, no canto superior direito, clique em **Adicionar Treinamento.**

<div align="left"><figure><img src="/files/ZyBFbYdKl2B0MRLe7HdY" alt=""><figcaption><p>Botão para adicionar um treinamento - LMS Grano</p></figcaption></figure></div>

&#x20;

A seguir listaremos todos os campos necessários para criar um novo treinamento na plataforma:<br>

* <mark style="background-color:yellow;">**Nome:**</mark> é nome do treinamento a ser visualizado por você e pelo usuário.&#x20;

<div align="left"><figure><img src="/files/TOOdnMCf1TC7MAd5ZIp0" alt=""><figcaption><p>Campo "Nome"</p></figcaption></figure></div>

* <mark style="background-color:yellow;">**Thumb:**</mark> é a imagem que é exibida para o usuário no "topo" do treinamento (dentro da trilha). Ela deve respeitar os formatos suportados pela plataforma (**.jpg ou .png**) e ter uma resolução de 750 por 445 pixels).

<div align="left"><figure><img src="/files/IOxwn80xjTxvdFGcN3qB" alt=""><figcaption><p>Campo "Thumb"</p></figcaption></figure></div>

* <mark style="background-color:yellow;">**Texto curto:**</mark> é a descrição do treinamento, exibida para o usuário logo abaixo do nome do treinamento (dentro da trilha). Sugere-se que tenha entre 100-120 caracteres.

<div align="left"><figure><img src="/files/1qodCQ2FUXCOoEPBIfNX" alt=""><figcaption><p>Campo "Texto Curto"</p></figcaption></figure></div>

* <mark style="background-color:yellow;">**Duração - Texto:**</mark> é o tempo estimado que o usuário levará para concluir o treinamento; informação exibida logo acima do botão que abre o treinamento, dentro da trilha.

<div align="left"><figure><img src="/files/fCLRJ1bhiQE3nRblsGCV" alt=""><figcaption><p>Campo "Duração - Texto"</p></figcaption></figure></div>

* <mark style="background-color:yellow;">**Duração - Tempo:**</mark> é o tempo em si, expresso em minutos (somente número).

<div align="left"><figure><img src="/files/NPKFPyGWUG5fbYUObFTV" alt=""><figcaption><p>Campo "Duração - Tempo"</p></figcaption></figure></div>

<mark style="color:blue;">**Exemplo:**</mark>

![](/files/uH0EF2CjG2YEg7xrgucu)

* <mark style="background-color:yellow;">**Cores:**</mark> determina o padrão de cores de todos os elementos dos módulos e cards (tipo [default](/conteudo/estrutura-e-conteudos/cards/default)). Caso o administrador tenha criado outros [temas](/conteudo/lms/setup-do-cliente/temas) na plataforma, poderá alterar nessa opção, aplicável para o treinamento em específico.

<div align="left"><figure><img src="/files/FuHo2lwsGB7w00ya7HOn" alt=""><figcaption><p>Associando um template de cores a um treinamento</p></figcaption></figure></div>

* <mark style="background-color:yellow;">**Downloads - Início do Treinamento:**</mark> relaciona materiais de [download](/conteudo/estrutura-e-conteudos/downloads) já disponíveis no início do treinamento. O usuário poderá acessar a página de download, antes de iniciar o treinamento.
* <mark style="background-color:yellow;">**Downloads - Completado:**</mark> relaciona materiais de download exibidos apenas na conclusão do treinamento.

<div align="left"><figure><img src="/files/zbZ5Hqw8Di9Cr8cW0hk7" alt=""><figcaption><p>Relacionando uma página de download a um treinamento</p></figcaption></figure></div>

{% hint style="info" %}
Essa opção pode ser utilizada para disponibilizar ao usuários **materiais de leitura prévia** ao treinamento e/ou uma lista de **materiais completos** assim que ele finalizar 100% dos cards.
{% endhint %}

* <mark style="background-color:yellow;">**Bloqueado:**</mark> se estiver clicado, não permite que o usuário tenha acesso ao treinamento (exibe um cadeado na tela para o treinamento específico).

<div align="left"><figure><img src="/files/Es0SaRL1bht8mARnt7Sk" alt=""><figcaption><p>Flag para bloquear um treinamento</p></figcaption></figure></div>

<mark style="color:blue;">**Exemplo de treinamento bloqueado:**</mark>

<figure><img src="/files/GWD6evnTt9h1s8hFsLA0" alt=""><figcaption><p>Treinamento com cadeado</p></figcaption></figure>

* <mark style="background-color:yellow;">**Módulos:**</mark> é o local onde você define quais módulos farão parte do treinamento que está sendo cadastrado, com as seguintes opções:<br>

  <div align="left"><figure><img src="/files/Dgv1sIbegmJgQyJFKg93" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**Regras de Restrição:**</mark> define se os módulos são de livre acesso, ou se o usuário precisa "terminar o anterior" para iniciar o próximo. Ainda nessa opção (antecessor), é possível determinar o número de dias que o próximo módulo ficará disponível.

* <mark style="background-color:yellow;">**Copiar Módulos:**</mark> permite que você duplique módulos já existentes para que faça as respectivas edições aplicáveis apenas a esse treinamento.

<div align="left"><figure><img src="/files/YyRk1pXYdnXcs1QlP5T9" alt=""><figcaption><p>Botão "Copiar Módulos"</p></figcaption></figure></div>

* <mark style="background-color:yellow;">**Criar módulo:**</mark> começar do zero um novo módulo, conforme detalhado no capítulo de [Módulos](/conteudo/estrutura-e-conteudos/modulos).

<div align="left"><figure><img src="/files/dKqQhMjt4Wg3EAnq0wE4" alt=""><figcaption><p>Botão "Adicionar Módulo"</p></figcaption></figure></div>

{% hint style="info" %}
Caso o administrador cadastre um treinamento **com apenas um módulo**, o usuário, ao clicar nesse treinamento, acessará diretamente os respectivos cards desse módulo.
{% endhint %}

{% hint style="warning" %}
**ATENÇÃO:** após completar o cadastro de um um treinamento (com módulos/cards) é necessário adicionar esse treinamento a uma trilha existente ou, criar uma nova trilha. Veja abaixo, o passo-a-passo:
{% endhint %}

1. Vá na página de [**Trilhas**](https://manager.grano.app/admin/trails) e encontre a trilha que quer editar. Clique no ícone "lápis" para iniciar a edição:\
   ![](/files/CYZniVW6mQwb1WkXH7YV)<br>
2. No final da página, clique em "Adicionar Treinamento":<br>

   <figure><img src="/files/u9Z0vQIbkCaplC8sUzav" alt=""><figcaption></figcaption></figure>
3. Selecione o treinamento na lista (*você também pode buscar por palavra/nome, digitando os termos no campo de pesquisa*):<br>

   <figure><img src="/files/ON5EEaWZTDI2Qw5WSdwK" alt=""><figcaption></figcaption></figure>
4. Após selecionar, clique em "Salvar Treinamento"\
   ![](/files/YKenJwGz8BrhvkbVWhQ1)<br>
5. E logo em seguida, clique em "Salvar Trilha"\
   ![](/files/d6oUpkKSG6NzWHFrBpMa)

Dessa maneira, o treinamento que você criou agora estará associado a uma trilha específica; e ficará disponível para usuários que tenham permissão para visualizar tal trilha.

{% hint style="info" %}
A Grano foi construída com um conceito de "catálogo de treinamentos". Isso significa que você pode ter *n* treinamentos, independentes, com *n* versões distintas cadastradas na plataforma. E eles estarão disponíveis aos usuários **apenas e somente, quando forem associados a uma ou mais trilhas específicas**.
{% endhint %}

***

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


# Módulos

Módulo é uma estrutura que agrega cards.

Módulos são importantes para:

* Fazer com que cada "pedaço" do treinamento caiba em 5 minutos.
* Dar ao usuário a sensação de progresso.
* Dar ao usuário prévias do que vem pela frente (conteúdos cadeados).
* Planejar datas de abertura de novos conteúdos.&#x20;

Ou seja, se o seu treinamento for denso e você precisa organizá-lo em microlearning (para obter um maior engajamento) é fundamental trabalhar com a estrutura de módulos.

## <mark style="color:blue;">Cadastrando um Módulo</mark>

Dentro de um treinamento, clique em **"Adicionar Módulo"**.

![](/files/tLUC7kfO02e0kUwkGTZt)

Ao criar um módulo, o administrador tem as seguintes opções na plataforma:

* Mesmos parâmetros apresentados no treinamento (<mark style="background-color:yellow;">**nome,**</mark><mark style="background-color:yellow;">**&#x20;**</mark>*<mark style="background-color:yellow;">**thumb**</mark>*<mark style="background-color:yellow;">**, descrição, duração, cores,**</mark><mark style="background-color:yellow;">**&#x20;**</mark>*<mark style="background-color:yellow;">**download**</mark>*<mark style="background-color:yellow;">**&#x20;**</mark><mark style="background-color:yellow;">**e bloqueio**</mark>), além dos seguintes adicionais:
* <mark style="background-color:yellow;">**Inicia em:**</mark> caso seja informada, o sistema fará a liberação do módulo somente nessa data, ignorando regras anteriores. Esse campo não é obrigatório, você pode deixar em branco.

<figure><img src="/files/BA0bx5Ga1UsL2qkP23uR" alt=""><figcaption></figcaption></figure>

* <mark style="background-color:yellow;">**Pontuação:**</mark> quantos pontos o usuário pode acumular ao final deste módulo.

<figure><img src="/files/LRz69iOLM6zlcJHQ2Dzm" alt=""><figcaption></figcaption></figure>

* <mark style="background-color:yellow;">**Botão concluir:**</mark> parâmetro que define o local da interface no qual o botão CONCLUIR deve ser exibido na sequência de cards.

<div align="left"><figure><img src="/files/OP7zfVLM1jLBrRAHKEiQ" alt=""><figcaption></figcaption></figure></div>

**Relativo:** é posicionado sempre ao final do card (rodapé), sem sobrepor o conteúdo.

<div align="left"><figure><img src="/files/hBNkR7Dy58mgEjIh2SrP" alt=""><figcaption></figcaption></figure></div>

**Absoluto:** fixado sobre a altura na tela, no limite inferior, sobrepondo o conteúdo.

<div align="left"><figure><img src="/files/ujNrhhQUrT2FdPJMqBTk" alt=""><figcaption></figcaption></figure></div>

## Dentro dos módulos é onde cadastramos os [cards](/conteudo/estrutura-e-conteudos/cards):

* [<mark style="background-color:yellow;">**Cadastrar cards**</mark>](/conteudo/estrutura-e-conteudos/cards)<mark style="background-color:yellow;">**:**</mark> cria ou relaciona cards ao módulo específico.

<div align="left"><figure><img src="/files/RRW0drDkrXgPvIrnvpZs" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**Cadastrar módulo requerido:**</mark>**&#x20;o** administrador pode atribuir manualmente, independente do sequenciamento de módulos, àqueles que sejam predecessores (obrigatórios) para liberar acesso ao módulo específico. Permite também, determinar a quantidade de dias (da liberação) após concluir tal predecessor.

<div align="left"><figure><img src="/files/tLdoLmhr4s4cCpXRhSil" alt=""><figcaption></figcaption></figure></div>

Ao final, lembre-se de salvar as informações clicando em **"Salvar módulos"**.

<div align="left"><figure><img src="/files/RvtI9uavNaMqsF6YPMAu" alt=""><figcaption></figcaption></figure></div>

Nas próximas páginas, confira como editar cada card e quais informações são necessárias para cada um deles.

***

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


# Cards

Card é a estrutura de exibição final dos conteúdos da plataforma. Podem ser de diferentes tipos e formatos, contendo interações que despertem o interesse e engajamento dos usuários.

## <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). Logo após, é necessário criar ou editar um [módulo](/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)**".

![](/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)
* [Default](/conteudo/estrutura-e-conteudos/cards/default)
* [Share](/conteudo/estrutura-e-conteudos/cards/share)
* [Embed](/conteudo/estrutura-e-conteudos/cards/embed)
* [Vídeo](/conteudo/estrutura-e-conteudos/cards/video)
* [Vídeo - Com faixas](/conteudo/estrutura-e-conteudos/cards/video-com-faixas)
* [Pergunta/Resposta](/conteudo/estrutura-e-conteudos/cards/pergunta-resposta-quiz)
* [Pergunta com Respostas em Texto](/conteudo/estrutura-e-conteudos/cards/pergunta-com-resposta-em-texto)
* [Quiz com imagens](/conteudo/estrutura-e-conteudos/cards/quiz-com-imagens)
* [Podcast](/conteudo/estrutura-e-conteudos/cards/podcast)
* [Som - efeitos](/conteudo/estrutura-e-conteudos/cards/som-efeitos)
* [Lista de sons](/conteudo/estrutura-e-conteudos/cards/lista-de-sons)
* [Lista de imagens](/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.*


# Imagem

Card utilizado para colocar imagens e/ou textos na plataforma.

Esse tipo de card simplifica a estrutura do LMS, permitindo basicamente o cadastro de **uma imagem simples** (com um card).

### <mark style="color:blue;">Acompanhe o passo a passo do cadastro e veja exemplos no final:</mark>

Para adicionar um card do tipo "Imagem", entre no módulo que deseja incluir o card e clique em “Adicionar Card’’

<div align="left"><figure><img src="/files/OlBCl4EUePVKVDMpr1yX" alt=""><figcaption></figcaption></figure></div>

Em tipo de card selecione “Imagem’’

<figure><img src="/files/yKZ8Ogt1xZYsVDVeGfT6" alt=""><figcaption></figcaption></figure>

Informe o <mark style="background-color:yellow;">**nome do card**</mark> - O campo "Nome do Card" é para uso interno (facilitar a organização).

<div align="left"><figure><img src="/files/JXUIKSbg4uKRB5uHQeoL" alt=""><figcaption></figcaption></figure></div>

Informe o <mark style="background-color:yellow;">**peso do card**</mark> de acordo com a lógica de pontuação desejada

<div align="left"><figure><img src="/files/0bPjv9RmfASW0A7yNyfF" alt=""><figcaption></figcaption></figure></div>

Adicione os <mark style="background-color:yellow;">**textos**</mark> relacionados a esse card para serem usados na busca da plataforma

<div align="left"><figure><img src="/files/N7j2b6kam5krGJ2f1C0n" alt=""><figcaption></figcaption></figure></div>

Selecione a <mark style="background-color:yellow;">**imagem**</mark> desejada. O tamanho indicado é **1080x1920 pixels** no formato **jpg**.

<div align="left"><figure><img src="/files/JBPNtOXfiUSgRppp8okt" alt=""><figcaption></figcaption></figure></div>

* O tamanho da imagem será sempre com largura 100%, para preencher todo o Card.
* Caso a altura da imagem passe do *container*, a aplicação adicionará um scroll automaticamente.
* Se a imagem for menor que o *container*, ela será centralizada ao meio.

Ao final, clique no botão **“Salvar”** para gravar todas as informações editadas.&#x20;

![](/files/X6MDbjt0QQ3vCSZqOmN6)

{% 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;">Exemplos de cards do tipo "Imagem":</mark>

![](https://lh6.googleusercontent.com/WQs7f01CJR7rzlhxttw_aC0n4sjlau9qM-VLWL3BKMZ7jzsLqnm3r3uLg8HragMP_c2hg34JchtEk9b-0LL75qY9xjCofh6X1qY7b_QflkY6A_l_urVdOJ-sVcvDnar56ZCz4rDJ_CuX45514s9-v5o)

![](https://lh4.googleusercontent.com/YIZ7snGVEMJecwAxZbh8IrUwBAS8B34f89CTxpUDsNMpt9zZtqWOoDANSG3Emcm1k5Wg4JKWtx21bSZzMDDa1PLv7Lg9zkZ6YD5etnOoS5tYNUBA-0kUfeuNkoiHLu4r161GTzKwAftbyTPNosMLDJI)

***

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


# Default

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

### <mark style="color:blue;">Acompanhe o passo a passo do cadastro e veja exemplos no final.</mark>

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

<div align="left"><figure><img src="/files/OlBCl4EUePVKVDMpr1yX" alt=""><figcaption><p>botão "Adicionar Card"</p></figcaption></figure></div>

Em Tipo do Card, selecione “**Default**’’

<div align="left"><figure><img src="/files/YNnG2gZ9SCIFB2dN2ie1" alt=""><figcaption></figcaption></figure></div>

<mark style="background-color:yellow;">**Nome do card**</mark>: de uso interno, importante para organização; também é utilizado para busca na plataforma, caso não seja informado nenhum título ou *keywords*.

<div align="left"><figure><img src="/files/JXUIKSbg4uKRB5uHQeoL" alt=""><figcaption><p>campo "Nome do Card"</p></figcaption></figure></div>

<mark style="background-color:yellow;">**Peso do card**</mark>: 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**](/conceitos-basicos/pontuacao).

<div align="left"><figure><img src="/files/0bPjv9RmfASW0A7yNyfF" alt=""><figcaption><p>campo "Peso do Card"</p></figcaption></figure></div>

No campo "Keywords" você pode adicionar os <mark style="background-color:yellow;">**Textos**</mark> relacionados a esse card; os textos informados serão considerados na busca da plataforma.

<div align="left"><figure><img src="/files/N7j2b6kam5krGJ2f1C0n" alt=""><figcaption><p>Campo "<em>Keywords</em>"</p></figcaption></figure></div>

{% hint style="info" %}
**Dica:** você pode colar integralmente o texto utilizado em um card de imagem. Assim a busca funcionará considerando **todas as palavras do card.**
{% endhint %}

No campo <mark style="background-color:yellow;">**Alinhamento**</mark>, você seleciona se o texto do card ficará alinhado pelo topo (***Top***) ou pelo rodapé (***Bottom***) do card.

<div align="left"><figure><img src="https://lh6.googleusercontent.com/r6AgTjA65TL6YgnWXqyZxxVXYxWqQylGBFJKNw8z4fSy2_FrSlqq28vFo5sNXa-PMlsDcuX_5iqI6RukiHufMoXupShpWm4XN8fuLJj6zrdGDTBneiIxwMVwpGIpI58uqDd_hFG_AffGwiluAjqBoLM" alt=""><figcaption><p>Campo "Alinhamento"</p></figcaption></figure></div>

Você pode selecionar a <mark style="background-color:yellow;">**cor**</mark> que será usada na **fonte** desse card.

As cores variam de acordo com o [Tema](/conteudo/lms/setup-do-cliente/temas) utilizado setup do Cliente.

![](https://lh6.googleusercontent.com/p9qJ46OgsVRWRnPBWGPa0mtU4jEIz0F_cPZgpAJJRzSAwjCSdvNs989wKeWCD8U8Olgy7wvgW-iNwQwCgGN28gj2AaW1Kwqvq-Iy0aEb5BXFiN_R9d3zjfaC-LJ_w8nc5_XX3qJvR1LyzWjpwdeNy3I)

Se preferir, é possível adicionar uma <mark style="background-color:yellow;">**imagem de fundo**</mark> para o card.&#x20;

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:

<div align="left"><figure><img src="https://lh3.googleusercontent.com/LC7yQyBllZYZpDg_LfemXLeTtdhLpi5u4zJ7oJCZJpY0h3GL1alID-szHQUilVXbPYYiNlGYKdcbYJc4CqVVdViM0SjRaEoqLWYELwQT2LuXVrTpNlnsTOLvJawYB4S8xNn2YO89ejRmF2csS-kfKg0" alt=""><figcaption><p>Campo para upload de imagem de background do card</p></figcaption></figure></div>

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 <mark style="background-color:yellow;">**Background - Imagem - Alinhamento**</mark>.&#x20;

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

<div align="left"><figure><img src="https://lh4.googleusercontent.com/4weaEAw1apxz5_rddGzxf_mEeyTQm10uWzIeWm31mL5xIsGew99dZQgPgsKXJQXm8Iuw_EbYZ6HmtAPUsKcAZ8CrjIvVH9E6ddpz-Vjxkr7IH_G8Kc42UT-BoBuc6GB3YGm_wUxc3FOMmN6jAvryvhs" alt=""><figcaption><p><em>dropdown</em> de seleção do tipo de card</p></figcaption></figure></div>

Outra possibilidade é você *embedar* um <mark style="background-color:yellow;">**Background - Vídeo ".mp4"**</mark>, o qual rodará em loop e sem som, no fundo desse card.

<div align="left"><figure><img src="https://lh5.googleusercontent.com/roIBgM5EBvrqZb5Ul19jq1EUEBx_Q8MV6RKhcGWfybQo5dOkWXEoNTxWyjwqIp-CHN1lOChq2TL8eRO2KqsdJPiwZtJMz8rlJN1mhc-f2TqC2AQkXmXrqAWQcibOCUdeLtkW9uSjyMB7PT6M8REnXhA" alt=""><figcaption><p>Campo para upload de vídeo background</p></figcaption></figure></div>

Caso esse vídeo não esteja no tamanho recomendado (1080x1920), você pode definir no campo <mark style="background-color:yellow;">**''Background - Fit"**</mark> se o vídeo deve preencher o card inteiro (**Cover**) ou fica proporcional (**Contain**).

<div align="left"><figure><img src="/files/MtP0DQdXBVdRZtIbsDJE" alt=""><figcaption></figcaption></figure></div>

<mark style="background-color:yellow;">**Cover:**</mark>

![](/files/OHxliVI5dphZ4vIer5mB)

<mark style="background-color:yellow;">**Contain:**</mark>

![](/files/qhqYZ4mQtPJSI2TDqYI8)

Caso você não queira utilizar uma imagem ou vídeo de background, pode escolher diretamente a cor do background (campos "<mark style="background-color:yellow;">**Background - Cor Inicial**</mark>" e "<mark style="background-color:yellow;">**Background - Cor Final**</mark>").&#x20;

Se apenas o campo "<mark style="background-color:yellow;">**Background - Cor Inicial**</mark>" for preenchido, o card terá uma cor sólida. Se o campo  "<mark style="background-color:yellow;">**Background - Cor Final**</mark>" for preenchido, o card terá um degradê.

<figure><img src="/files/s6fcYDpt3FDnBuVFBgj9" alt=""><figcaption></figcaption></figure>

![](https://lh4.googleusercontent.com/5bHfaI-pPkByQ1ZEkXtVXvXq1imoI5YJL4S-9CM0LzqhI-ouMSAZX-TRaw4h5x0BTV463OBVzztUXLaVs3NPIZft54WP2-FB-ZWobcPufu085lcu7oEu8S3k6b1B0dC2b_u_Pc3TBi30ULDjGouzZOM)

O card "**Default**" também permite a inserção de um <mark style="background-color:yellow;">**Título**</mark> e de <mark style="background-color:yellow;">**Texto**</mark> (editor HTML).

O <mark style="background-color:yellow;">**Título**</mark> será exibido no topo do card.

O <mark style="background-color:yellow;">**Texto**</mark> permite que você insira (e formate) qualquer conteúdo.

<div align="left"><figure><img src="https://lh5.googleusercontent.com/esEAL9Jg2YB9FSUrtwwqzPWrGGxsHunt3M8QN5BEqm-WTL2Ez5VX6B5gcamle27_3qJ8LBQQC9gPJr9hcBI1N3BEBuoMaw2vF_fa57qxjNKwAb6iftveYRv8bhhiGWSOTgOoSdqWbujelOMKikVhQzc" alt=""><figcaption><p>Campos "Título" e "Texto"</p></figcaption></figure></div>

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 "<mark style="background-color:yellow;">**Botão - Url Externa**</mark>" e o nome do botão no campo "<mark style="background-color:yellow;">**Botão - Label**</mark>"

<div align="left"><figure><img src="https://lh5.googleusercontent.com/S5J4kl8z0wSW--RKQPx503H8hHcmWNeytliaFcyOL30whdcmV7l3KnW4eVfGSjlBYL-Z5VzxOtF8vMvmXSKhQqfMDySRMdb3C0DMXcnRW-7DkYg3enszKFjml-Wn-OmcgnHyAJYQydv5bRWFURY-a8A" alt=""><figcaption><p>campos para "Botão"</p></figcaption></figure></div>

{% 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;">**Alguns Exemplos do Card "Default"**</mark>

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](https://giphy.com/gifs/sakshi-popshift-oh-my-what-f64l7PsWjQw1UUj4qm).&#x20;
* 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.

![](https://lh3.googleusercontent.com/8y-C-FQ7QIm6KNuu0SLSZH8bvWRf56SZDxnaG4Hl9gHkwitj0xQbkl0374NZVzVLXxbtBtjHiIRYYge7HcN0Ldp7qc60Y821HS6UYgDj7U6Kp8Z35arFDRYKfbPKn8CXl5wqR_fNKFvx4pDm1UU1lVw)

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"

![](https://lh4.googleusercontent.com/QbMESPExTc4oGfGuHSjOxj73yh8QnVivTlgklG42chqwhnwklSHDGRlP-qj_kKP1FgVhNlfya-L2i4ApI2Ydgr60ald0T25bZaLjtoYWx21hC_9LGho1ddPFeilgKGgneRcTuydY4qHQF4gmxvd7ToI)

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

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

![](/files/ny05qgeHCO73JC3WUNyN)

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.

![](/files/jwvwH17v5sLIIgV8TPUy)

{% hint style="success" %}
Lembrar de sempre clicar na opção “**Salvar Card**” ao final de cada cadastro ou edição.
{% endhint %}

***

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


# Share

Card usado para compartilhar algum conteúdo (modal de share)

Suporta as mesmas funcionalidades do card [**Imagem**](/conteudo/estrutura-e-conteudos/cards/imagem), porém com as especificidades a seguir apresentadas para configurar o compartilhamento.

### <mark style="color:blue;">Estrutura Geral</mark>

Ao escolher esse tipo de card, além de todas as demais configurações prévias do card de **Imagem**, você poderá:

* Inserir a URL de destino do compartilhamento no campo "<mark style="background-color:yellow;">**Botão - Url"**</mark>.

![](https://lh5.googleusercontent.com/MmBgaUTVSkPHMURNiSd9f_5BH7uwTSgAxYy3vCaBdy40lHlpt_GWMqDkXO02pzRjlsrKNqyBoGmaPcsZ6zsyHra6nQsUFAjYynNaGmMHhURafyYZckQQ_kbhQH21HqNo7lOE6vGiG92rgz7fRaK9Gc4)

* Inserir o texto a ser exibido no botão de compartilhamento -- campo "<mark style="background-color:yellow;">**Botão - Label"**</mark>

![](https://lh4.googleusercontent.com/reW-p78GS9N7tHH0wiWYhYQOURsV8Ys4bSDFXgwxbOci2tcT1PhnzH8Z4IP_VIk0o5iFPZhloeL8XQ6YcrqW9ak_drljs9eDAWE37VZQRj1MtNYbG3UNV2B42DBeRESTitbaYPkI-THu97SF1NiPFF8)

Ao final, clique no botão **“Salvar”** para salvar todas as informações editadas.&#x20;

![](/files/X6MDbjt0QQ3vCSZqOmN6)

{% 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;">Exemplo:</mark>

![](https://lh4.googleusercontent.com/cNCoCLgbrSMlwcUqgMrb7pT4-bNm6OiYRjII3lE1ql-eeSDAQXr5jJ7L5y6dt62G_fhwz0SgFIZTZbeCfMfZseozIaXDaVSxwwXSXBKZ_1WwDjMhtnHo2Km5QVBENDUHAPNdf2IpqUcb8hsiUEaZkyQ)&#x20;

Ao clicar no botão, a plataforma abrirá um modal de share (tela específica), com as opções de compartilhamento em:

* LinkedIn.
* Whatsapp.
* Facebook.
* Twitter.

<div align="left"><figure><img src="https://lh4.googleusercontent.com/qFtjHzL9Aiuyh9vy2e9IOgBs_SJQyDtvkjmEkEv26Kff9ZmLuT32CN6iUSps2f3c4C7PigsSqLjfa_1znwE188sUUhHwbp_QxcSbOJVYpxv4L6VZRcwmBsU-ZerJmskWxSDp4tgLaDJNiInEP1XYDHE" alt=""><figcaption><p>Tela de compartilhamento</p></figcaption></figure></div>

Será compartilhada a URL informada no campo "<mark style="background-color:yellow;">**Botão - Url"**</mark>.&#x20;

***

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


# Embed

Card usado para inserir links externos na Plataforma, como vídeos do YouTube ou Vimeo, notícias, formulários, playlists, etc.

Suporta as mesmas funcionalidades do card [**Default**](/conteudo/estrutura-e-conteudos/cards/default), porém possibilita trazer *embeds* de plataformas externas, em dois formatos:

* HTML
* URL

### <mark style="color:blue;">Embed HTML</mark>

\
Basta colar o trecho HTML a ser embedado (copiado da plataforma externa) no campo "<mark style="background-color:yellow;">**Embed - Html**</mark>".

Caso esse embed permita receber parâmetros da plataforma de origem, a Grano possibilita que você adicione dois valores específicos:

* **@GRANO\_USER\_ID@** para o código do usuário.&#x20;
* **@GRANO\_USER\_NAME@** para nome do usuário.

### <mark style="color:blue;">Embed URL</mark>

\
Basta colar a URL a ser embedada (copiado da plataforma externa) no campo "<mark style="background-color:yellow;">**Embed - Url**</mark>".

A Grano **suporta qualquer URL** (YouTube, Vimeo, playlist do Spotify, Typeform, Google Forms, sites de notícias, etc.). O conteúdo (embed) será exibido dentro dos limites (tamanho) do card.

### <mark style="color:blue;">Inline / Outline</mark>

\
O campo "<mark style="background-color:yellow;">**Embed - Inline**</mark>" determina o padrão de abertura do embed (HTML ou URL), sendo:

* **Inline: SIM** -- ignora toda a configuração prévia desse card e exibe o embed **por cima de tudo**.
* **Inline: NÃO** -- mantém a configuração prévia do card (padrão de cores e textos), exibindo um "botão de play" (como ação prévia para abrir o conteúdo do embed em si).

<div align="left"><figure><img src="https://lh6.googleusercontent.com/dRnQjXnRgjCSWDtvdiaYX8ruQe7lxLMIxdQv2NZRcqCpo04uT5AVWl5ncl0FBrFuOeqnjub8JGnCpBl5TinMktrjp_ihLqYJitnMumVd5QyZwxYQ6sjjQgjMWHNecVH9aT9h8eYwE_EDE2aEw7WNYM4" alt=""><figcaption><p>Campo "Embed - Inline"</p></figcaption></figure></div>

**Inline: SIM** -- abre o embed "dentro do card":

![](https://lh4.googleusercontent.com/UaPiGEXz7Z3GPhoDLPCOolXusqAFKNeSlCbfKdFGpXRO_FMEG2C87y_XDu-giv1OLfMUh9iMbBwTZZ3O0v49UCwb6nxrUPO6PWxEd-csth9CQ3V_eA6XnxMDKElnE-2PdWGpSxxdy5UiTU8MqNXOPz4)

**Inline: NÃO** --  exibe card anterior, com botão de play; ao clicar no play, o conteúdo embedado fica sobre o card.\
\
![](https://lh3.googleusercontent.com/X-SiDSnrumYyo5JRFjPmlOxaINcg96X2oA0IDc3KaKR8SkCJIwrrgWB4SF_RddjjBfeSy85624LbEBCdT2NlxWZc9Zgqt2Yy1cfrUzoOpNuwt2tUvjasx_zX5OMc0FlLlyKrZvzKPXLYFfMmuGExHBI)

### <mark style="color:blue;">Rodapé do Card</mark>

\
No card tipo **Embed** sempre são exibidos os botões "**Voltar**" e "**Avançar**" no rodapé do respectivo card.

Isso visa dar ao usuário a opção de prosseguir sua navegação, independente (e sem interferência) do conteúdo do embed.

{% hint style="info" %}
Lembrar de sempre clicar na opção “**Salvar Card**” ao final de cada cadastro ou edição.
{% endhint %}

![](/files/X6MDbjt0QQ3vCSZqOmN6)

{% 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;">Exemplos de Embeds:</mark>

Vídeo de **Vimeo**; inline: NÃO.

![](https://lh4.googleusercontent.com/UaPiGEXz7Z3GPhoDLPCOolXusqAFKNeSlCbfKdFGpXRO_FMEG2C87y_XDu-giv1OLfMUh9iMbBwTZZ3O0v49UCwb6nxrUPO6PWxEd-csth9CQ3V_eA6XnxMDKElnE-2PdWGpSxxdy5UiTU8MqNXOPz4)

Vídeo de **Youtube**; inline: SIM.

![](https://lh6.googleusercontent.com/cG7m-1DhuUbA18m7_CgljzHAB6z5YYRXbpzKWQnhD5Y-OCMJzfb_YgfWnMktVDc_shFp3B9T-JiqKksEe1EkVm-XE707Ma7XMUNs-F9HpzJjFIqv2DCsns6wvjnBWeEfc1d-uK9FfIP4ynDOE55A3y4)

Playlist de **Spotify**; inline: SIM.

![](/files/98FVkeJHlg2hk24LbFyO)

Embed "**Link de notícia de Portal**"; inline: SIM.

*(nesse caso o card possibilita "fazer scroll" normalmente para ler a notícia)*

![](https://lh3.googleusercontent.com/4qgZacEWHimCcwCpn9EPF2rXlEEUOV1efn8D069VVfEABw7pD0D3mAtEkGvWcEwlV45AIpDBOKL5ZyeKaly8sxMOhoND7m9Unn_JkE0YEIZ5kKHpMu_HzWUA78pA0bM7KfvQexUQY8kATViYh4BxaIA)

***

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


# Vídeo

Card utilizado para vídeos no formato fullscreen.

Suporta as mesmas funcionalidades do card [**Imagem**](/conteudo/estrutura-e-conteudos/cards/imagem), porém com as especificidades a seguir apresentadas para configurar o *embed* de um vídeo *fullscreen*.

### <mark style="color:blue;">Estrutura Geral</mark>

Ao escolher esse tipo de card, além de todas as demais configurações prévias do card de **Imagem**, você poderá:

* Selecionar a <mark style="background-color:yellow;">**imagem**</mark> desejada para a "capa" do card, que será exibida com um botão de play em cima. O tamanho indicado é **1080x1920 pixels** no formato **jpg**.

<div align="left"><figure><img src="/files/JBPNtOXfiUSgRppp8okt" alt=""><figcaption><p>Campo "imagem"</p></figcaption></figure></div>

1. O tamanho da imagem será sempre com largura 100%, para preencher todo o Card.
2. Caso a altura da imagem passe do *container*, a aplicação adicionará um scroll automaticamente.
3. Se a imagem for menor que o *container*, ela será centralizada ao meio.

* Indicar a URL do **YouTube** ou **Vimeo** a ser aberta (em *fullscreen*) **após** o clique no botão de play.

<div align="left"><figure><img src="https://lh5.googleusercontent.com/AddEdM0hP7h_0nD2lrElV7iRtp-yWYwz3q_JB0kg69BBaCm2GVA5pf21rSVixZsC_DvtVjF4QrEJpnDzJv19vvRkuwY2ifkxvX_DcMAgYyPFh74xCEVBq50JFec020U2kaJcbLDQP37FHejGhGAT4c0" alt=""><figcaption><p>Campo para inserir URL do YouTube ou Vimeo</p></figcaption></figure></div>

Ao final, clique no botão **“Salvar”** para salvar todas as informações editadas.&#x20;

![](/files/X6MDbjt0QQ3vCSZqOmN6)

{% 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;">Como fica esse tipo de card?</mark>

Card **antes do clique**, com as devidas parametrizações.

![](https://lh6.googleusercontent.com/nmnhLhIjhqxgFmfoIfwqqxYzgEDuz-v4HxvlcTXjEyPrnNHO2_T31BxzjaVZH9ExY8RhAvUcNhsND66WkawJaYYs3XCvA2DuiFKq2wqudAX-Iv0C9sEj8G6rGDSl-TrQflL-cxCvRHI0U_h8kY3dm9k)

**Após clicar no play**, abre vídeo embed no formato *fullscreen*.

<div align="left"><figure><img src="https://lh3.googleusercontent.com/RXDlR0a3gKbCdIB3c0e-N3BiqVWAXRIjloh4PbBSriGnoEosZZByzBakyDnA4sGbl3fns-PlnXqZvg0aEAd0qDC5P-llEjqfKiK14oAKah9u7wRcgXYB_oDzmBnmS90qgkbJ_OiahDOR-21-sD0AD1U" alt=""><figcaption></figcaption></figure></div>

<mark style="color:orange;">**Importante:**</mark> Durante o confecção do layout da imagem de fundo do card, é crucial se atentar para a altura em que o botão "play" será posicionado, evitando que se sobreponha informações cruciais, como textos, por exemplo. Vale ressaltar que o botão "play" é adicionado automaticamente pela ferramenta e não é necessário incorporá-lo no design do layout.

**Exemplo Layout:**

<div align="left"><figure><img src="/files/Kr0QRFtbbZU5ms6Wb5zs" alt="" width="175"><figcaption></figcaption></figure></div>

**Como fica na plataforma:**

<div align="left"><figure><img src="/files/WqrTIk5MivCvOi3DpcqW" alt="" width="176"><figcaption></figcaption></figure></div>

**Margem:**

<div align="left"><figure><img src="/files/TvbES7JAxN7OEGti01gI" alt="" width="176"><figcaption></figcaption></figure></div>

***

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


# Vídeo - Com faixas

Card de vídeo fullscreen com a marcação de faixas para dividir do conteúdo de acordo com a minutagem do vídeo. Dentro de cada faixa é possível adicionar um título e texto explicativo.

Suporta as mesmas funcionalidades do card [**Default**](/conteudo/estrutura-e-conteudos/cards/default), porém com as especificidades a seguir apresentadas.

### <mark style="color:blue;">Estrutura Geral</mark>

Após parametrizar os demais aspectos do card:

* Adicione o <mark style="background-color:yellow;">**Link do Vídeo**</mark> (YouTube ou Vimeo):

<div align="left"><figure><img src="https://lh5.googleusercontent.com/AddEdM0hP7h_0nD2lrElV7iRtp-yWYwz3q_JB0kg69BBaCm2GVA5pf21rSVixZsC_DvtVjF4QrEJpnDzJv19vvRkuwY2ifkxvX_DcMAgYyPFh74xCEVBq50JFec020U2kaJcbLDQP37FHejGhGAT4c0" alt=""><figcaption><p>Campo "Vídeo"</p></figcaption></figure></div>

No bloco "<mark style="background-color:yellow;">**Faixas**</mark>" você poderá acionar quantos trechos do vídeos você quer marcar (minutagens específicas). Exemplo, em um vídeo de 3 minutos:

* Faixa 1: 0s até 60s.
* Faixa 2: 61s até 70s.
* Faixa 3: 71s até 90s.

Para tal, clique em "**Adicionar Faixa**".

<div align="left"><figure><img src="https://lh3.googleusercontent.com/yqJBLp5Uh6w5baIAfLDg_ixGisyj5GlDOK37ePIRpY4U_urJ9XSLYzW_XR4m4Ijg2poSlT5DQDRTtyZ48hWOlE9H3VJXN4yOWToiBpwzgY7XXLpD_udFVit5BG5ME01wImh-gH84_XIh7cwMmGH24_8" alt=""><figcaption><p>Botão "Adicionar Faixa"</p></figcaption></figure></div>

Você poderá adicionar as seguintes informações à cada faixa:

* <mark style="background-color:yellow;">**Legenda:**</mark> Nome dessa faixa do vídeo.

<div align="left"><figure><img src="https://lh3.googleusercontent.com/FzyL89AMYWXJw6frJFgovyqi6hTP3gepW6BSI7MTwilPgPPfLlRjXGasrUSLz09zFybQ5ouPeSmoRceOo2uQeUzcVWkppHt2brZlfDTL3C8LB3e9BVevuasv2JjtCW-sjCTSolDqPAWaBN0Dnz7q4C8" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**Tempo inicial da faixa (segundos):**</mark> ou seja, em qual segundo você quer iniciar a faixa.

<div align="left"><figure><img src="https://lh6.googleusercontent.com/cofnKTa4dabP2KWjg52ZkmuHS1xYQALp8RCveztTY3XpfqNeH0KDjnIvj4q-Y2ZHEuZE8ESXdYFiy9H6ZFpgWpd9cbMB803yDsSvD-6DqKRnP5sJi_3suqhOFyy7sHy0YvouG37Pg1K6gSXFDwto_iw" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**Cor:**</mark> define qual a cor que essa faixa terá ao abrir o vídeo.

![](https://lh6.googleusercontent.com/oOy-P-vUOyJ1bNSAAq7sfq1RtTsoAKcC7e8nGgHLRraIQyNIhuwa8QZ1RIbK2lxJc_baJpB5ffWxvbj4K304WRwT9fvPSjKI0u01JCoWSG1focIHht_gEqRJ__sVjbuJbZmc7iHnxOapqMozFBoxr9s)

* <mark style="background-color:yellow;">**Título:**</mark> indica o título que será exibido nessa faixa ao abrir o vídeo

<div align="left"><figure><img src="https://lh3.googleusercontent.com/bSTZYNw0q-Vwqu_3yqn_iRx1c3NZJRBl6crwODwo7PxvJBY6I9dWKpPisKcR1-Vo-H6dkGKBB7PfOIVenKpc7JzK8HuJ9I6D2yPqm3W4ngMmwXhOxd50Ud4tr8LSyrvbNWs4iq0FD_R6x66DydMyPis" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**Texto:**</mark> indica o texto que será exibido nessa faixa ao abrir o vídeo.

<div align="left"><figure><img src="https://lh6.googleusercontent.com/rXn5lf7cSBkeaS5drRMpVvx-dozu5mHq_WBS3vIAZm0lUeqr39wZB_JLJcYJa-Yc_1qWfBxstjs88CbnnrtToL1xGbEUn6p3fLDa_u0UTG2qxZrPVUpuNCI3HeGoiRodirg3psOUkc_Kv1BUX7J6KGY" alt=""><figcaption></figcaption></figure></div>

Ao adicionar novas faixas, a plataforma vai considerar o novo <mark style="background-color:yellow;">**Tempo inicial da faixa (segundos)**</mark> como o término da faixa anterior.

Dessa maneira, você poderá adicionar quantas faixas quiser, sempre com os seus conteúdos específicos.

Lembre-se de sempre clicar em **Salvar Faixa** e, ao final do processo, **Salvar Card.**

{% 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;">Como fica esse tipo de card?</mark>

Card **antes do clique**, com as devidas parametrizações.

![](https://lh3.googleusercontent.com/LdcJeXJ8oLEdoUvUQJwTrGHiZPRQu5FIvX9pQO3dpd3FjarCltTm4Vp315AUSNdHZ3F94fuI0jrWph5Zxy6rgL7i0cAv5Z4AVuebOP9r8KahyJeT83K2ZUumzAbsBBuGnGVhFA24hKgf0eh6HcK88pA)

Ao clicar no play, o vídeo informado é aberto em *fullscreen*, incluindo o **componente de controle das faixas**:

<div align="left"><figure><img src="https://lh6.googleusercontent.com/sm9mqdexg5csSev-QChq2kQabzh_a4dGWjYzNXNn8RR0Rnm0iKP8tGVqDwpnjT_nbLdX5QCFup8k-BunUpBkwDI_7q1k4NWBVaZ1JD4UqpBJiKANIm96jAwk_YGu3TTVkWOadFnyUQVHdoj6rkdMxMo" alt=""><figcaption></figcaption></figure></div>

Ao clicar em cada faixa, o usuário visualiza um **Título**, **Texto** e **conteúdo específico**, podendo "**pular**" livremente entre as faixas (automaticamente é alterada a minutagem do vídeo).

***

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


# Pergunta/Resposta (Quiz)

Card usado para fazer perguntas com resposta simples, de múltipla escolha ou até mesmo pesquisas diversas.

Suporta as mesmas funcionalidades do card [**Default**](/conteudo/estrutura-e-conteudos/cards/default), porém com as especificidades a seguir apresentadas para configurar os modelos de perguntas e respostas.

### <mark style="color:blue;">Estrutura Geral</mark>

Caso a sua pergunta seja curta, utilize o campo <mark style="background-color:yellow;">**‘’Título”**</mark>.

<div align="left"><figure><img src="https://lh3.googleusercontent.com/hsxNgbCNMkJtTDkQo5uAu4LMKwtJUdipt8lpFZe5heTbe3I9zwCP6loZTwEpGg4s8Ewj4aHBcqnCPklSOtCs3gaDrYXwkHitNWx8VCKiNdc6mJOD8gDbHrxGtGextRhba_btEE_6Fz7fARmFfMNJe8o" alt=""><figcaption><p>Campo "Título"</p></figcaption></figure></div>

Se for uma pergunta mais elaborada, deixe em branco o campo <mark style="background-color:yellow;">**‘’Título”**</mark> e preencha o campo <mark style="background-color:yellow;">**"Texto"**</mark>, contando com as opções do editor de conteúdo.&#x20;

<div align="left"><figure><img src="https://lh4.googleusercontent.com/Si_sKbXVFiD52krjQGggPUSBO4QRx38YhoFifEAJEzMt4-qqklajoX6iWEPidOoq46l1vM-ZAWuG7kAvrzIQ9IU5xtmF7_fmnN39vpoxj9h5B4x-l7SYBvCVmm0zoFEbOSB58_A4t6f0E9ZQz6qGLac" alt=""><figcaption><p>Campo "Texto"</p></figcaption></figure></div>

No campo "<mark style="background-color:yellow;">**Pergunta - Tipo de pergunta"**</mark> indique se existe apenas uma resposta certa (**Única Escolha)** ou se existe mais de uma resposta certa **(Múltipla Escolha)**

<div align="left"><figure><img src="/files/qCZJmPSAtGW21ZDvWW8W" alt=""><figcaption><p>Campo "Tipo da Pergunta"</p></figcaption></figure></div>

### <mark style="color:blue;">Questões</mark>

Preenchendo os campos das **"Questões da Pergunta"**:

<div align="left"><figure><img src="https://lh3.googleusercontent.com/73pz-gIklkoDA-rFEdK46sQvoqALUMjPDs7PLrdSu6ZdJSxVeoTaXvA6ai1ApGq1vMgN582Inb9USBQkduZh5qzraCZc3omOcL6EreZNPz0Kv77LmLhHumyMN5BsmVun5kJ8AVuebQSpiZxypaEfKtE" alt=""><figcaption><p>Módulo de "Questões da Pergunta"</p></figcaption></figure></div>

Clique em “**Adicionar nova Questão**” para inserir quantas alternativas você quiser.

<div align="left"><figure><img src="https://lh4.googleusercontent.com/S0RqPmsEBVmsw2UN3LfFIFSk92YnopjpUs2mXfolsiu_GRHmhIyTm8nVaIRawNHy_6ojtT-RQ7nDVgmq5PN_a6eXO-_bXZ5lQoT9ZSswAXUvdN-kmzwdmniYh0vIg29nQwMvZjQQQW1OCfKmH4CmeEg" alt=""><figcaption><p>Botão para adicionar questão</p></figcaption></figure></div>

Opções de preenchimento:

* <mark style="background-color:yellow;">**Número da questão**</mark> (e*xemplo: 1*) -- utilizado para você identificar a questão nos relatórios.

<div align="left"><figure><img src="https://lh4.googleusercontent.com/Gfzt34NyoX7QRQ9FN0kVh1iYKaRdMbGy8fSSDJy6k3xHBqd8pxDEyzqEtsr0cA3kR8qg2iKmRM7trjZSuCHRPN1pDw3hy4VJ8AKEX1TlM6SRma0M6vjvGEChLEqBUuDjbLApUHbWfFstlzKnwETFF1U" alt=""><figcaption><p>campo "número da questão"</p></figcaption></figure></div>

* <mark style="background-color:yellow;">**Texto da questão**</mark> -- é o texto em si.

\
![](https://lh4.googleusercontent.com/L_LlA4V4viLIYsRCREQww7AxO8gEXFpmlLhFarltbW-CkLp4Uf-hDVRk4pX_iv3OSmVlvF0vjfLZsOjUuEb9jNQtT84XoBPQJwYebNUpIMewJrWm6Q2IEYm7kEJYwpwC-lCUtlf9ihdu-m34Cl-IBUM)

* <mark style="background-color:yellow;">**Questão correta?**</mark> -- marque o *checkbox* se essa for a questão certa; em casos de múltipla escolha, marque todas as corretas.

![](https://lh5.googleusercontent.com/Bh0C48Ch0HrBaCBoQov-rMiRgeTJhUXoTKhDk7iOAhU-hO_SNYmAFa5RYa6wOqeNWYYrz6b3cdCWarV-sAywFbgMRbdBfjzH6wgdPy7pd4lU5J_a6Ric5OeYYdUuVo9-V6fWuPwwX3O_rYHDmPcvqTo)

{% hint style="info" %}
Caso você queira criar um card de pergunta/resposta apenas para **receber um feedback** do usuário (independente de resposta certa), faça o seguinte:

* Se você quer que o usuário responda apenas **UMA** questão, configure o card como "Tipo de Pergunta" de "Escolha Única". E indique qualquer uma das respostas como correta.
* Se você quer que o usuário possa marcar **MAIS DE UMA** questão configure o card como "Tipo de Pergunta" de "Múltipla Escolha". E indique todas as respostas como corretas.&#x20;
  {% endhint %}

Após criar a pergunta, as opções de resposta e indicar qual(is) está(ão) correta(s), configure o campo de <mark style="background-color:yellow;">**‘’Pergunta - Feedback da Resposta’’**</mark>

<div align="left"><figure><img src="https://lh3.googleusercontent.com/Cy7NMO2DXlgQY1qQZrRUI7liW7fm4AOp0xru-R7SnWe_rP36yv3D3-wute3c58DRonc0EthWlwAl02hSzwopr1Y2pYlDFcNKITgYo4BBT0fIKpnKBifjZt_UX4ieiUamQx_DFjoEG78pfIF1HUlciD8" alt=""><figcaption><p>Campo "Feedback da Resposta "</p></figcaption></figure></div>

<mark style="background-color:yellow;">**Com Feedback:**</mark> após o usuário responder, é exibido no card um *toast* (mensagem no topo) exibindo qual era a resposta correta, com um texto de apoio (um específico se ele acertou; outro se ele errou).

<mark style="background-color:yellow;">**Sem Feedback:**</mark> simplesmente avança para o próximo card, independente do que o usuário respondeu. Em geral, é usado quando se faz uma pesquisa. Sugere-se que esse próximo card (após a resposta) seja um agradecimento.

Nos campos a seguir ("<mark style="background-color:yellow;">**Pergunta - Texto do Acerto**</mark>" e "<mark style="background-color:yellow;">**Pergunta - Texto do Erro**</mark>") você poderá incluir a respectiva mensagem de feedback. Lembre-se que é importante (no caso de erro) explicar qual era a alternativa correta (e o porquê), bem como celebrar se ele acertou a alternativa (novamente, explicando o porquê).

Aqui também é oferecido o editor de texto, com múltiplas opções de formatação.

<figure><img src="https://lh5.googleusercontent.com/lObRwEtHe9vR56N_JR4veS5XWT2g_WEz-7m9EHPyOi5kbBQabGkLmSDmraWXnUt7dIqFg-NbiwciAKtfCk04pySjd3rKsVxKaN8T1scGTp4OeCqy4CcpIXcK0qOr8uTzH_taX9BOjrGYacxXiYCacwY" alt=""><figcaption></figcaption></figure>

Ao final, sempre clique no botão “**Salvar**” para garantir a gravação de todas as informações editadas.

&#x20;![](/files/X6MDbjt0QQ3vCSZqOmN6)

{% 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;">**Confira o passo a passo em vídeo:**</mark>

{% embed url="<https://player.vimeo.com/video/917159824>" %}

## <mark style="color:blue;">**Exemplos de Cards Pergunta/Resposta:**</mark>

![](https://lh3.googleusercontent.com/NWj2beLluW7L5sxGAUeT9BpL-4ai3qdxGp7b0ubJKC3-dR9ytEChKkoGk_GJoQ8bxbdpk_9uivf3y4rSsq5XIs869fm6NIihiLvODYDjRAPe_u2nXeHwbCUOYSu66pcOPklXN1arCUibHL6hw3Fjzyk)

![](/files/8CS0ajmkcUqgf1xzeKJk)

![](/files/Zze9FBRJglnmGyj8k46T)

![](https://lh3.googleusercontent.com/o4Gl1VpqH2daK_-rQCyB_EMliUoGJnaO1sMBeJEuylG0JkK35cJZOliioRRuwR9_KpS_DkaJwh32gP14SRYZikGIonxNrpJaP9vK5-iIXlEuESSoSg_tS_67aF7bs0jtn_620e0jVMqd0ifakb-54q8)

***

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


# Pergunta com Resposta em Texto

Card usado para fazer perguntas com respostas abertas/dissertativas.

Suporta as mesmas funcionalidades do card [**Default**](/conteudo/estrutura-e-conteudos/cards/default), porém com as especificidades a seguir apresentadas:

Ao criar uma pergunta e preencher o título e/ou descrição, é possível configurar as respostas para terem um **limite** **mínimo** ou **máximo** **de** **caracteres**. Para isso, basta informar os valores desejados:

<div align="left"><figure><img src="/files/3sXavOSKjuc0wpyoNjGN" alt=""><figcaption></figcaption></figure></div>

Logo após, configure o campo de <mark style="background-color:yellow;">**‘’Pergunta/Resposta - Feedback da Resposta’’**</mark>

<div align="left"><figure><img src="/files/owxRUPUDqKudnrSVN6P5" alt=""><figcaption><p>Campo "Feedback da Resposta"</p></figcaption></figure></div>

<mark style="background-color:yellow;">**Com Feedback:**</mark> após o usuário responder, é exibido no card o texto/imagem de apoio cadastrado.

<mark style="background-color:yellow;">**Sem Feedback:**</mark> simplesmente avança para o próximo card, independente do que o usuário respondeu.

Nos campos a seguir (<mark style="background-color:yellow;">"</mark><mark style="background-color:yellow;">**Pergunta/Resposta - Feedback**</mark><mark style="background-color:yellow;">"</mark>) você poderá incluir a respectiva mensagem de feedback.&#x20;

<div align="left"><figure><img src="/files/xkCqg99LQzvvSRJd7u9J" alt=""><figcaption></figcaption></figure></div>

Aqui também é oferecido o editor de texto, com múltiplas opções de formatação.

Ao final, sempre clique no botão “**Salvar**” para garantir a gravação de todas as informações editadas.

&#x20;![](/files/X6MDbjt0QQ3vCSZqOmN6)

{% 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;">Confira o passo a passo em vídeo:</mark>

{% embed url="<https://player.vimeo.com/video/917159520>" %}

### <mark style="color:blue;">Exemplos de cards com resposta aberta:</mark>

![](/files/I7LxXJdTZZ9sMQvzIFiN)

![](/files/F3mqrYYgYfXIOiYUQ0xq)

### <mark style="color:blue;">Exemplo de Feedback:</mark>

![](/files/KQAbCQ4WBnyjtnK8trxz)

***

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


# Quiz com imagens

Card de quiz através de imagens, com possibilidade de criar infinitos tipos de perguntas - com ou sem feedback.

Suporta as mesmas funcionalidades do card [**Perguntas/Respostas**](/conteudo/estrutura-e-conteudos/cards/pergunta-resposta-quiz), porém com as especificidades a seguir apresentadas.

{% hint style="info" %}
**Atenção**: produzir esse card exige conhecimentos intermediários de Design.
{% endhint %}

### <mark style="color:blue;">Estrutura Geral</mark>

Consiste na escolha de uma imagem-base, que possa receber o cadastro de "**hits**" (áreas de clique) como formato de respostas. Dessa maneira, ao invés de inserir as respostas, a imagem-base será mapeada visualmente com as áreas de clique.

Isso torna o card [**Perguntas/Respostas**](/conteudo/estrutura-e-conteudos/cards/pergunta-resposta-quiz) mais interativo e dinâmico.

No LMS, ao invés de cadastrar respostas, devem ser cadastrados os **Hits**.

![](https://lh4.googleusercontent.com/3Qq3yIUmjdAoGEFhM39LWQfeoOrWofcLu8zNAqdgBXBY4CvRUWiEW3iW3umSPLey7gT5bKLOINNp2zcfOX_EYf224C2PmzoFCmHpUo1WTFazI4b0e6Yp92M2pdOSLk-Wtp4632fAI5YbpoOoqKDbVFI)

Ao escolher essa opção, é exibido o painel de "<mark style="background-color:yellow;">**Questões da Pergunta**</mark>", com as respectivas imagens de "hit" (uma para cada resposta).

<div align="left"><figure><img src="https://lh3.googleusercontent.com/2eeKE0xGoAJ5jRxBcAyVlU5x9XGKReq8_9r2Aokb4flWuf1mCDvdr62x0b_hlomhTjIxN9fogTD7QWAbh7PoEzgRAW0VNH55EZpHUZ5UZpeLwW1RxKvDDQyOZJ-jM4-2w4RWTJ7vnrE-_Cpn0PKVL4s" alt=""><figcaption></figcaption></figure></div>

O primeiro passo é adicionar a <mark style="background-color:yellow;">**imagem de fundo do card**</mark>. Clique em Alterar imagem de fundo.

![](https://lh4.googleusercontent.com/fewNOdQhCuod113olSK9FkLbJsK7hp2iR4T_9HxqtJyTA3m9zkZgafTQZhvjhO7G2EX9r7pu5McXYr4h8IxgNA6SExZTZZ9Yl5Pn3Z0JgwGwaol64rnwTO4u3eiED5dToxpTzXrLwG5hTHoJZSWXgBE)

Para adicionar as questões, clique em **‘’Adicionar resposta’’**

![](https://lh6.googleusercontent.com/jDv13ekc82MLuvf8XMFA7jRCQSfNJSRmeTAQI7IIWdtko29Gg8zzsYFmU9LVR6Pxon7kGVZuCoQSJB4aVZLkl9uhtsrXaD2npT5BIcRkpWGQj-adeGE1e6IPVhj9ZrWNxs6Q7Dws_Xg3WF_1hy15Yro)

Em cada questão você precisa adicionar:

<mark style="background-color:yellow;">**Número da questão**</mark> (Exemplo: 1) - Esse número será para você identificar a marcação dos Hits.

<div align="left"><figure><img src="https://lh4.googleusercontent.com/Gfzt34NyoX7QRQ9FN0kVh1iYKaRdMbGy8fSSDJy6k3xHBqd8pxDEyzqEtsr0cA3kR8qg2iKmRM7trjZSuCHRPN1pDw3hy4VJ8AKEX1TlM6SRma0M6vjvGEChLEqBUuDjbLApUHbWfFstlzKnwETFF1U" alt=""><figcaption></figcaption></figure></div>

<mark style="background-color:yellow;">**Texto da questão**</mark> - É o texto que vai aparecer nos relatórios.

![](https://lh6.googleusercontent.com/hfChVkYEsBmiCgB4FMhF2lUwOzZ4pKFFcVnuip5lAev7APo1XZRI6cQUSVn-4M2go3id3ite7IkGBoJLixLb7cYv7nnucUbZ3tyqKHOAWColAoEeOp5b13zNeUrrUpvRvX79M9bZCBCarhQTmLtEiB4)

<mark style="background-color:yellow;">**Questão correta?:**</mark> Selecione a caixinha se essa for a questão certa - se for de múltipla escolha você deve selecionar mais de uma.

![](https://lh5.googleusercontent.com/Bh0C48Ch0HrBaCBoQov-rMiRgeTJhUXoTKhDk7iOAhU-hO_SNYmAFa5RYa6wOqeNWYYrz6b3cdCWarV-sAywFbgMRbdBfjzH6wgdPy7pd4lU5J_a6Ric5OeYYdUuVo9-V6fWuPwwX3O_rYHDmPcvqTo)

Se ela não for a certa basta deixar o caixinha sem selecionar.

Adicione a imagem dessa questão (essa imagem ficará sobreposta à imagem de fundo do card) e deverá ser em png com fundo transparente, com tamanho 1920x1080px.

![](https://lh6.googleusercontent.com/2hd9PPxLsAUnfi9sOeCTxPBDwwC5KJUhxImlz4wuD29-L4RWaGh4G3laIzn9dRtbZw3ZqW_o5K5OVIYjUJ2mMNpuiUwQ9JJ_xKiKoS473dJQ17kINygBjrgh4YVH_X0Aid9b4WwEVuC_-TR45ltNeXk)

A medida que você for adicionando as questões, os **hits** de cada uma irão aparecer no canto superior do card:

![](https://lh4.googleusercontent.com/lYLXI-PlpyLsIKwOMEmuQCQYWpSHdAsHJehqmuH-6ZRHLs6EX3AueD-giEjZwy19Sd7_Yv6hOkWiIFZAq8LTpodAr8r-FMEIRNwj3HCzkP6Kt_0JmHufqg5A4BaMPlMpZQHMOjqFkprUiMZwloqU8IE)

No exemplo acima, é possível identificar 2 hits: 1 e 2.

Você deve posicionar os **hits** em cima de cada alternativa correta. É possível aumentar ou diminuir o tamanho de cada **hit**, posicionando o mouse na beirada do hit, clicando e arrastando o mouse.

No exemplo a seguir, é possível visualizar 4 hits cadastrados:

<div align="left"><figure><img src="https://lh4.googleusercontent.com/kjHDtyHbq2bTJ9Cy3asr17oKhaQ852XGMyFEDMCkOXwZ4iyNbBhM7lzU3g73F2K6W6wsGnVpkprUMpEHwiHgJ46VZEsFzX5A0fdf42EOlv7YHQgaD1u6Rryp5g530yYK7TzncGCYi9vJgG2tmBdD0Co" alt=""><figcaption></figcaption></figure></div>

Ao final, clique no botão “Salvar” para salvar todas as informações editadas.&#x20;

<div align="left"><figure><img src="https://lh3.googleusercontent.com/W1IXxj1XX-yiROoislF4MDkIIYDgiGd_ma7_d5nN7AzsLZxQMixboL9ey1XQXeuauZOqc1S_WDXlDfXuvSg8QKMvMKMvRwUZwQxa_K3HVHeglsq8TgbXaxBBw9I6OUGvnJfcR_pNx3bWd1t_1Oq2Avg" alt=""><figcaption></figcaption></figure></div>

{% 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;">**Exemplos de como criar os cards:**</mark>

Imagem fundo com as questões ‘’apagadas’’

![](https://lh6.googleusercontent.com/ulvJJTQWRrUS6xeNYs0DJ5ShHUTs9LAAMhCpS9v4A2_u3tmeCfheXsbFqxJ56XbYu1UcUX6gNan9G6KdgeikevpflTHa2pBHwp11Top3n2jwT14iJ1AHcoBGdo2Ejx7sHOYgT2Y2pvvwuJswPJ7MRqs)

\
Exemplo de imagem de cada alternativa

<div align="left"><figure><img src="https://lh5.googleusercontent.com/sFE14adQyJ4Q412HfsNacpywM7YxrCH8p2K69pqortenELevY35mg6VvPmPpm3Y612MqUxctaQt5epaQRbmvFNcW24l3x6CaCCiFyGB-6PjQ1aDCPrOnFR8u-tF23q9Jcsh_FCs_6ErEDxW28ctaSZY" alt=""><figcaption></figcaption></figure></div>

**Exemplo 2:**

Imagem fundo com as questões ‘’apagadas’’

<div align="left"><figure><img src="/files/X0kf5DohohJYLLV425zE" alt=""><figcaption></figcaption></figure></div>

Exemplo de imagem de cada alternativa:

<div align="left"><figure><img src="/files/DVMYftwOAZXnaFRyE8J0" alt=""><figcaption></figcaption></figure></div>

## <mark style="color:blue;">Confira o passo a passo em vídeo:</mark>

{% embed url="<https://player.vimeo.com/video/917159691>" %}

## <mark style="color:blue;">Exemplos:</mark>

![](https://lh6.googleusercontent.com/jurkAz7UtD02GmOPrUnFyHf7oK9DA6Lgxd_gb4pGIwSYSypgu_EuIWo3FHdH0mg4mmpiRvphavkfatm3zWSRgEmno6WY9ka5klcETlTMLp-vX3afiutOxh6dlVO3Sr1PYpYoRFlOhfwnhXMSvSsnA9c)  ![](https://lh3.googleusercontent.com/iQgy-qCT8JVG2TfLo7yr3ALo6vNAEUT_fGbgy_8wz45nhtudw21s22x33M87qmOPF7c7u1T8IJFpRVMM0XFYAq5fD6WCQCOVzDE9EOym5pPklidi1q7tXEHlCo7KZsmxkPUHF0YtKfVPoQ0qeKp6MwE)

***

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


# Podcast

Card utilizado para inserir áudios no formato .mp3

Suporta as mesmas funcionalidades do card [**Default**](/conteudo/estrutura-e-conteudos/cards/default), porém com as especificidades a seguir apresentadas para configurar o podcast.

### <mark style="color:blue;">Estrutura Geral</mark>

Ao escolher esse tipo de card, além de todas as demais configurações prévias, você pode subir um áudio no formato .mp3, através do campo "<mark style="background-color:yellow;">**Podcast (.mp3)**</mark>"

Sugere-se que o arquivo de áudio seja curto, não superior a 2 minutos, para manter a consistência e propósito do microlearning, ou seja, mesclar esse conteúdo com próximos cards (exemplo "[Pergunta/Resposta](/conteudo/estrutura-e-conteudos/cards/pergunta-resposta-quiz)").

Visualmente, dois exemplos de cards do tipo **Podcast**, com e sem os respectivos **Títulos** e **Textos**.

![](https://lh6.googleusercontent.com/3nmdSno9TT7F3Egfii_xGdQpLD8EAz4-AdVoC27WkoV_e99be-wOVVsNWVO1merp5UfCK4K8A7dNRTOW3wC0airn4wgSkVYQoROJH_cTK4lVqptgRi3KpQWMn-uA1KwQJC19t2HrYTH1GlRWuYBtyHE)

![](https://lh3.googleusercontent.com/jNzFmwCOgw5EytmgnRPLEV66oG9m0B_PkkPebnfBUK_Dz38aQwiKa9-lbnoQjDyCDs8Ogjd3D1KKMDw0QsWj9nH64asx6AYxxnXuK39dwhyKiNyKhOdjsMbuZcWY8DhrYk0oo87F4m5ao9lCxSrt4P8)

\
É gerado automaticamente um player que possibilita ao usuário.

* Dar play/pause.
* Avançar ou retroceder 30 segundos.
* Visualizar o tempo do áudio (total e transcorrido).
* Avançar manualmente na barra de progresso.

Ao final, sempre clique no botão “**Salvar**” para garantir a gravação de todas as informações editadas.

&#x20;![](/files/X6MDbjt0QQ3vCSZqOmN6)

{% 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 %}

***

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


# Lista de sons

Card utilizado para tocar diferentes áudios no mesmo player.

Suporta as mesmas funcionalidades do card [**Default**](/conteudo/estrutura-e-conteudos/cards/default), porém com as especificidades a seguir apresentadas para configurar uma playlist.

### <mark style="color:blue;">Estrutura Geral</mark>

Após parametrizar os demais aspectos do card:

* Você pode criar sua playlist definindo a troca das faixas através do clique em imagens ou textos.&#x20;
* Para tal, selecione inicialmente o "<mark style="background-color:yellow;">**Tipo de Lista / Sons**</mark>"

![](https://lh5.googleusercontent.com/_ZTDZZYUDQvgyvOGeIPVpXUDEKjWyg3LVzwjBD9_Zjb6TxVLR_uM5D6fN6KWXhnEJ6_reI8NhNOYYvyLkTXCMdYjErJATFK_EXBqGBIbdvaVbvZeIt2byT_bLegwfJmF9WD-E8weR8SnLWHNn9K0a0M)

E logo a seguir, a quantidade de colunas para exibição das imagens ou textos.

<div align="left"><figure><img src="https://lh4.googleusercontent.com/BqXYv-A8Mp3e7zyxwd3bLMpaJEONwV8RRGMhKryH-65OvFsTb5tvoMsMLAoG-U4kUGt6o8Xxj9dwf_pm_6cfEn4LuAftuB3Riw6_4-gAoYbNBBqhKou4G3ruweEKriPLG8QdrS9Tt5g5Hj28VBmHGQY" alt=""><figcaption><p>Campo "Quantidade de Colunas"</p></figcaption></figure></div>

No bloco "<mark style="background-color:yellow;">**Lista de Imagens**</mark>" você poderá acionar quantos áudios quiser; para tal, para clicar no botão "**Adicionar Som**".

![](https://lh5.googleusercontent.com/KNEuGr6ack-Lwp0bVXfGY07bayxdbSKhw7GSOJ_aIKLkFpyBft58_gEf1fzFZSSyFKwL3Oj9Yn0IX3frg7zu4LMtLug6B7SHVaVu1_oc3yp0n_mMhS6F5SkXrPP240odRIJ4hb9M6eWkBmmQVA4rMSc)

### <mark style="color:blue;">**Tipo "Texto":**</mark>

Se no campo "<mark style="background-color:yellow;">**Tipo de Lista / Sons**</mark>" você selecionou **Texto**, simplesmente adicione o **Título** que você deseja, seguido do upload do respectivo **áudio** (.mp3).

<div align="left"><figure><img src="https://lh4.googleusercontent.com/73377KFn8nox8_3BJrDbEaWmAS-SA8CSSqgNg-BTseHrz6PdHzSb1NiAm_Fr5SduUifsgOXhiX-dlfc32rcCslRnUmLIX2C7xzDrnRITg0bO9gMZIVbD3D7BSmUwkF2AgHK-vX829_2iWLj9qU-PsYA" alt=""><figcaption><p>Campos "Título" e "Áudio"</p></figcaption></figure></div>

Adicione quantos áudios você desejar. Eles serão organizados no card de acordo com a quantidade de colunas que você definiu anteriormente.&#x20;

Clique em **Salvar Som** para salvar cada item da sua lista.

![](https://lh5.googleusercontent.com/G0lVNJzJyU7IbWVgfGe6jsKIbJr9-VxR9N3O36IOBLsJ5c6m8CNM7pMb8RMoEULQr8fH4d16TSf4aUyFCZ16t0MtJSvrnT0FJnwH-1Yk_NTNYbidLSEy-ymLjUxB39GqcGupF5tP9i3RiRcrialsSfU)

\--

No card, ele **somará os áudios**, exibindo tudo integrado ao card do tipo [**Podcast**](/conteudo/estrutura-e-conteudos/cards/podcast).

![](https://lh4.googleusercontent.com/np9SFjLOmY-4L1MhhEbotcpgTw_-Ky5FFIkJ7Bv2OzEkmM-NjCO1Z4AhrxVUJMPex_4nL7b3lVdcjohyY2oDZH1wl30M9ObIcLUjjlld7AtDo4xAjQ2zfqSUMCx4FbRNXM7AmRf64oL3slshVjA1oE8)

Dessa maneira, você poderá escolher **qual áudio quer ouvir a cada momento**.

### <mark style="color:blue;">**Tipo "Imagem":**</mark>

Se no campo "<mark style="background-color:yellow;">**Tipo de Lista / Sons**</mark>" você selecionou **Imagem.**

* Adicione o **Título** que você deseja, seguido do upload do respectivo **áudio** (.mp3).
* Adicione o **Thumb** da imagem a ser exibida quando o áudio não estiver tocando.
* Adicione o **Thumb** da imagem a ser exbida quando o áudio estiver tocando.

<div align="left"><figure><img src="https://lh5.googleusercontent.com/2BZLt2vEopH3dr6vS6BLBRmH1MGIb8maBnkKDF7aeNXq5HwyU4qat9xi7uatyt330SyG-utGhD3_bLXFbH8fzgBcmtUfuHs-YCBFVzHsnbllJsV-MVLXPk0ZJU2rurdupIG8QHhSeMYQS16qwDAXSww" alt=""><figcaption><p>Campos do tipo "Imagem"</p></figcaption></figure></div>

Exemplo de um **thumb** quando o áudio **não** estiver tocando

![](https://lh5.googleusercontent.com/Rsn5aqJjeuOiwRcYvsxMGyxyH0GDFN_yPnKlgTNFTmCq6-8gnNpL2oota3E03iwKzDnqWoXSzUefeiL6pYKkNqfK3LXTb6ouqLyHpUJfbsIGp65Ao6rAq89kMCtll6t-Xr27PY26_V-CYGtn-CS__00)

Exemplo do mesmo **thumb** com uma **marcação visual** que sinalize que o áudio está tocando.

![](https://lh4.googleusercontent.com/_NQAhBtzrtZw0c404Y16wPNP8jj09H7quSwo1E1tL_qkVUIjYxciiJ3F0hVOcDPF66HpNwpsuGhdnGcxVMcj10fob5NJ2Nd-9TWOeUXBeD6_oB4MwV43IqNoL-xoJavikwoNvhoK2JtICqmEs13qMRo)

Dessa maneira, o usuário conseguirá visualizar o áudio correspondente ao som ativo naquele momento.

Lembre-se de clicar em **Salvar Som.**

![](https://lh5.googleusercontent.com/G0lVNJzJyU7IbWVgfGe6jsKIbJr9-VxR9N3O36IOBLsJ5c6m8CNM7pMb8RMoEULQr8fH4d16TSf4aUyFCZ16t0MtJSvrnT0FJnwH-1Yk_NTNYbidLSEy-ymLjUxB39GqcGupF5tP9i3RiRcrialsSfU)

\--

No card, ele **somará os áudios**, exibindo tudo integrado ao card do tipo [**Podcast**](/conteudo/estrutura-e-conteudos/cards/podcast).

![](https://lh5.googleusercontent.com/CWaVP8tHkkXGICNZk_4JdVoiKlOGdsMhKU4nM_Sp1_0fFl2vL5Wx4FHjnt5e2hPIBr3secl3hRBjpIWPNsSVEXhfDvtfHdac6eHSfYJccKXoKX9irWPgGRtlk6brr9M_OIv19ZZUOGELSQ6PIV7W-lM)

\--

Ao final, clique no botão “**Salvar Card**” para gravar todas as informações editadas.

![](https://lh3.googleusercontent.com/W1IXxj1XX-yiROoislF4MDkIIYDgiGd_ma7_d5nN7AzsLZxQMixboL9ey1XQXeuauZOqc1S_WDXlDfXuvSg8QKMvMKMvRwUZwQxa_K3HVHeglsq8TgbXaxBBw9I6OUGvnJfcR_pNx3bWd1t_1Oq2Avg)

{% 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 %}

***

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


# Som - Efeitos

Card onde uma lista de áudios cadastrados tocam por cima do áudio original, um de cada vez; indicado para mostrar efeitos de mistura de 2 áudios.

Suporta as mesmas funcionalidades do card [**Default**](/conteudo/estrutura-e-conteudos/cards/default), porém com as especificidades a seguir apresentadas para configurar uma lista de efeitos.

### <mark style="color:blue;">Estrutura Geral:</mark>

Adicione no campo "<mark style="background-color:yellow;">**Som (.mp3)**</mark>" o áudio que ficará como base em formato .mp3:

<figure><img src="/files/ZJYrmaQn3vxC9oT1pnQi" alt=""><figcaption></figcaption></figure>

E logo em seguida, em <mark style="background-color:yellow;">**Botão - Label**</mark> adicione o nome do botão desse áudio que deve ser mostrado no layout do card.

<div align="left"><figure><img src="/files/A7gKpyBuSzKhVmTZPvWA" alt=""><figcaption></figcaption></figure></div>

Logo abaixo, na parte de **Efeitos** é onde você deve cadastrar os áudios que irão tocar em cima do áudio base. Lembrando que cada botão toca o áudio base (cadastrado anteriormente) + o áudio cadastrado no botão.

<figure><img src="/files/EwnVeJAKxkgc9s042gYQ" alt=""><figcaption></figcaption></figure>

Clique em ‘’<mark style="background-color:yellow;">**Adicionar Efeito**</mark>’’

<div align="left"><figure><img src="/files/bQQ84DGuEoLiyqNBTw7Y" alt=""><figcaption></figcaption></figure></div>

Em cada efeito você deve cadastrar:

<mark style="background-color:yellow;">**Título**</mark>

<div align="left"><figure><img src="https://lh6.googleusercontent.com/76UrAN7gZVojiu0GE9bxdtpCsf4cow4hGmqzLg3_hGx-1UFYaNwnFnADZYNm7dWh69iyJstg-29uwdPsps-Ejml3ZJC2j2UZCoP2ZRAb-HU7c-th_sx5ytmky1AmX-EFG2yMlP5YUgs4dt57GwO-CP4" alt=""><figcaption></figcaption></figure></div>

**E o&#x20;**<mark style="background-color:yellow;">**arquivo de .mp3**</mark>

<div align="left"><figure><img src="https://lh5.googleusercontent.com/dbPGLcPOKLS7S0rRhYTFzb3xw4EGC7r36MPHVualRNQ8Gr_g4A8WBZB15FfTNH1r1-nWmdtjs-njwZ1ObdSTdoGK7OIwTy7fHYVC-kYo7OpdzaQSoNASYIJ5yI0ya3V_crsLq6-_VDBpoSCGqlR4QJw" alt=""><figcaption></figcaption></figure></div>

Clique em "<mark style="background-color:yellow;">**Salvar Efeito**</mark>" para salvar.

<div align="left"><figure><img src="/files/808XqclkiWoN34nB0BC0" alt=""><figcaption></figcaption></figure></div>

Você pode adicionar quantos efeitos/botões quiser.

Ao final, clique no botão “<mark style="background-color:yellow;">**Salvar Card**</mark>” para salvar todas as informações editadas.&#x20;

<div align="left"><figure><img src="/files/DuXc1vy9Wzddx0hfSu3X" alt=""><figcaption></figcaption></figure></div>

## <mark style="color:blue;">**Exemplo**</mark><mark style="color:blue;">:</mark>

<div align="left"><figure><img src="/files/KWGe3k4qvljyTVzd4hBo" alt=""><figcaption></figcaption></figure></div>

{% 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 %}

***

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


# Lista de imagens

Card que suporta "n" imagens, cada uma com cliques independentes (para links externos ou embed de vídeos)

Suporta as mesmas funcionalidades do card [**Default**](/conteudo/estrutura-e-conteudos/cards/default), porém com as especificidades a seguir apresentadas para configurar uma lista de imagens.

### <mark style="color:blue;">Estrutura Geral</mark>

Após parametrizar os demais aspectos do card:

* Escolha em quantas colunas você ter exibir as imagens do card:

<div align="left"><figure><img src="https://lh4.googleusercontent.com/BqXYv-A8Mp3e7zyxwd3bLMpaJEONwV8RRGMhKryH-65OvFsTb5tvoMsMLAoG-U4kUGt6o8Xxj9dwf_pm_6cfEn4LuAftuB3Riw6_4-gAoYbNBBqhKou4G3ruweEKriPLG8QdrS9Tt5g5Hj28VBmHGQY" alt=""><figcaption><p>Campo de "Quantidade de Colunas"</p></figcaption></figure></div>

* No bloco "<mark style="background-color:yellow;">**Lista de Imagens**</mark>" você poderá acionar quantas imagens quiser; para tal, para clicar no botão "**Adicionar Imagem**".

![](https://lh3.googleusercontent.com/eBdWvZvOKxd5rdYvPY0sikeXAL6Ulr1h6D0oYGdwvl-dBx8cGgmNTeaAzXUht9AlvpUBUW_Md1hZQYgrEDfuMkyQVvp4TLzYolxOvbjPvA3oL6T2Ez8ieXicd1GKl8Px1PRnMyWdd8Gs7AiokaqS_1g)

* Você poderá tipificar **cada imagem** no campo "<mark style="background-color:yellow;">**Tipo**</mark>".

<div align="left"><figure><img src="https://lh3.googleusercontent.com/B2m9btkO4q7Y5O4AE6pmLAS2yVoo1NAdArZRWfU-BmRjM8WlU9O8-nhf-PkbZRh0vOIWCWixbETy7_JrkRdsmuae1hlr98Sxkv3-EzGorsccivEdylY_-wF35iw3xGdt_JL_yiDyRcqrsGMOTG-RINk" alt=""><figcaption><p>Campo "Tipo"</p></figcaption></figure></div>

### <mark style="color:blue;">**Imagens do "tipo" Vídeo:**</mark>

* Preencher o campo <mark style="background-color:yellow;">**Título**</mark> (opcional).
* Preencher o campo <mark style="background-color:yellow;">**Texto**</mark> (opcional).
* Fazer upload da imagem no campo <mark style="background-color:yellow;">**Thumb**</mark> (tamanho recomendado: **500x500 pixels**)
* <mark style="background-color:yellow;">**URL do Vídeo**</mark> (suportado: YouTube, Facebook, Twitch e Vimeo).&#x20;
* Por fim, clique em <mark style="background-color:yellow;">**Salvar imagem**</mark> para gravar o item na sua lista.

![](https://lh4.googleusercontent.com/N6z9hqZQD7I3FG6KQflvH1Zm-PTRHqBvilWwrKJnXaZFhnN1tw-mXK-KUZFOdF9p2V6miiRsk_D6z_HOccd199LcKBLw1kVPBStl-TpuhtilH-IZa86JGYrdbQPo82kyLs5fQ8y2WMce_UcAYkDlFxk)

### <mark style="color:blue;">**Imagens do "tipo" URL:**</mark>

* Fazer upload da imagem no campo <mark style="background-color:yellow;">**Thumb**</mark> (tamanho recomendado: **500x500 pixels**)
* <mark style="background-color:yellow;">**Link do conteúdo**</mark> (suportado: qualquer link -- um site, formulário, Google Drive, etc.).
* Por fim, clique em <mark style="background-color:yellow;">**Salvar imagem**</mark> para gravar o item na sua lista.

![](https://lh4.googleusercontent.com/N6z9hqZQD7I3FG6KQflvH1Zm-PTRHqBvilWwrKJnXaZFhnN1tw-mXK-KUZFOdF9p2V6miiRsk_D6z_HOccd199LcKBLw1kVPBStl-TpuhtilH-IZa86JGYrdbQPo82kyLs5fQ8y2WMce_UcAYkDlFxk)

Após adicionar todas as imagens desejadas para fazer a sua lista, clique no botão **“Salvar”** para gravar as informações editadas.

![](/files/nnW90jTQNZOBHwE92WLX)

{% 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;">Como fica esse tipo de card?</mark>

Exemplo de card com background (uma cor), título e texto preenchidos; configuração de 2 colunas e adição de 3 imagens na lista: **violão, bateria e guitarra**.

<div align="left"><figure><img src="https://lh5.googleusercontent.com/mSZaAaUvGaZ8kG9QSyxgmytN1i53AaEU0Tywh82ZDupwuA4TkcMdehts5aux25Du600jJORbXgsTwm5-VSFrIDG0ifcuKN6zHz8_XnDaoPTSzE6qNCBb3pKDgjMOf-fyCUufg-A8D4lv5TVwm9Ylgrc" alt=""><figcaption></figcaption></figure></div>

Imagens do violão e da guitarra apresentam um **ícone de vídeo**. Ao clicar, abre um vídeo embed do Youtube, incluindo o **Título** e o **Texto**.

<div align="left"><figure><img src="https://lh5.googleusercontent.com/JV-gZBgB461t6r8Pbg8fNihG1JWLtX8tuu2YOhXFl4q_XiFRWdL1iLp-3FPAwYht4oLQUR_RQ86KGtf30FYnjhuSOJmoKiHCB4leWFLYsPgSg3_43K2TJSJdAqm0V8BiwilZ7hoiO5XzYK8DQhmgK98" alt=""><figcaption><p>Vídeo fulscreen - Título "Vídeo YouTube" e texto</p></figcaption></figure></div>

Imagem da bateria apresenta um ícone de **link**; ao clicar, abre uma página externa.

***

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


# Trilhas

Trilha é uma estrutura que agrega treinamentos, podendo estar relacionada a diferentes tags do sistema.

## <mark style="color:blue;">Editando uma Trilha</mark>

Para editar uma trilha já cadastrada você deve ir em Conteúdos > Trilhas <https://manager.grano.app/admin/trails> e clicar no lápis de edição.

<div align="left"><figure><img src="/files/nLJgRsWczktMSdmaYLV2" alt=""><figcaption></figcaption></figure></div>

## <mark style="color:blue;">Criando uma trilha</mark>

Para cadastrar uma trilha nova você deve ir em Conteúdos > Trilhas <https://manager.grano.app/admin/tracks> e clicar em **Adicionar Trilha**

<div align="left"><figure><img src="/files/6I56rfCdgXq895A3t07N" alt=""><figcaption></figcaption></figure></div>

Você vai precisar cadastrar as seguintes informações:

* <mark style="background-color:yellow;">**Tipo:**</mark>

<div align="left"><figure><img src="/files/vJO7ldUrzToywMXHmOIq" alt=""><figcaption></figcaption></figure></div>

**Ilimitada:** significa que o usuário poderá acessar todos os treinamentos, livremente.

**Limitada:** significa que, dos treinamentos disponíveis, o usuário precisará escolher a quantidade que você informar.

<div align="left"><figure><img src="/files/M5BBlkjbuDm7CwPbRkQx" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**Nome:**</mark> é como você quer chamar a trilha na Grano.

<div align="left"><figure><img src="/files/safcTNBZCD91HRz9wRd1" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/EI4zSopJE2kByJ5djF9o" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**Cor:**</mark> será a cor aplicada na barra lateral esquerda da trilha.

<div align="left"><figure><img src="/files/TsG4KNZAjr0GGzf486C3" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**Inicia em / Finaliza em:**</mark> datas que você pode estabelecer como início e final da trilha (caso ela seja temporal). Se ficar em branco, a trilha nunca expirará.<br>

  <div align="left"><figure><img src="/files/Uox7vBgWR7z89KdEAGAa" alt=""><figcaption></figcaption></figure></div>
* <mark style="background-color:yellow;">**Progresso:**</mark> se estiver selecionado, exibe uma barra com o percentual de evolução do usuário nos treinamentos da trilha.

<div align="left"><figure><img src="/files/TJkS5GsWTNpTZHEGdB7W" alt=""><figcaption></figcaption></figure></div>

![](/files/kmKyGHaYqJ3SkkxKaFUN)

* <mark style="background-color:yellow;">**Ordem:**</mark> define a ordenação da trilha, dentre todas as trilhas, na tela do usuário.

<div align="left"><figure><img src="/files/vIbYPnF7AHCdXZGwoFff" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**Categorias:**</mark> Se você ativou a opção de **home com categorias** em [parâmetros gerais](/conteudo/lms/setup-do-cliente/parametros-gerais) e já cadastrou as suas [categorias](/conteudo/estrutura-e-conteudos/categorias-greater-than-pre-home), basta clicar nos nomes das categorias para selecionar aquelas às quais a trilha deve estar vinculada.

<div align="left"><figure><img src="/files/r8Pwc3Ys4KCn6eRfhHgD" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**Vínculo de Treinamentos:**</mark> é o local onde você define quais treinamentos farão parte daquela trilha.

Clique em Vincular treinamento:

<div align="left"><figure><img src="/files/rOsqz1NnwcqrK2vUXwJJ" alt=""><figcaption></figcaption></figure></div>

Depois em Adicionar treinamento:

<div align="left"><figure><img src="/files/34HzM2EJh6Sw2mYarkFS" alt=""><figcaption></figcaption></figure></div>

Escolha os treinamentos desejados na lista.&#x20;

<div align="left"><figure><img src="/files/lVhhZLK8bNydlq2FxQdz" alt=""><figcaption></figcaption></figure></div>

Você pode clicar nos nomes dos treinamentos para selecionar todos aqueles que são necessários adicionar à trilha.

<figure><img src="/files/L9Om6C4U7sAIwUgDNta9" alt=""><figcaption></figcaption></figure>

Ao final clique em Salvar treinamento

<div align="left"><figure><img src="/files/SzdBqbrzWGWDWqvsIxxL" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
**Dica:** Você pode alterar a ordem que os treinamentos aparecem na plataforma pelas **setas** ou desvincular o treinamento da trilha clicando em **Deletar**\
![](/files/7E0luSUm499SpgEwMJmA)
{% endhint %}

* <mark style="background-color:yellow;">**Vínculo de Tags:**</mark> é o local onde você atribui as tags que terão acesso àquela trilha específica.&#x20;

Clique em Adicionar Tag:

<div align="left"><figure><img src="/files/zi3g6xYVeHBoAKG82CO2" alt=""><figcaption></figcaption></figure></div>

Escolha a tag desejada:

<div align="left"><figure><img src="/files/dEa5vTSkgzpkPKzTmddE" alt=""><figcaption></figcaption></figure></div>

Clique em Salvar Tag:

<div align="left"><figure><img src="/files/pNt8aQV35q03j4xhY044" alt=""><figcaption></figcaption></figure></div>

Repita o processo caso queira vincular mais tags.

{% hint style="info" %}
**Dica:** Você pode desvincular tags clicando em Deletar na coluna de Ações.\
![](/files/uOavJvoTeTDTWVAC8ymg)
{% endhint %}

{% hint style="warning" %}
**Atenção:**\
\
1\. Se não houver nenhuma tag atribuída, nenhum usuário poderá visualizar a trilha.<br>

2\. O usuário precisa ter a mesma tag da trilha para visualizar o conteúdo.
{% endhint %}

Lembre-se: ao final, sempre clique no botão "Salvar Trilha".

<div align="left"><figure><img src="/files/P2qzgzsVLlbMjFCM70Ns" alt=""><figcaption></figcaption></figure></div>

***

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


# Categorias > Pré-Home

Pré-Home personalizada, permitindo que os usuários escolham uma categoria específica de conteúdo.

Essa funcionalidade oferece uma experiência de aprendizado mais direcionada, para que os usuários tenham acesso imediato ao conteúdo que mais lhes interessa.

## <mark style="color:blue;">Configurando uma Pré-Home</mark>

Em [**Parâmetros gerais**](/conteudo/lms/setup-do-cliente/parametros-gerais), no campo <mark style="background-color:yellow;">**Tipo da Home**</mark> selecione **Com Categoria.**

<div align="left"><figure><img src="/files/ZNUEsYW5IJjWV487Nptt" alt=""><figcaption></figcaption></figure></div>

Ao final, lembre-se de salvar as informações editadas no botão ''Salvar Parâmetros Gerais". As informações podem demorar alguns minutos para aparecerem na plataforma.

<div align="left"><figure><img src="/files/zN3sdcS1WkN5xTIatC1a" alt=""><figcaption></figcaption></figure></div>

## <mark style="color:blue;">Cadastrando uma categoria</mark>

Para cadastrar uma categoria nova você deve ir em Conteúdos > Categorias <https://manager.grano.app/admin/tracks>[ ](https://manager.grano.app/admin/categories)e clicar em **Adicionar Categoria.**

<div align="left"><figure><img src="/files/he0oQ9ISk2dfhXZKMA8u" alt=""><figcaption></figcaption></figure></div>

A seguir listaremos todos os campos necessários para criar uma categoria na plataforma:<br>

* <mark style="background-color:yellow;">**Nome:**</mark> é nome da categoria a ser visualizada por você e pelo usuário.&#x20;

<div align="left"><figure><img src="/files/TOOdnMCf1TC7MAd5ZIp0" alt=""><figcaption><p>Campo "Nome"</p></figcaption></figure></div>

* <mark style="background-color:yellow;">**Thumb:**</mark> é a imagem que é exibida para o usuário no "topo" do categoria. Ela deve respeitar os formatos suportados pela plataforma (**.jpg ou .png**) e ter uma resolução de 750 por 445 pixels).

<div align="left"><figure><img src="/files/IOxwn80xjTxvdFGcN3qB" alt=""><figcaption><p>Campo "Thumb"</p></figcaption></figure></div>

* <mark style="background-color:yellow;">**Descrição:**</mark> é a descrição da categoria, exibida para o usuário logo abaixo do nome da categoria. Sugere-se que tenha entre no máximo 255 caracteres.

<figure><img src="/files/ZMugMPX56cIaHjYHk6qG" alt=""><figcaption><p>Campo "Descrição"</p></figcaption></figure>

* <mark style="background-color:yellow;">**Cor:**</mark> é a cor da categoria, exibida no nome da categoria e no botão Acessar.

<div align="left"><figure><img src="/files/BA9mF8uggQo4inGHtFRT" alt=""><figcaption><p>Campo "Cor"</p></figcaption></figure></div>

* <mark style="background-color:yellow;">**Habilitado:**</mark> Selecione essa opção para habilitar a Categoria na Home. Sugere-se que você cadastre todas as categorias e só depois habilite elas para aparecerem para os usuários.

<div align="left"><figure><img src="/files/iIv7qAdd9ExpnjxWhbUj" alt=""><figcaption><p>Campo "habilitado"</p></figcaption></figure></div>

* <mark style="background-color:yellow;">**Vínculo de Treinamentos:**</mark> é o local onde você define quais trilhas farão parte daquela categoria.&#x20;

Clique em Vincular Trilhas:

<div align="left"><figure><img src="/files/gnWdxeiBCTZLGPXqqUvh" alt=""><figcaption></figcaption></figure></div>

Depois em Adicionar trilha:

<div align="left"><figure><img src="/files/bMNSygJhb2zGgJBTKDje" alt=""><figcaption></figcaption></figure></div>

Escolha a trilha desejada na lista e clique sob o nome para selecionar.

<div align="left"><figure><img src="/files/RyPzcWd1Z3r9BFnHcR4z" alt=""><figcaption></figcaption></figure></div>

Ao final clique em Salvar Trilha

<div align="left"><figure><img src="/files/dXOboOfHHmi6iZo4skEQ" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
**Dica:** Você pode desvincular a trilha da categoria clicando em **Deletar**\
\
![](/files/88ZFdPNx5xS090ydxRiZ)
{% endhint %}

Repita o processo caso queira adicionar mais trilhas.

**Lembre-se:** ao final, sempre clique no botão "Salvar Categoria".

<div align="left"><figure><img src="/files/XZnDJEFt9n5AsjCUNsSU" alt=""><figcaption></figcaption></figure></div>

Na [página principal](https://manager.grano.app/admin/categories), você pode alterar a ordem que as categorias aparecem na plataforma pelas **setas** ou excluir a categoria clicando em **Deletar.** Além de poder **editar** alguma informação clicar no ícone do lápis.

\
![](/files/Z5y9Qa7P3H0raZ3me0XG)

### <mark style="color:blue;">Exemplo de Home com Categorias</mark>

<figure><img src="/files/wur9UWGuXBl0pWokY9uS" alt=""><figcaption></figcaption></figure>

***

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


# Tags

Através das tags é possível realizar a segmentação de usuários e o controle de acesso a conteúdos na plataforma.

Para que esse controle e segmentação seja efetivo, alguns passos precisam ser seguidos: criar as tags > relacionar as tags aos usuários > criar os treinamentos (módulos e cards) > criar as trilhas (incluindo os devidos treinamentos) > relacionar as tags às trilhas.

As tags podem ser organizadas em até 4 diferentes níveis:

* <mark style="background-color:yellow;">**Cliente:**</mark> obrigatória; 1˚ nível. É a tag que define o sistema universal de acessos a todos os usuários da plataforma, para os conteúdos comuns e aplicáveis a todos.
* <mark style="background-color:yellow;">**Grupo ("Unidade", na versão 1.0)**</mark>: opcional; 2˚ nível Serve para você organizar, por exemplo, departamentos, áreas ou grupos específicos de usuários que você queira entregar conteúdos distintos.
* <mark style="background-color:yellow;">**Subgrupo ( "Sala", na versão 1.0):**</mark> opcional; 3˚ nível. Serve para você segmentar ainda mais seus subgrupos de usuários e conteúdos.
* <mark style="background-color:yellow;">**Custom:**</mark> opcional; qualquer nível. Caso você queira relacionar algo avulso e específico, independente da hierarquia.

<div align="left"><figure><img src="/files/88yy1lLfyd7DSlO2IR9P" alt=""><figcaption></figcaption></figure></div>

## <mark style="color:blue;">Criando uma nova Tag</mark>

<https://manager.grano.app/admin/tags>&#x20;

Clique em **''Adicionar tag''**

![](/files/7kck6zHaFI5V8O4XOMxU)

Ao criar uma tag, o administrador tem as seguintes opções na plataforma:

* Cliente: selecione sua empresa

<div align="left"><figure><img src="/files/Hm3ZtkLeO6bY1Tyn8j67" alt=""><figcaption></figcaption></figure></div>

* Tipo: selecione o tipo de tag que deseja cadastrar

![](/files/pXefy6xLrAwGHwsDiCXe)

* Título/Tag: informe um nome para a sua nova tag

<div align="left"><figure><img src="/files/Vto44UWNdr8qQw1gvYIe" alt=""><figcaption></figcaption></figure></div>

* Tag Mãe: selecione a tag mãe, a qual a nova tag será vinculada

<div align="left"><figure><img src="/files/d9BYUtXOCNAHDDHO3tCz" alt=""><figcaption></figcaption></figure></div>

* Clique em "Salvar Tag"

<div align="left"><figure><img src="/files/UdYCueIFPzeC0zBthw19" alt=""><figcaption></figcaption></figure></div>

***

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


# Badges e Certificados

Essa é a funcionalidade que permite criar conquistas e relacioná-las a diferentes ações do usuário na plataforma.

Atualmente as opções são:

* Badge avulso, quando um usuário completa um treinamento, **independente da pontuação** obtida.
* Badge avulso, quando um usuário completa um treinamento, **dependendo da pontuação** obtida.
* Badge avulso, quando um usuário completa um módulo, **independente da pontuação** obtida.
* Badge avulso, quando um usuário completa um módulo, **dependendo da pontuação** obtida.
* [Certificado](#tipo-certificado-treinamento-completado), quando um usuário completa um treinamento.

O botão "Restaurar Badges" permite que um badge deletado seja ativado novamente.

<div align="left"><figure><img src="/files/qflBcEH1cKQuvuHEMQFI" alt=""><figcaption></figcaption></figure></div>

O botão "Adicionar Badge" permite cadastrar um badge do zero.

<div align="left"><figure><img src="/files/3xWcdiVdxitHSTPCIZ0M" alt=""><figcaption></figcaption></figure></div>

## <mark style="color:blue;">Criando um novo Badge</mark>

<https://manager.grano.app/admin/badges>

## <mark style="color:blue;">Tipo "Treinamento Completado"</mark>

* Tipo: Selecione o tipo <mark style="background-color:yellow;">**"Treinamento Completado"**</mark>

<div align="left"><figure><img src="/files/Eggk0bhMehQzTRRammmj" alt=""><figcaption></figcaption></figure></div>

* Campo <mark style="background-color:yellow;">**"Treinamento Completado"**</mark>: permite escolher o treinamento específico do badge.

<div align="left"><figure><img src="/files/d7fQxLGHYB1iETYIPhGc" alt=""><figcaption></figcaption></figure></div>

* Campo <mark style="background-color:yellow;">**"Título"**</mark>: nome do badge (sem aspas)

<div align="left"><figure><img src="/files/ss9VqhSu5an4ytYJz4zn" alt=""><figcaption></figcaption></figure></div>

* Campo <mark style="background-color:yellow;">**"Subtítulo"**</mark>: texto curto, exibido logo abaixo do "Título" na visualização do badge.

<div align="left"><figure><img src="/files/eXf9uj3wU1VgCzyQ50us" alt=""><figcaption></figcaption></figure></div>

* Campo <mark style="background-color:yellow;">**"Texto"**</mark>: descrição do badge; texto completo que aparecerá na área de "Conquistas" do usuário.

<div align="left"><figure><img src="/files/ldGJMuHP6n7PH6gFc1Xl" alt=""><figcaption></figcaption></figure></div>

Caso não seja preenchido, o texto é gerado automaticamente. Ex: Certificado "xxxxx" disponível.<br>

* Campo <mark style="background-color:yellow;">**"Imagem"**</mark>: imagem do badge, no tamanho de 500x500px.

<div align="left"><figure><img src="/files/kwcsSUD2q5RBdinaekf8" alt=""><figcaption></figcaption></figure></div>

* Campo <mark style="background-color:yellow;">**"Cor Hexa"**</mark>: cor do badge; aparecerá na área de "Conquistas" do usuário.

<div align="left"><figure><img src="/files/c4gfkJmnLXfxZ5kyY8qb" alt=""><figcaption></figcaption></figure></div>

* Campo <mark style="background-color:yellow;">**"Share  - Título"**</mark>: é o título do badge que aparecerá na rede social, quando ele for compartilhado pelo usuário.

<div align="left"><figure><img src="/files/nbmgTKFHDauB55p2EdHx" alt=""><figcaption></figcaption></figure></div>

* Campo <mark style="background-color:yellow;">**"Share - Descrição"**</mark>: é a descrição do badge que aparecerá na rede social, quando ele for compartilhado pelo usuário.

<div align="left"><figure><img src="/files/oFRffEum0L3mDdD9VYVa" alt=""><figcaption></figcaption></figure></div>

* Campo <mark style="background-color:yellow;">**"Share  - Imagem"**</mark>: é a imagem do badge (1200x630px) que aparecerá na rede social, quando ele for compartilhado pelo usuário.

<div align="left"><figure><img src="/files/PWuBisCLeNuTUfgCTwJJ" alt=""><figcaption></figcaption></figure></div>

**Exemplo Share:**

<figure><img src="/files/ne8sArQHmsPV54kPNOsK" alt=""><figcaption><p>Exemplo de cadastro de badge e compartilhamento em redes sociais</p></figcaption></figure>

* Campo <mark style="background-color:yellow;">**"Chave Única"**</mark>: é a identificação do badge no LMS; algo único e específico desse badge, para que você cadastre para facilitar buscas futuras.

<div align="left"><figure><img src="/files/siJHIG3nmluxTTBMp8jv" alt=""><figcaption></figcaption></figure></div>

## <mark style="color:blue;">Tipo "Treinamento Completado com Pontuação Min/Max"</mark>

Mesma lógica do cadastro anterior, porém, com a opção de ter múltiplos níveis de badges de acordo com a pontuação obtida pelo usuário naquele treinamento.

Por exemplo, digamos que você queira criar 3 níveis de um mesmo badge: ouro, prata e bronze, sendo:

* **Ouro: 100-80**
* **Prata: 79-50**
* **Bronze: 49-20**

Ao cadastrar esses valores nos campos "Percentual Mínimo" e "Percentual Máximo", em cada novo badge, relacionado ao mesmo treinamento, a plataforma distribuirá o badge correspondente aos pontos atingidos. No exemplo acima, se o usuário conquistar 19 pontos ou menos, não receberá nada.

<div align="left"><figure><img src="/files/TJc5ASfTBw3Hf23L5r9J" alt=""><figcaption></figcaption></figure></div>

A mesma lógica anteriormente descrita vale para cadastro de badges para os módulos, quando a opção escolhida no campo "Tipo" for "Módulo Completado" ou "Módulo Completado com Pontuação Min/Max".

## [<mark style="color:blue;">Tipo "Certificado - Treinamento Completado"</mark>](#tipo-certificado-treinamento-completado)<mark style="color:blue;">:</mark>

* Tipo: Selecione o tipo <mark style="background-color:yellow;">**Certificado - Treinamento completado**</mark>

<div align="left"><figure><img src="/files/gOuBAlOnxhb54UAxapZi" alt=""><figcaption></figcaption></figure></div>

* Campo <mark style="background-color:yellow;">**"Treinamento Completado"**</mark>: permite escolher o treinamento específico do badge.

<div align="left"><figure><img src="/files/d7fQxLGHYB1iETYIPhGc" alt=""><figcaption></figcaption></figure></div>

* Campo <mark style="background-color:yellow;">**"Título"**</mark>: nome do badge.

<div align="left"><figure><img src="/files/ss9VqhSu5an4ytYJz4zn" alt=""><figcaption></figcaption></figure></div>

* Campo <mark style="background-color:yellow;">**"Subtítulo"**</mark>: texto curto, exibido logo abaixo do "Título" na visualização do badge.

<div align="left"><figure><img src="/files/eXf9uj3wU1VgCzyQ50us" alt=""><figcaption></figcaption></figure></div>

* Campo <mark style="background-color:yellow;">**"Texto"**</mark>: descrição do badge; texto completo que aparecerá na área de "Conquistas" do usuário.

<div align="left"><figure><img src="/files/ldGJMuHP6n7PH6gFc1Xl" alt=""><figcaption></figcaption></figure></div>

Caso não seja preenchido, o texto é gerado automaticamente. Ex: Certificado "xxxxx" disponível.<br>

* Campo <mark style="background-color:yellow;">**"Imagem"**</mark>: imagem do badge, no tamanho de 500x500px.

<div align="left"><figure><img src="/files/kwcsSUD2q5RBdinaekf8" alt=""><figcaption></figcaption></figure></div>

* Campo <mark style="background-color:yellow;">**"Cor Hexa"**</mark>: cor do badge; aparecerá na área de "Conquistas" do usuário.

<div align="left"><figure><img src="/files/c4gfkJmnLXfxZ5kyY8qb" alt=""><figcaption></figcaption></figure></div>

* O certificado poderá ser gerado a partir de um template (fundo do certificado sem texto) que você defina previamente. Tal template deve ser exportado como uma imagem .SVG, com resolução 1000x1000 pixels adicionado no campo "Certificado - Imagem".&#x20;

<div align="left"><figure><img src="/files/EILK9jiPGbkjVI6Ce9sj" alt=""><figcaption></figcaption></figure></div>

**Exemplo:**

<figure><img src="/files/q1yeNkqxg8uYuXMfpG7y" alt=""><figcaption></figcaption></figure>

* No campo <mark style="background-color:yellow;">**"Certificado - Texto"**</mark>, o certificado poderá receber variáveis do sistema, para que ele seja personalizado ao usuário.

<figure><img src="/files/ypOrGC3mvCvyeMnIKHJu" alt=""><figcaption></figcaption></figure>

São elas:

* @name: Nome do usuário
* @track: Nome da Trilha
* @date: Data que foi gerado o certificado
* @duration: Duração do treinamento (Treinamento: Duração - Texto)

O campo "Certificado - Texto" recebe diferentes instruções para definir o que será inserido no certificado. Explicando o exemplo disponível no LMS:

<mark style="color:purple;">\<svg width="1000" height="1000" viewBox="0 0 1000 1000"></mark>

Define que a imagem tem 1000x1000

<mark style="color:purple;">\<text text-anchor="middle" fill="#333" font-family="Verdana, Helvetica, sans-serif" font-size="2.2em"></mark>

\
Define a fonte a ser utilizada e o tamanho da mesma. Outras opções, conforme indicação no LMS.

<mark style="color:purple;">\<tspan x="50%" y="55%">Eu, \<tspan font-weight="bold">@name\</tspan>, concluí a trilha de microlearning\</tspan></mark>

"X" é a altura do texto; "Y" é a linha que iniciará a inserção. Nesse exemplo, a variável "@name" será inserida em bold.

<mark style="color:purple;">\<tspan x="50%" y="59%">\<tspan font-weight="bold">”@track”\</tspan> em \<tspan font-weight="bold">@date\</tspan>\</tspan></mark>

<mark style="color:purple;">\<tspan x="50%" y="63%">com duração de \<tspan font-weight="bold">@duration\</tspan> na Plataforma Grano.\</tspan></mark>

Outras 2 linhas, utilizando novas variáveis do sistema.

O resultado final, desse template, parametrizado, é:

<figure><img src="/files/83BQ2YHuhaPpLeyoohZ1" alt=""><figcaption></figcaption></figure>

O uso de variáveis é opcional pelo administrador do sistema. Caso queira apenas um texto genérico, ou uma variável específica (exemplo: @name) basta copiar/colar o trecho de código do exemplo (no campo "Certificado - Texto") e editar (ou excluir) as linhas que iniciam pela tag \<tspan>.

* Campo <mark style="background-color:yellow;">**"Share  - Título"**</mark>: é o título do badge que aparecerá na rede social, quando ele for compartilhado pelo usuário.

<div align="left"><figure><img src="/files/nbmgTKFHDauB55p2EdHx" alt=""><figcaption></figcaption></figure></div>

* Campo <mark style="background-color:yellow;">**"Share - Descrição"**</mark>: é a descrição do badge que aparecerá na rede social, quando ele for compartilhado pelo usuário.

<div align="left"><figure><img src="/files/oFRffEum0L3mDdD9VYVa" alt=""><figcaption></figcaption></figure></div>

* Campo <mark style="background-color:yellow;">**"Share  - Imagem"**</mark>: é a imagem do badge (1200x630px) que aparecerá na rede social, quando ele for compartilhado pelo usuário.

<div align="left"><figure><img src="/files/PWuBisCLeNuTUfgCTwJJ" alt=""><figcaption></figcaption></figure></div>

**Exemplo Share:**

<figure><img src="/files/ne8sArQHmsPV54kPNOsK" alt=""><figcaption><p>Exemplo de cadastro de badge e compartilhamento em redes sociais</p></figcaption></figure>

* Campo <mark style="background-color:yellow;">**"Chave Única"**</mark>: é a identificação do badge no LMS; algo único e específico desse badge, para que você cadastre para facilitar buscas futuras.

<div align="left"><figure><img src="/files/siJHIG3nmluxTTBMp8jv" alt=""><figcaption></figcaption></figure></div>

Salve o badge para salvar todas as informações.

<div align="left"><figure><img src="/files/jUvLZmB2d75ENUnClaCu" alt=""><figcaption></figcaption></figure></div>

Após salvar, é possível ter um preview (exemplo) de como a frase será aplicada no template, acessando o menu **"Lista - Badge"**, localizando o respectivo badge criado e, na coluna **"ações"**, clicar no **ícone (olho)** de visualizar item.

<div align="left"><figure><img src="/files/vZ6KrDjuvDBMUplTDIme" alt=""><figcaption></figcaption></figure></div>

![](/files/6TaFdqPqb44bjge0QJRw)

## <mark style="color:blue;">Exemplo dos badges na aba de Conquistas:</mark>

<div align="left"><figure><img src="/files/BXS9l4sF9Um3MgPpBo3T" alt=""><figcaption></figcaption></figure></div>

***

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


# Downloads

Essa é a funcionalidade do LMS que permite ao administrador cadastrar links externos com materiais para download pelos usuários da plataforma.

Em geral é utilizado para casos em que o administrador queira disponibilizar conteúdos específicos pré ou após o início de treinamentos pelos usuários.

O botão "adicionar download externo" permite cadastrar um download externo do zero.

## <mark style="color:blue;">Criando um novo Download Externo</mark>

Downloads Externos > Lista - Download Externo <https://manager.grano.app/admin/downloads><br>

Clique em **"Adicionar Download Externo"**

<div align="left"><figure><img src="/files/4SW21McnkiAIWbK8Vxe2" alt=""><figcaption></figcaption></figure></div>

Você vai precisar cadastrar as seguintes informações:

* <mark style="background-color:yellow;">**Tipo:**</mark> Privado ou Público.

<div align="left"><figure><img src="/files/ECKp9DXM4rUcCJbJhKXb" alt=""><figcaption></figcaption></figure></div>

**Tipo "Privado":** significa que apenas usuários cadastrados e logados na plataforma poderão acessar um link compartilhado por outros usuários.

**Tipo "Público":** significa que qualquer usuário externo com o link poderá acessar a lista de downloads cadastrada.

* <mark style="background-color:yellow;">**Campo "Título":**</mark> é o título da lista de downloads.

<div align="left"><figure><img src="/files/zRLZDqMiCONrXnKI5Lwd" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**Campo "Texto":**</mark> é o texto explicativo sobre aquela lista de arquivos/materiais para download.

<div align="left"><figure><img src="/files/GBNU1ZCOxlmVDzyWVFXz" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**Campo "Label do Botão":**</mark> é o nome que aparece no botão que fica na página do treinamento (caso ele tenha mais de 1 módulo). Exemplos: "Download", "Acessar", "Arquivos" (ou como o administrador desejar).

<div align="left"><figure><img src="/files/M4kyiWqbS3QbzUwCO71A" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**Campo "Share  - Título":**</mark> é o título da lista de downloads; aparecerá na rede social, quando for compartilhado pelo usuário.

<div align="left"><figure><img src="/files/tsC8IZ1HD2LnkIIPLVLv" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**Campo "Share - Descrição":**</mark> é a descrição da lista de downloads; aparecerá na rede social, quando for compartilhado pelo usuário.

<div align="left"><figure><img src="/files/uFIXshUqN7dcsBytoiV3" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**Campo "Share Imagem":**</mark> é a imagem (1200x630px) que aparecerá na rede social, quando ele for compartilhado pelo usuário.

<div align="left"><figure><img src="/files/FGn39jQgXCJkzuILnkZN" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**Botão "Cadastrar Download":**</mark> salva a página de downloads criada e ativa o bloco Downloads para adicionar itens na lista.

<div align="left"><figure><img src="/files/OKcvdRW1q8NRtb16Gnia" alt=""><figcaption></figcaption></figure></div>

No bloco Downloads, clique em **"Adicionar Download"** para adicionar os itens da lista.

<div align="left"><figure><img src="/files/DW9e8uUx3yj6Ujcp7KA0" alt=""><figcaption></figcaption></figure></div>

Para cada **download** é preciso cadastrar:

* <mark style="background-color:yellow;">**Título**</mark> do material/arquivo para download.

<div align="left"><figure><img src="/files/bVn99BBDim1Eor5TyBWc" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**Texto**</mark> do material/arquivo para download; explicação sobre o que se trata tal arquivo.

<div align="left"><figure><img src="/files/VIhFkRzXXO0vy1QrwNLs" alt=""><figcaption></figcaption></figure></div>

* <mark style="background-color:yellow;">**URL**</mark> do material/arquivo para download, aqui pode ser um link para um site, Google Drive, One Drive, etc.

<div align="left"><figure><img src="/files/W2gvx4T3WCxR3kHmEkuw" alt=""><figcaption></figcaption></figure></div>

Clicando em **"Salvar Download"** automaticamente o LMS permitirá a adição de outros "n" materiais para download, tantos quantos forem necessários.

<div align="left"><figure><img src="/files/HlWOBih0gum875qvADxV" alt=""><figcaption></figcaption></figure></div>

Ao final do processo, clique em **"Salvar Download Externo"** para salvar todas as informações da sua página de downloads.

<div align="left"><figure><img src="/files/DZFHihE6Dxek5t3mti2N" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
Você deve **vincular** o download dentro do [treinamento](/conteudo/estrutura-e-conteudos/treinamentos) para que a página dos downloads seja visualizada pelos usuários na plataforma.
{% endhint %}

### <mark style="color:blue;">Confira o passo a passo em vídeo:</mark>

{% embed url="<https://player.vimeo.com/video/917159952>" %}

### <mark style="color:blue;">Exemplo de Página de Downloads</mark>

<figure><img src="/files/lSCvLqjgVTRErsR7xD8c" alt=""><figcaption></figcaption></figure>

***

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


# Produção de Conteúdo

A Grano disponibiliza diversos treinamentos para você conhecer a plataforma e aprender sobre microlearning. Através dos treinamentos você aprenderá sobre a metodologia microlearning e encontrará dicas de como produzir um conteúdo que gere engajamento e garanta a assimilação e retenção do conhecimento pelos usuários.

<figure><img src="/files/Kv7lHBcXaUsG8SSgBEKP" alt=""><figcaption><p>edu.grano.app | Grano - Plataforma de Microlearning </p></figcaption></figure>

Visite [**edu.grano.app**](https://edu.grano.app/) e faça os treinamentos disponíveis na plataforma.

{% hint style="info" %}
Caso você ainda não possua usuário cadastrado, acesse nossa [**Landing Page**](https://edu.grano.app/cadastro/trial), preencha o formulário e siga as instruções que irá receber em seu e-mail.
{% endhint %}

***

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


# Divisão do conteúdo na plataforma

A Grano distribui conteúdos em microlearning, através de **cards** agrupados em **módulos.** Os módulos são agrupados em **treinamentos**, que, por sua vez, são agrupados em **trilhas.**

Podemos ter um treinamento com vários módulos dentro.

<div align="left"><figure><img src="/files/XMYVDrg3jViv1i8PckPH" alt=""><figcaption></figcaption></figure></div>

Exemplo:

<figure><img src="/files/H51L7IYfM8QAhq5q5Fl9" alt=""><figcaption></figcaption></figure>

Podemos ter um treinamento com apenas 1 módulo. Nesse caso a página de módulos não existe, a plataforma abre diretamente nos cards.

<div align="left"><figure><img src="/files/bNhvH5C3Ahbrxfma6mlT" alt=""><figcaption></figcaption></figure></div>

Exemplo:

<figure><img src="/files/fHTYGzIg17A1Kb0Aco6O" alt=""><figcaption></figcaption></figure>

***

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


# Dicas de microlearning

Sugere-se, para fins de produção de conteúdos, que os cards sejam sempre focados em uma ideia e um objetivo (relacionado ao módulo a que pertencem), com marcação muito clara das etapas de introdução, desenvolvimento, testagem e conclusão (em seu sequenciamento). Também convenciona-se que sejam apresentadas de maneira diversa, mixando textos, imagens, vídeos, podcasts, quizzes e outros que criem uma narrativa próxima com as histórias que vemos nas redes sociais.

Por boa prática, tempos entre 3-5 minutos são os ideais para uma sequência de cards (ou módulo).

* Conteúdos com apenas 1 ou no máximo 2 aprendizados (*microlearning*);<br>
* Cada Treinamento com no máximo 15 minutos (ideal que seja entre 5 e 10 min); Módulos devem ser no máximo de 5 minutos, com uma média de 30 cards.<br>
* Utilizar formas de mídias informativas diferentes (texto/vídeo/cards sequenciais, etc.);<br>
* Usar em todas os conteúdos cards interativos (perguntas de opinião, perguntas certo/errado);<br>
* Fazer cards de texto de fácil e de rápida leitura, sempre; lembre-se de não colocar muito texto em um único card.<br>
* Design de card atrativo (fontes de texto, imagens, fundo do card, recursos visuais, etc.);<br>
* Usar memes e figurinhas, sempre que for conveniente, mas atenção, use gifs com moderação.

{% hint style="info" %}
Para mais dicas sobre microlearning e conteúdo, visite [**edu.grano.app**](https://edu.grano.app/) e faça os treinamentos disponíveis na plataforma.

Caso você ainda não possua usuário cadastrado, acesse nossa [**Landing Page**](https://edu.grano.app/cadastro/trial), preencha o formulário e siga as instruções que irá receber em seu e-mail.
{% endhint %}

***

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


# Versão 3.0

Lançada em 05 de Fevereiro de 2024

A Grano está inovando no mercado com sua nova solução White Label, que possibilita a empresas e instituições lançarem suas próprias plataformas de aprendizado customizadas. Essa solução oferece uma réplica funcional da plataforma Grano, proporcionando aos clientes total flexibilidade de gestão e personalização.

Com a adoção da solução White Label, as organizações poderão:

* **Personalizar com Marca e Domínio Próprios:** Integrar a identidade visual e os valores da organização na plataforma, oferecendo uma experiência de aprendizado coesa e única.
* **Configurar Ambientes para seus Próprios Clientes:** Criar e gerenciar ambientes de aprendizado personalizados para atender às necessidades específicas de cada cliente.
* **Manter as Funcionalidades da Plataforma Grano:** Acesso a todas as features já conhecidas da Plataforma Grano, incluindo um dashboard intuitivo e relatórios detalhados para monitorar o engajamento e analisar a performance dos conteúdos.

Essa solução representa uma oportunidade única para empresas e instituições expandirem seus serviços, oferecendo plataformas de aprendizado altamente adaptáveis e integradas às suas marcas, fortalecendo sua presença no mercado educacional corporativo e institucional.

Se deseja saber mais sobre como a solução White Label da Grano pode beneficiar sua empresa ou instituição, estamos à disposição para uma conversa. Entre em contato conosco através do e-mail <comercial@grano.app> e descubra todas as vantagens de customizar sua própria plataforma de aprendizado.

<figure><img src="/files/qG6FrMEonaDAdLrWiAcG" alt=""><figcaption></figcaption></figure>

***

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


# Versão 2.9

Lançada em 26 de Janeiro de 2024

A Versão 2.9 da Grano já está disponível e conta com a resolução de alguns bugs e melhorias para otimizar a performance da plataforma, garantindo maior estabilidade e segurança. Essa atualização foi implementada automaticamente, proporcionando uma experiência de aprendizado ainda mais confiável e eficiente para os usuários.

***

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


# Versão 2.8

Lançada em 23 de Outubro de 2023

Estamos empolgados em anunciar a versão 2.8 da nossa plataforma Grano. Essa atualização traz algumas melhorias e correções de bugs para proporcionar a você uma experiência ainda mais suave e envolvente.

​A cada atualização, reforçamos nosso compromisso de fazer as coisas da melhor maneira possível. Agradecemos por nos acompanhar nessa jornada contínua de melhoria, estamos aqui para ajudar sua empresa a crescer e tornar cada treinamento uma experiência única e envolvente.

### <mark style="color:blue;">Botão de Ajuda no LMS</mark>

Inclusão de um botão no LMS da Grano que direciona os usuários para o repositório da Grano em [docs.grano.app](https://docs.grano.app/). Isso facilitará o acesso rápido aos recursos caso surjam dúvidas.

<figure><img src="/files/OVQwCnSHLtLduUGSxb7g" alt=""><figcaption></figcaption></figure>

### <mark style="color:blue;">Ajustes de traduções EN e ES</mark>

Realizados ajustes de tradução de textos em inglês e espanhol na plataforma e Landing Pages.

### <mark style="color:blue;">Card de Sons Efeitos</mark>

Esse card foi totalmente reprogramado para garantir uma melhor experiência no desktop e no mobile, tanto no Android quanto no iPhone. Esse é um card onde uma lista de áudios cadastrados tocam por cima do áudio original, um de cada vez. Ele é indicado para mostrar efeitos de mistura de 2 áudios. Você pode saber mais sobre esse card [aqui](/conteudo/estrutura-e-conteudos/cards/som-efeitos).

### <mark style="color:blue;">Correção de Pequenos Bugs</mark>

Nossa equipe dedicou esforços para identificar e corrigir pequenos bugs relatados por nossos clientes e usuários. Isso garantirá uma experiência de aprendizado sem interrupções, proporcionando maior estabilidade e confiabilidade na plataforma.

***

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


# Versão 2.7

Lançada em 08 de Setembro de 2023

É com grande entusiasmo que anunciamos a mais recente atualização da nossa plataforma: a **versão 2.7** da Grano. Esta versão traz uma série de melhorias e correções de bugs, garantindo uma experiência ainda mais fluida e envolvente para você. A cada atualização, reafirmamos nosso compromisso com a excelência, trabalhando incansavelmente para aprimorar nossa solução e atender às suas expectativas.

### <mark style="color:blue;">Report Usuários vs. Cards (Quiz) - CSV</mark>

Agora, além de acompanhar em um relatório todas as respostas para os cards de Pergunta, você também poderá baixar o **CSV** com os dados que achar necessário. Confira aqui: <https://manager.grano.app/admin/card_users_quiz/report>

![](/files/ukWRPm2tRre0cgmyz9Ai)

### <mark style="color:blue;">Ajustes de traduções EN e ES</mark>

Realizados ajustes de tradução de textos em inglês e espanhol na plataforma e Landing Pages.

### <mark style="color:blue;">Correção de Pequenos Bugs</mark>

Nossa equipe dedicou esforços para identificar e corrigir pequenos bugs relatados por nossos clientes e usuários. Isso garantirá uma experiência de aprendizado sem interrupções, proporcionando maior estabilidade e confiabilidade na plataforma.

***

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


# Versão 2.6

Lançada em 10 de Julho de 2023

A **versão 2.6** da Grano traz diversas melhorias e aprimoramentos para proporcionar uma experiência ainda melhor na plataforma. Com recursos como opção de habilitar/desabilitar treinamentos públicos e notificações de conquistas, estamos comprometidos em oferecer a melhor experiência possível aos nossos usuários. Explore todas as novidades da **versão 2.6** e desfrute de uma Grano aprimorada!

### <mark style="color:blue;">Notificação/sinalização de Conquistas</mark>

Agora, os usuários poderão visualizar de forma clara e intuitiva quando alcançarem uma conquista, através de uma sinalização de notificação no ícone da página de conquistas.

<figure><img src="/files/EtHyY8bhIN3wLrwh0Oac" alt=""><figcaption></figcaption></figure>

### <mark style="color:blue;">Report Usuários vs. Cards (Quiz)</mark>

No LMS, foi adicionada uma seção dedicada exclusivamente à visualização dos dados dos cards de quiz no relatório "Usuários vs. Cards (Quiz)". Essa nova opção permite uma visualização direta dos detalhes das interações dos usuários com os cards de quiz, incluindo as respostas fornecidas pelos usuários. Para acessar essa seção, selecione a opção "Usuários vs. Cards (Quiz)" na lista de relatórios disponíveis no menu do LMS: <https://manager.grano.app/admin/card_users_quiz/report>

### <mark style="color:blue;">Landing Page | Exclusão de usuários</mark>&#x20;

Melhoria que permite excluir usuários da lista de usuários cadastrados via Landing Page: <https://manager.grano.app/admin/landing_users>

### <mark style="color:blue;">Ajustes de traduções ES</mark>

Realizados ajustes de tradução de textos em espanhol na plataforma.

### <mark style="color:blue;">Correção de Pequenos Bugs</mark>

Nossa equipe dedicou esforços para identificar e corrigir pequenos bugs relatados por nossos clientes e usuários. Isso garantirá uma experiência de aprendizado sem interrupções, proporcionando maior estabilidade e confiabilidade na plataforma.

***

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


# Versão 2.5

Lançada em 09 de Maio de 2023

Estamos empolgados em anunciar o lançamento da **versão 2.5**, trazendo uma série de recursos e melhorias projetados para aprimorar ainda mais sua experiência de microlearning!&#x20;

Nossa equipe tem trabalhado arduamente para ouvir o feedback valioso de nossos clientes e usuários, e a versão 2.5 reflete o resultado desse esforço colaborativo. Gostaríamos de destacar algumas das principais novidades e melhorias que você encontrará nesta atualização:

### <mark style="color:blue;">**Pré-Home Personalizada**</mark>

Agora, você pode oferecer aos seus usuários uma pré-home personalizada, permitindo que eles escolham uma categoria específica de conteúdo. Essa funcionalidade oferece uma experiência de aprendizado mais direcionada, com acesso imediato ao conteúdo que mais lhes interessa. [Confira aqui](/conteudo/estrutura-e-conteudos/categorias-greater-than-pre-home) como ativar e configurar essa opção.

<figure><img src="/files/OH2H7p3iIQxYScOi0IJ4" alt=""><figcaption></figcaption></figure>

### <mark style="color:blue;">**Notificações de Conquistas Aprimoradas**</mark>

Reconheça o progresso e os marcos importantes de seus usuários de forma especial. As notificações de conquistas foram aprimoradas, tornando a celebração do sucesso ainda mais impactante. Motive e engaje sua comunidade de aprendizes!

<figure><img src="/files/XFFbW0hY78MnajxKt8t6" alt=""><figcaption></figcaption></figure>

### <mark style="color:blue;">**Busca Poderosa**</mark>&#x20;

Tornamos a busca por conteúdo ainda mais fácil e eficiente. A funcionalidade de busca foi otimizada para ajudar seus usuários a encontrarem rapidamente os recursos e materiais de aprendizado relevantes para suas necessidades específicas.

<figure><img src="/files/PzvAsOjlZcWkN92yR1RT" alt=""><figcaption></figcaption></figure>

### <mark style="color:blue;">Correção de Pequenos Bugs</mark>

Nossa equipe dedicou esforços para identificar e corrigir pequenos bugs relatados por nossos clientes e usuários. Isso garantirá uma experiência de aprendizado sem interrupções, proporcionando maior estabilidade e confiabilidade na plataforma.

***

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


# Versão 2.4

Lançada em 4 de abril de 2023

Já estamos na **versão 2.4** e temos novidades: mais um tipo de card está disponível na plataforma! Esse **novo tipo de card de&#x20;*****quiz*** permite ao usuário escrever sua resposta no campo de texto. Com o card "[**Pergunta com Resposta/Texto**](/conteudo/estrutura-e-conteudos/cards/pergunta-com-resposta-em-texto)", é possível criar perguntas que exigem respostas mais elaboradas e detalhadas, permitindo que os usuários expressem suas opiniões e ideias. É possível limitar o número máximo de caracteres para as respostas e também, determinar um número mínimo de caracteres. As possibilidades são infinitas e os usuários podem compartilhar suas opiniões e conhecimentos de maneira mais aberta e ampla.&#x20;

### <mark style="color:blue;">Exemplos de cards com resposta aberta:</mark>

![](/files/I7LxXJdTZZ9sMQvzIFiN)

![](/files/F3mqrYYgYfXIOiYUQ0xq)

### <mark style="color:blue;">Exemplo de Feedback:</mark>

![](/files/KQAbCQ4WBnyjtnK8trxz)

Acessando o relatório "[**Usuários vs. Cards**](https://docs.grano.app/versoes/pages/jmcdIrxboZFeeKwSG2S5#usuarios-vs.-cards)", você poderá visualizar as respostas e coletar os dados necessários para realizar análises.&#x20;

Além disso, a versão **2.4** também conta com diversas melhorias, otimizações e correção de pequenos bugs, entregando assim uma melhor velocidade, experiência de uso e aprendizado.

***

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


# Versão 2.3

Lançada em 25 de março de 2023

Nessa versão trabalhamos para otimizar os relatórios e gráficos do Dashboard. Além disso, também aplicamos correções e melhorias em nossa plataforma.

***

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


# Versão 2.2

Lançada em 9 de março de 2023

A versão 2.2 chegou com uma super novidade: [**Landing Pages**](/conteudo/lms/setup-do-cliente/landing-page).

Agora os Clientes da Grano podem criar, via LMS, suas Landing Pages personalizadas para captação de novos usuários. Ao divulgar essa página, qualquer usuário poderá se cadastrar e navegar livremente nas trilhas e conteúdos pré-definidos pelo Cliente.

É uma maneira rápida e simples de distribuir conteúdos (aqueles que o Cliente queira disponibilizar em formato aberto), sem a necessidade de um pré-cadastro ou carga manual de logins.

![](/files/rQ2lOSG8Up5zPSZ19cJh)

Esta versão também contou com uma série de melhorias e correções de bugs para tornar a experiência ainda melhor.

***

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


# Versão 2.1

Lançada em 13 de fevereiro de 2023

O Time da Grano trabalhou bastante para aplicar diversas melhorias de segurança e performance na nossa plataforma de *microlearning*, com destaque para:

✓ Segmentação dos níveis de acesso ao LMS

✓ Aplicação do reCAPTCHA 3.0

✓ Otimizações em diversos cards e no Dashboard

✓ Inclusão de novos filtros no LMS

### <mark style="color:blue;">**Segmentação dos níveis de acesso ao LMS**</mark>

Essa nova funcionalidade permite segmentar os usuários administrativos que possuem acesso ao LMS; é possível atribuir papéis (Funções) e restringir acesso a alguns itens do menu.

{% hint style="info" %}
Caso necessite, solicite ao [Time Grano](mailto:hello@grano.app) para realizar essa configuração para você.
{% endhint %}

### <mark style="color:blue;">**Aplicação do reCAPTCHA 3.0**</mark>

Implementação da última versão do Google reCaptcha, no formato transparente.&#x20;

Esse é um serviço que ajuda os sites a se protegerem de spam e atividades abusivas, por meio de identificação de usuários humanos e bots automatizados.

<mark style="color:blue;">**Otimizações**</mark> em diversos cards e no Dashboard.<br>

***

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


# Versão 2.0

Lançada em 4 de janeiro de 2023

Foram mais de 30 melhorias desenvolvidas e aplicadas nessa nova versão, com destaque para diversas funcionalidades do *LMS* como, por exemplo, a reorganização dos itens do Menu, uma nova *Home*, a criação de novos relatórios, um *update* na ferramenta de importação de usuários e *tags*, a adição/remoção de *tags* em massa, dentre outras que impactam em uma melhor performance e usabilidade pelos administradores.

### <mark style="color:blue;">**Nova Home:**</mark>

A Home agora conta com diversos acessos rápidos, facilitando o uso do LMS.

<figure><img src="/files/CQFglo2RXOC5CJ1E60zS" alt=""><figcaption><p>Nova Home - LMS Grano</p></figcaption></figure>

### <mark style="color:blue;">**Dashboard:**</mark>

Novas funcionalidades foram criadas; agora é possível visualizar os detalhes das informações de todos os itens presentes nos "Quadros Resumo". Além disso, é possível exportar os dados em formato CSV.

<figure><img src="/files/wEXGsgmMoBmrO6BL2baJ" alt=""><figcaption><p>Quadros Resumo - Dashboard - LMS Grano</p></figcaption></figure>

Novos gráficos permitem visualização rápida de informações para analisar o desempenho dos usuários em Trilhas, Treinamentos e Módulos, visualizar o progresso dos usuários em diferentes Trilhas e segmentando pelas tags indicadas, e ainda, gráficos para a visualização da performance de grupos em diferentes Trilhas.

Todos os gráficos agora contam com recurso de interatividade, permitindo que você, ao clicar em uma das amostras, possa explorar os detalhes desses dados.

### <mark style="color:blue;">**Novos relatórios:**</mark>

Novos relatórios foram desenvolvidos para que os administradores possam acompanhar as estatísticas/desempenho dos usuários nas trilhas, treinamentos, módulos e card:

<div align="left"><figure><img src="/files/T6EYcvjxGPyhcYNBynE3" alt=""><figcaption><p>Menu "Relatórios" - LMS Grano</p></figcaption></figure></div>

***

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