docs.grano.app
Visite nosso siteInstagramLinkedIn
  • 👋Bem-vindo à Grano
  • Visão Geral
    • 🎯Microlearning
    • 💰Planos e Assinaturas
    • 📱Web app
    • 📞Canais de atendimento
    • ❓Dúvidas Frequentes
  • Conceitos Básicos
    • 🤝Usuários e Conteúdos
    • 📶Progresso
    • 🔓Cadeados
    • 🎮Pontuação
    • 🔍Busca
  • Conteúdo
    • 👩‍💻LMS
      • 💻Acessando o LMS
      • 🏠Home
      • 📊Dashboard
      • 📂Relatórios
      • 👤Usuários
      • 📧Fale Conosco
      • ⚒️Ferramentas
      • 🪄Setup do cliente
        • ⚙️Parâmetros Gerais
        • 🖌️Temas
        • ✉️E-mails do Sistema
        • ⁉️FAQs
        • 📑LGPD - Textos
        • 🚩Inscrição vs. Tags
        • 💻Landing Page
        • 👥Usuários Administrativos
    • 📒Estrutura e Conteúdos
      • 🔠Treinamentos
      • 🗂️Módulos
      • 📱Cards
        • 🌅Imagem
        • ✅Default
        • ➡️Share
        • 📲Embed
        • 🎥Vídeo
        • 📽️Vídeo - Com faixas
        • ⁉️Pergunta/Resposta (Quiz)
        • ✍️Pergunta com Resposta em Texto
        • ❔Quiz com imagens
        • 🎙️Podcast
        • 🎼Lista de sons
        • 🎵Som - Efeitos
        • 🖼️Lista de imagens
      • 🚩Trilhas
      • 🏠Categorias > Pré-Home
      • 🏷️Tags
      • 🏅Badges e Certificados
      • 📥Downloads
    • ✍️Produção de Conteúdo
      • 💊Divisão do conteúdo na plataforma
      • ℹ️Dicas de microlearning
  • VERSÕES
    • 🔵Versão 3.0
    • 🟧Versão 2.9
    • ⬛Versão 2.8
    • ⬜Versão 2.7
    • 🟩Versão 2.6
    • 🟫Versão 2.5
    • 🟪Versão 2.4
    • 🟨Versão 2.3
    • 🟥Versão 2.2
    • 🟦Versão 2.1
    • 🟧Versão 2.0
Powered by GitBook
On this page
  • Embed HTML
  • Embed URL
  • Inline / Outline
  • Rodapé do Card
  • Exemplos de Embeds:
  1. Conteúdo
  2. Estrutura e Conteúdos
  3. Cards

Embed

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

PreviousShareNextVídeo

Last updated 3 months ago

Suporta as mesmas funcionalidades do card , porém possibilita trazer embeds de plataformas externas, em dois formatos:

  • HTML

  • URL

Embed HTML

Basta colar o trecho HTML a ser embedado (copiado da plataforma externa) no campo "Embed - Html".

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.

  • @GRANO_USER_NAME@ para nome do usuário.

Embed URL

Basta colar a URL a ser embedada (copiado da plataforma externa) no campo "Embed - Url".

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.

Inline / Outline

O campo "Embed - Inline" 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).

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

Rodapé do Card

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.

Lembrar de sempre clicar na opção “Salvar Card” ao final de cada cadastro ou edição.

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.

Exemplos de Embeds:

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

Vídeo de Youtube; inline: SIM.

Playlist de Spotify; inline: SIM.

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

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


© 2025 Grano Edtech LTDA. Todos os direitos reservados.

Campo "Embed - Inline"

Inline: NÃO -- exibe card anterior, com botão de play; ao clicar no play, o conteúdo embedado fica sobre o card.

📒
📱
📲
Default