A incorporação nativa de PDF do Notion é um scroller plano. Veja como incorporar um flipbook 3D de verdade em qualquer página do Notion — funciona em páginas compartilhadas, no celular e nos planos gratuitos do Notion.
Por Franco Cirulli
O Notion suporta a incorporação de PDFs nativamente, mas o resultado é uma prévia plana e rolável. Para um portfólio, um catálogo, um mood book de casamento ou um menu de restaurante — qualquer coisa com que você queira que os visitantes realmente interajam — essa prévia plana mata a mágica. A solução: incorpore um flipbook 3D de verdade. Os visitantes recebem um livro que folheiam com física de virar páginas, e não uma rolagem vertical de páginas estáticas. Funciona em páginas gratuitas do Notion, no celular e em sites do Notion compartilhados. Este guia mostra os passos exatos. Três minutos se você já tiver o PDF de origem pronto.
Quando você faz upload de um PDF diretamente no Notion, ele aparece como um bloco de arquivo (um link de download com uma minúscula miniatura de prévia — os visitantes precisam clicar para abrir, e a maioria não abre) ou como uma incorporação inline (o Notion mostra o PDF como uma rolagem vertical plana — funcional, mas esquecível, a mesma interface da prévia do Google Drive).
Para documentos internos da equipe, tudo bem. Para páginas voltadas ao público — seu site pessoal construído no Notion, sua página de planejamento de casamento compartilhada com a família, uma página do Notion usada como portfólio — o PDF estático é uma oportunidade perdida. Um flipbook 3D oferece um livro interativo de verdade inline na página do Notion. Os visitantes folheiam com física de virar páginas com peso, tocam em hotspots clicáveis e dão zoom nas páginas duplas no celular.
O plano gratuito exibe os visualizadores com um pequeno selo da marca i3dify no canto. Se isso incomoda em páginas voltadas ao cliente, o Pro por US$ 3/mês remove o selo.
Acesse i3dify.com/free/pdf-to-3d-flipbook, cadastre-se (30 segundos, sem cartão de crédito) e faça upload do seu PDF. As páginas são extraídas no lado do cliente, então seu arquivo não sai do seu dispositivo até você escolher publicar. Opcionalmente, personalize a cor da capa, o dock de links clicáveis (LinkedIn, e-mail, site) e o fundo. Clique em Publicar.
No painel de compartilhamento, você verá a URL do visualizador e o código de incorporação em iframe. Para o Notion especificamente, você só precisa da URL — não do código do iframe. O Notion cuida do iframe internamente quando você cola uma URL reconhecida.
Certifique-se de que seu projeto esteja definido como Público ou Não listado, e não Privado. Projetos privados exigem autenticação para visualização, o que quebra a incorporação no Notion.
Você tem duas opções. Opção A (mais confiável): digite /embed em uma nova linha, escolha Incorporar no menu, cole a URL do i3dify no modal e clique em Incorporar link. Opção B (colar direto): cole a URL em uma nova linha, um pequeno menu suspenso aparece com opções, escolha Criar incorporação.
Em 1 a 2 segundos, o Notion busca a incorporação e mostra uma prévia ao vivo diretamente na sua página. Você deve ver o flipbook 3D renderizado inline, pronto para interagir.
A incorporação aparece em uma altura padrão que muitas vezes é curta demais. Arraste a borda inferior para baixo — de 600 a 800 pixels funciona bem para a maioria dos flipbooks. Arraste as bordas esquerda ou direita para definir a largura. A largura de coluna padrão do Notion funciona bem; se sua página usa o Modo Amplo ou um workspace personalizado, deixe a incorporação ocupar toda a largura. Para alinhar a um lado, arraste a incorporação para um dos blocos de coluna do Notion.
A maior parte dos acessos ao Notion acontece pelo celular. O visualizador 3D se adapta automaticamente à entrada por toque.
App do Notion no celular versus navegador no celular: o app nativo restringe as interações do iframe de forma mais agressiva do que um navegador no celular. Usuários do app veem a incorporação funcionando, mas com comportamento de toque um pouco limitado. Usuários de navegador no celular (a maioria do tráfego não autenticado) têm a experiência completa.
Exportações do Notion: a exportação em HTML preserva o iframe; a exportação em PDF o substitui por um link. Se for distribuir uma página do Notion como PDF, inclua a URL do i3dify junto.
Camadas de privacidade: os controles de privacidade da página do Notion determinam quem pode ver o conteúdo do Notion. A visibilidade do projeto no i3dify determina quem pode ver a incorporação. Para uma incorporação totalmente privada (galeria de cliente), use as configurações de compartilhamento do Notion mais a opção Não listado com senha do i3dify. As duas camadas funcionam juntas.
O i3dify se incorpora da mesma forma em WordPress, Webflow, Carrd, Framer e Squarespace. A mecânica difere um pouco por plataforma, mas o lado do i3dify permanece o mesmo: uma URL, um iframe. Consulte esses guias de integração para os detalhes específicos.
O Notion carrega as incorporações sob demanda conforme o visitante rola a página. O visualizador do i3dify tem cerca de 1 MB de pacote inicial e transmite as páginas sob demanda, então o TTFB da página não é afetado.
A incorporação herda os controles de acesso da sua página do Notion. Se a página do Notion for privada, só membros logados a veem. Se você também quiser proteção por senha no próprio visualizador, defina uma senha no projeto do i3dify.
O Notion só consegue incorporar projetos Públicos ou Não listados. Para visualizadores privados, use a incorporação pública e proteja com senha no nível do i3dify.
As exportações em HTML do Notion incluem o iframe da incorporação. As exportações em PDF do Notion o substituem por um link. Para um arquivo portátil, compartilhe a URL do i3dify junto com o link do Notion.
O Substack restringe iframes nos posts. Veja o que funciona para incorporar flipbooks 3D em newsletters, o que não funciona e a solução que a maioria dos autores usa.
Converta qualquer PDF em um flipbook interativo em minutos. Ferramenta online gratuita com animação realista de virar páginas.
Transforme seu conteúdo em experiências 3D imersivas em segundos.
Criar flipbook