Flipbook 3D no Notion: um livro, não um PDF plano

Você soltou um PDF numa página do Notion e ele virou uma rolagem cinza. O visitante recebe um link de download com miniatura, ou uma tira vertical de páginas planas em que ninguém para. O Notion mostra um visualizador ao vivo nesse mesmo bloco se você entregar um link que o motor de incorporação dele reconhece, e um flipbook do i3Dify, um PDF transformado em livro que você folheia no navegador, é um deles.

O bloco de PDF do Notion entrega uma rolagem, não um livro

Suba um PDF direto no Notion e você ganha uma de duas coisas. Um bloco de arquivo, que é um link de download com uma miniatura pequena que a maioria nem clica. Ou uma incorporação inline, que mostra as páginas numa rolagem vertical plana, a mesma interface da prévia de um drive na nuvem. Para um manual interno, tudo bem.

Para uma página que sai do time, um portfólio, um lookbook, um cardápio, um mood book de casamento, é a parte que as pessoas pulam. Um flipbook se comporta como objeto. Clique no quarto direito do visualizador e a folha dobra na lombada enquanto vira, com as duas páginas vizinhas já carregadas, para a virada não travar no celular. O quarto esquerdo volta, e as setas do teclado fazem o mesmo. Arraste em qualquer ponto e o livro gira, depois volta ao lugar quando você solta. Um hotspot colocado numa página abre o link numa nova aba, e a barra inferior tem botões de zoom para letra miúda.

O Notion incorpora um link simples, não um iframe

Monte o livro primeiro. Envie o PDF, cujas páginas são extraídas no próprio navegador, defina a cor da capa e a barra de links, e publique. O painel de compartilhamento entrega um link do visualizador e um iframe. O Notion só quer o link, porque o motor de incorporação escreve o iframe por você.

Na página, digite /embed numa linha nova, escolha Embed, cole o link e clique em Embed link. Colar o link direto numa linha e escolher Create embed dá no mesmo. O bloco entra baixinho, então arraste a borda de baixo para algo entre 600 e 800 pixels e o visualizador ocupa a largura que a coluna der. O plano gratuito cobre 3 projetos e 50 MB, e todo visualizador gratuito leva o selo do i3Dify no canto. O Pro custa US$ 3 por mês e tira o selo.

Projeto privado quebra a incorporação, página privada do Notion não

As duas camadas de privacidade não têm relação, e é aí que muita gente tropeça. O compartilhamento do Notion decide quem vê a página. A visibilidade do projeto decide se o visualizador carrega, e um projeto Private responde ao link público com uma página Not Found, então o bloco aparece vazio. Mude para Unlisted ou Public antes de colar. Unlisted fica fora da busca e aberto para quem tem o link.

Para uma entrega a cliente, coloque uma senha num projeto Unlisted e mande a senha por outro canal. Vale dizer o limite com clareza: a senha protege a página do projeto, não os links diretos das imagens, então trate como uma tranca na porta, não como um cofre. Em compartilhamento e distribuição estão as configurações de cada projeto.

O app do Notion e a exportação em PDF são os pontos fracos

Vale conhecer duas falhas antes de montar uma página em cima da incorporação. O app do Notion no celular limita a interação com iframes mais do que um navegador, então quem usa o app ainda vê o visualizador, mas os gestos de toque ficam mais presos. Quem abre a página compartilhada no navegador do celular tem a experiência completa.

As exportações também se dividem. A exportação em HTML mantém o iframe, a exportação em PDF troca por um link. Se a página for arquivada ou encaminhada como arquivo, cole o link do visualizador como texto ao lado da incorporação para o livro sobreviver à viagem.

O mesmo projeto pode ser incorporado no WordPress, Webflow, Framer, Carrd e Squarespace, onde você cola o iframe em vez do link simples. Um projeto, um link, e o visitante recebe um livro dentro da página em vez de um link de download que ninguém clica.

Transforme seu PDF em um flipbook 3D.