Transforme um PDF estático em um flipbook com efeito de virar página e coloque-o dentro de uma página do Canvas LMS. Este tutorial mostra a conversão, o código de incorporação em iframe, o Rich Content Editor, o dimensionamento para celular, as configurações de privacidade e as correções para os problemas de exibição mais comuns.
Todo professor conhece o problema: você envia um PDF de 60 páginas para uma disciplina e metade da turma nunca abre. Baixar o arquivo é trabalhoso, as prévias carregam devagar e ninguém gosta de rolar um arquivo plano no celular. Um flipbook resolve isso ao transformar o mesmo PDF em um leitor com efeito de virar página, que fica dentro da aula. Este tutorial mostra exatamente como incorporar um flipbook em uma página do Canvas LMS, da conversão até o código de incorporação final, usando o Flipbooks AI como ferramenta de publicação.
Você não precisa ser desenvolvedor. Se consegue colar texto no Rich Content Editor, consegue terminar isso em cerca de dez minutos.
Uma página do Canvas é um bom lugar para material de leitura porque os alunos já vão até ela para módulos, tarefas e avisos. Um flipbook acrescenta três coisas que um simples link para arquivo não oferece:
Veja como as opções se comparam em uma tarefa de leitura típica.
| Método | Lê dentro do Canvas | Funciona no celular | Sensação de virar página | Fácil de atualizar |
|---|---|---|---|---|
| Link para arquivo PDF | Não, abre uma nova aba ou baixa o arquivo | Muitas vezes incômodo | Não | Substituir o arquivo em cada disciplina |
| Visualização de arquivo do Canvas | Sim | Zoom limitado | Não | Substituir o arquivo em cada disciplina |
| Incorporação de apresentação de slides | Sim | Razoável | Não | Editar uma vez |
| Incorporação de flipbook por iframe | Sim | Sim, responsivo | Sim | Editar uma vez e publicar de novo |
💡 Dica de ouro: Se sua disciplina é clonada a cada período, uma incorporação de flipbook economiza muito tempo. O iframe aponta para um flipbook publicado, então cada disciplina copiada permanece atualizada automaticamente.
Reúna estes itens primeiro para que o processo corra bem:
Abra o Conversor de PDF para flipbook e siga estes passos.
Materiais de curso diferentes funcionam melhor com pontos de partida diferentes. Se você está criando algo do zero, estas ferramentas economizam tempo:
Antes de compartilhar, dedique dois minutos à apresentação:
✅ Boa prática: Mantenha o fundo do flipbook próximo ao tema do seu Canvas. Um flipbook com um fundo muito escuro pode parecer destoante dentro de uma página clara.
Quando o flipbook estiver como você quer, abra o painel de compartilhamento. O Flipbooks AI oferece várias formas de compartilhar:
| Opção de compartilhamento | Melhor uso na educação | Exige login para visualizar |
|---|---|---|
| Link direto | E-mail, avisos, caixa de entrada do Canvas | Opcional |
| Código de incorporação (iframe) | Páginas do Canvas, módulos, plano de ensino | Opcional |
| Proteção por senha | Provas, material avaliado, disciplinas pagas | Sim, senha |
| Download offline | Alunos com internet fraca | Não |
Escolha Incorporar e depois copie o trecho do iframe. Ele se parece com isto, com o endereço do seu flipbook no atributo src:
<iframe
src="https://your-flipbook-link-here"
width="100%"
height="700"
frameborder="0"
allowfullscreen>
</iframe>
Trate o endereço acima como um exemplo. O código real vem diretamente do painel de compartilhamento, então copie-o de lá em vez de digitá-lo.
Agora vá para o Canvas. O processo leva cerca de um minuto.
</> perto do canto inferior direito do editor.⚠️ Atenção: Não cole o iframe na visualização de texto rico comum. O Canvas pode tratá-lo como texto e mostrar o código em vez do flipbook. Sempre use o editor HTML ou a opção Incorporar no menu de inserção do editor, se sua versão oferecer.
Um flipbook sozinho não é uma aula. Cerque-o de um texto curto que diga aos alunos o que fazer:
A maioria dos problemas de incorporação se resume a largura e altura. Um flipbook que fica ótimo no monitor do escritório pode parecer apertado no celular.
| Tipo de tela | Largura sugerida | Altura sugerida | Observações |
|---|---|---|---|
| Computador | 100% | 650 a 750 px | A página dupla completa é legível |
| Tablet | 100% | 600 a 700 px | Página dupla ou página única |
| Celular | 100% | 500 a 600 px | O leitor passa para página única |
Como o flipbook é responsivo para celular, o leitor se adapta automaticamente desde que a largura se mantenha em 100%. Evite larguras fixas em pixels, como 1200, que podem forçar a rolagem lateral dentro do Canvas.
allowfullscreen, os alunos não conseguem ampliar o leitor para sessões de leitura longas.
A privacidade importa na educação, especialmente para material avaliado ou licenciado. Você tem opções do lado do flipbook, e o Canvas acrescenta outra camada.
💡 Dica de ouro: Para trechos de livros didáticos licenciados, combine a proteção por senha com uma página do Canvas que seja despublicada ao fim do período letivo. Assim o acesso fica ligado à disciplina ativa.
Mesmo com uma configuração limpa, algumas coisas podem dar errado. Aqui está uma referência rápida.
| Problema | Causa provável | Correção |
|---|---|---|
| A página mostra código em vez de um livro | Colado na visualização de texto rico | Use o editor HTML e cole de novo |
| Caixa cinza vazia | Domínio bloqueado pela instituição | Peça ao administrador do Canvas para liberar o domínio do flipbook |
| Flipbook cortado à direita | Largura fixa em pixels | Defina a largura como 100% |
| Não consegue expandir para tela cheia | Atributo ausente | Adicione allowfullscreen ao iframe |
| Ainda aparece a versão antiga | Cache do navegador | Atualize com força e confira se publicou de novo |
| Funciona no computador, em branco no aplicativo | Restrições do aplicativo | Adicione um link direto abaixo da incorporação como alternativa |
Algumas instituições limitam quais sites externos podem carregar dentro do Canvas. Se você vir uma caixa em branco, não desista. Envie ao seu administrador este pedido curto: "Por favor, libere o conteúdo de iframe do domínio usado pelos links do meu flipbook." É uma mudança pequena e costuma ser aprovada rapidamente. Enquanto isso, coloque um link simples abaixo da incorporação para que os alunos ainda consigam ler.
⚠️ Atenção: Sempre teste como aluno. Use a Visualização do aluno no Canvas para confirmar que o flipbook carrega antes de a página ir ao ar para a turma inteira.
Incorporar é só metade da história. Saber se os alunos abrem o material é o que permite agir a partir disso. Com os recursos do plano Professional, você tem:
Combine esses números com os dados do Canvas. Se uma página de leitura tem muitas visualizações no Canvas, mas pouco tempo no flipbook, os alunos podem estar apenas passando os olhos. Esse é o sinal para acrescentar um breve questionário ou uma pergunta para discussão logo abaixo da incorporação.
Você pode começar gratuitamente e fazer upgrade quando suas necessidades crescerem. Aqui está um jeito simples de escolher.
| Necessidade | Plano sugerido | Motivo |
|---|---|---|
| Testar um material de leitura | Free | Testar a incorporação em uma disciplina de teste |
| Muitos flipbooks em várias disciplinas | Standard e acima | Flipbooks ilimitados |
| Acompanhar a leitura e captar contatos | Professional | Análises e captação de contatos |
Todos os planos seguem a mesma promessa: sem marca d’água, nunca, para que seus materiais fiquem limpos e profissionais dentro do Canvas. Veja os detalhes atuais na página de preços.
Agora você tem tudo o que precisa para colocar um leitor limpo, com efeito de virar página, em qualquer página do Canvas: converta o PDF, copie o iframe, cole-o no editor HTML, ajuste a largura para 100% e teste na Visualização do aluno.
Pronto para criar seu primeiro flipbook? Comece gratuitamente no Flipbooks AI. Explore todas as ferramentas de flipbook para encontrar o formato certo para sua disciplina, ou compare os planos e preços quando estiver pronto para acompanhar a leitura e publicar sem limites.
Escolha seu idioma
