WebflowIncorporaçãoFlipbookWeb DesignAgências

Incorporação de flipbook no Webflow

Coloque um flipbook com virada de página em um projeto do Webflow com um único elemento HTML Embed. Envie o PDF, copie o snippet, coloque em uma div wrapper e ajuste o tamanho em cada breakpoint como qualquer outra coisa no projeto. O documento é lido na própria página em vez de ser baixado, e mantém sua escala tipográfica e suas cores ao redor. Feito para designers e agências que são donos de todo o front end. Grátis para usar, sem marca d'água, sem assinatura para repassar no lançamento e sem identidade visual que você precise explicar a um cliente.

Folheto digital de carro esportivo aberto como flipbook, na capa

Como incorporar um flipbook no Webflow

1

Envie e estilize o PDF

Envie o PDF exportado para o Flipbooks AI. Defina a virada de página, adicione a logo, combine as cores dos controles com a paleta do projeto e adicione os links que as páginas precisam. A prévia mostra exatamente o que um visitante vai ler.

2

Copie o snippet de incorporação

Abra as opções de compartilhamento e copie o snippet. É um bloco curto de HTML, bem dentro do limite de caracteres que um elemento Embed do Webflow aceita, e não há nada nele para editar à mão.

3

Coloque e ajuste o tamanho do wrapper

Adicione um HTML Embed dentro de um div block, cole o snippet e dê ao wrapper uma classe com uma largura máxima e uma altura. Confira no Preview, ajuste a altura no tablet e no celular, depois publique.

Como criar um código de incorporação de flipbook no Webflow

Como criar um código de incorporação de flipbook no Webflow

Comece com o PDF que o design já produziu. Envie-o para o Flipbooks AI e uma prévia interativa aparece na hora, para que você leia o documento do jeito que um visitante vai ler antes de aproximar do projeto. Escolha o estilo de virada de página, adicione uma logo, defina as cores dos controles a partir da sua paleta e adicione links dentro das páginas. Decida se o flipbook é público ou protegido por senha. Depois abra as opções de compartilhamento e copie o snippet de incorporação. É um bloco curto de HTML, bem abaixo do limite de cinquenta mil caracteres que um elemento Embed aceita, e você nunca precisa editá-lo à mão.

O que é uma incorporação de flipbook no Webflow?

Uma incorporação de flipbook no Webflow é um leitor hospedado com virada de página, colocado dentro do seu próprio layout através de um elemento HTML Embed. Você envia um PDF para o Flipbooks AI, ele hospeda o leitor e te entrega um snippet curto. Você cola esse snippet em um elemento Embed, envolve em uma div que você consegue estilizar, e a partir daí o documento vive dentro das suas seções, com seu menu acima e seu rodapé abaixo. Os leitores navegam pelas páginas duplas sem sair da página, e o arquivo nunca toca nos assets do seu Webflow, então um catálogo de cem páginas não fica no projeto pesando cada publicação.

O que é uma incorporação de flipbook no Webflow?
O que é uma incorporação de flipbook no Webflow?
O que é uma incorporação de flipbook no Webflow?
O que é uma incorporação de flipbook no Webflow?

Onde colocar o elemento HTML Embed

No Designer, adicione um HTML Embed a partir do painel Add e coloque dentro de um div block em vez de jogá-lo direto em uma seção. Cole o snippet no editor de código e salve. Dê ao wrapper uma classe para que o tamanho fique na sua folha de estilo em vez de no elemento, e coloque o wrapper dentro de um container de conteúdo normal para que herde o espaçamento usado no resto da página. Esse único hábito é a diferença entre uma incorporação que sobrevive a um redesign e uma que precisa ser reposicionada toda vez que a seção ao redor muda.

Onde colocar o elemento HTML Embed

A confiança de empresas da Fortune 500

Envolvendo a incorporação para um layout limpo

Envolvendo a incorporação para um layout limpo

Dê ao wrapper uma classe como embed-wrapper, defina a largura como cem por cento, adicione uma largura máxima que combine com sua coluna de conteúdo e centralize com margens automáticas. A altura é o único valor que o leitor não consegue decidir por você, então defina um que sirva ao formato da página: um catálogo em paisagem quer um quadro largo e mais baixo, e um livreto em retrato, um mais alto. Mantenha os valores na classe em vez do elemento, e qualquer segundo flipbook no site herda o mesmo tamanho. Adicione um pouco de espaçamento vertical ao redor do wrapper para que o livro não brigue com a seção acima dele.

Por que uma incorporação vence um asset de PDF vinculado
Por que uma incorporação vence um asset de PDF vinculado
Por que uma incorporação vence um asset de PDF vinculado
Por que uma incorporação vence um asset de PDF vinculado

Por que uma incorporação vence um asset de PDF vinculado

Enviar o PDF para os assets do Webflow e vinculá-lo é rápido, e é também onde o documento deixa de fazer parte do site. O navegador entrega o arquivo a um visualizador com sua própria interface, a fonte não é a sua, o menu some, e no iOS boa parte dos leitores nunca volta. Um leitor incorporado mantém o visitante dentro do layout que você construiu, mantém os links dentro das páginas funcionando e reporta o quanto as pessoas avançaram. Quando um cliente pergunta o que a página do estudo de caso conquistou, um asset vinculado não te dá nada para responder. A incorporação te dá dados de leitura página a página.

Ajustando a altura em cada breakpoint

A altura é onde a maioria das incorporações erra, e o Webflow torna fácil de consertar porque valores herdados são propagados para baixo. Defina a altura base primeiro, depois passe para tablet e reduza, depois para celular na horizontal e celular na vertical. Unidades de viewport funcionam bem aqui: uma altura em vh mantém o leitor proporcional à tela em vez de a um número que você escolheu em um monitor grande. Confira cada breakpoint no Preview em vez de confiar na tela de design, e preste atenção no menor, já que é onde uma página dupla fica ilegível e o modo de página única ganha seu lugar.

Ajustando a altura em cada breakpoint

Alternativas para incorporação de flipbook no Webflow

Issuu

Issuu

  • Grátis e Ilimitado
  • Sem Marca d'Água
  • Incorporação em uma Linha
  • Leitor Responsivo
  • Pronto para Celular
  • Links Clicáveis
  • Carregamento Rápido
  • Proteção por Senha
  • Atualizações Instantâneas
  • Análise do Leitor
Flipbooks AI

Flipbooks AI

  • Grátis e Ilimitado
  • Sem Marca d'Água
  • Incorporação em uma Linha
  • Leitor Responsivo
  • Pronto para Celular
  • Links Clicáveis
  • Carregamento Rápido
  • Proteção por Senha
  • Atualizações Instantâneas
  • Análise do Leitor
Heyzine

Heyzine

  • Grátis e Ilimitado
  • Sem Marca d'Água
  • Incorporação em uma Linha
  • Leitor Responsivo
  • Pronto para Celular
  • Links Clicáveis
  • Carregamento Rápido
  • Proteção por Senha
  • Atualizações Instantâneas
  • Análise do Leitor
Publuu

Publuu

  • Grátis e Ilimitado
  • Sem Marca d'Água
  • Incorporação em uma Linha
  • Leitor Responsivo
  • Pronto para Celular
  • Links Clicáveis
  • Carregamento Rápido
  • Proteção por Senha
  • Atualizações Instantâneas
  • Análise do Leitor
Por que a tela do Designer mostra um espaço reservado

Por que a tela do Designer mostra um espaço reservado

O Webflow não executa código personalizado na tela de design, então um elemento Embed mostra um espaço reservado em vez do flipbook enquanto você projeta. Isso é esperado e não é um defeito no snippet. Use o Preview para ver o resultado renderizado, e publique no staging quando quiser testar em um celular de verdade. Esse é o hábito que mais difere de incorporar no Squarespace ou no Wix, onde o bloco mostra uma prévia dentro do próprio editor. No Webflow você projeta o wrapper sem ver e confirma no Preview, e é por isso que definir o tamanho em uma classe em vez do elemento economiza tanta ida e volta.

Funcionalidades que combinam com um projeto no Webflow

O leitor é responsivo dentro de qualquer container que você fornecer, então um wrapper com uma largura máxima e uma proporção sensata costuma ser todo o CSS necessário. Você pode definir o estilo de virada de página, adicionar uma logo e combinar as cores dos controles com as amostras já usadas no projeto. Dentro das páginas você pode colocar links clicáveis para uma página de produto conduzida pelo CMS, um formulário de agendamento ou um mailto, incorporar um curta-metragem e adicionar um sumário para um documento longo. Nada tem marca d'água e nada tem limite, então um guia de marca de quinze páginas e um catálogo de duzentas páginas se comportam da mesma forma.

Funcionalidades que combinam com um projeto no Webflow
Funcionalidades que combinam com um projeto no Webflow
Funcionalidades que combinam com um projeto no Webflow
Funcionalidades que combinam com um projeto no Webflow

Código personalizado precisa de um plano de site pago

Vale a pena saber isso antes de prometer uma data. O Webflow só publica código personalizado, incluindo o que está dentro de um elemento HTML Embed, em sites com um plano de site pago. No domínio de staging gratuito a incorporação simplesmente não aparece, o que parece exatamente um snippet quebrado se você não conhece a regra. Nada muda no flipbook: o mesmo snippet funciona no momento em que o plano de site entra no ar. Se um cliente ainda está decidindo, vincule ao flipbook hospedado por um botão nesse meio tempo e troque o botão pela incorporação quando o plano estiver ativo.

Código personalizado precisa de um plano de site pago
Controlando flipbooks a partir do CMS do Webflow

Controlando flipbooks a partir do CMS do Webflow

Para um site com muitos documentos, coloque o link do flipbook em um campo de texto simples na coleção em vez de programar um snippet por página. Dentro de um elemento Embed em uma página de coleção ou em uma lista de coleção, você pode inserir esse campo no código, para que cada item mostre seu próprio leitor sem nenhum trabalho extra de design. Uma revista ganha um template de edição que cobre toda edição anterior. Um site imobiliário ganha um template de unidade que cobre todo folheto. Adicionar um documento vira uma entrada de CMS, que é o ponto em que um cliente consegue de fato administrar a seção sozinho.

Bom para estúdios, agências e freelancers
Bom para estúdios, agências e freelancers
Bom para estúdios, agências e freelancers
Bom para estúdios, agências e freelancers

Bom para estúdios, agências e freelancers

Isso é voltado para quem constrói sites no Webflow como profissão. Um estúdio de marca incorpora o documento de diretrizes em vez de enviar um link de download. Uma agência incorpora um deck de capacidades na página de serviços e reporta quem o leu. O site de uma incorporadora incorpora um catálogo de especificações por unidade. Uma revista incorpora cada edição em uma página com template de CMS. Um site de recrutamento incorpora o manual de benefícios. O trabalho é o mesmo em todo caso: um snippet, um wrapper, uma classe, e um documento que se comporta como parte do design system em vez de um anexo colado no final dele.

Combinando o leitor com seu guia de estilo

Uma incorporação que ignora o design system é a primeira coisa que um designer nota. Defina o fundo atrás das páginas com uma cor da sua paleta, combine as cores dos controles com seus botões, adicione a logo do cliente e escolha um estilo de navegação que combine com o resto da interface. Mantenha discreto em um site tipográfico e deixe a cor conduzir em um mais ousado. Vários idiomas são suportados, então uma marca operando em dois mercados pode incorporar uma versão localizada em cada página de localidade e manter o layout ao redor idêntico.

Combinando o leitor com seu guia de estilo

Quem incorpora flipbooks no Webflow

2456+

Web Designers

6

Agências de Design

13

Freelancers

24

Estúdios de Marca

65

Equipes de Marketing

9

Editoras

Elementos interativos dentro das páginas

Elementos interativos dentro das páginas

Depois que o leitor está na página, o documento pode fazer coisas que a versão impressa nunca fez. Vincule uma foto de produto ao seu item de CMS, coloque um link de agendamento em uma página dupla de serviços, deixe um e-mail na contracapa ou incorpore um curta-metragem dentro de uma página. Um sumário permite que alguém pule direto para a seção que veio buscar, e a busca ajuda em um catálogo longo. São esses os detalhes que decidem se um visitante chega até a última página ou sai na terceira, e não custam nada para adicionar depois que o arquivo é enviado.

Responsivo em todo breakpoint do Webflow

O Webflow te dá um breakpoint base mais tablet, celular na horizontal e celular na vertical, além de qualquer breakpoint largo que você tenha adicionado acima dele. O leitor é fluido dentro do seu container, então o trabalho está no wrapper, não na incorporação. Defina uma largura máxima e uma altura no breakpoint base, depois confira o tablet e os dois tamanhos de celular, ajustando a altura onde uma página dupla começa a parecer apertada. Em telas estreitas, mudar o flipbook para o modo de página única costuma ser melhor do que encolher uma página dupla. O pinça para dar zoom funciona, o deslizar funciona, e nada pede ao visitante para instalar nada.

Responsivo em todo breakpoint do Webflow
Responsivo em todo breakpoint do Webflow
Responsivo em todo breakpoint do Webflow
Responsivo em todo breakpoint do Webflow

Velocidade da página e o leitor incorporado

Projetos no Webflow normalmente já carregam webfonts, interações e bastante imagem, então qualquer coisa pesada leva a culpa pela página inteira. O leitor é hospedado separadamente e carrega em seu próprio frame, então não adiciona megabytes aos seus assets do Webflow nem deixa o resto da página mais lento. As páginas são comprimidas com cuidado, a primeira página dupla aparece rápido e o restante carrega discretamente atrás dela. Em um celular com sinal fraco, essa é a diferença entre um documento ser lido e um visitante voltar para os resultados de busca.

Velocidade da página e o leitor incorporado
SEO ao redor de um documento incorporado

SEO ao redor de um documento incorporado

Seja realista sobre o que uma incorporação faz pela busca: o leitor é um frame, então trate a página ao redor dele como a coisa a ser indexada. Dê à página um título de verdade, uma introdução curta, um resumo do que o documento cobre e um ou dois parágrafos de texto real usando as palavras que as pessoas realmente buscam. Preencha o título da página e a meta description nas configurações da página em vez de deixar os padrões. Feito assim, um folheto incorporado dá conteúdo genuíno a uma página fina e um motivo para o visitante ficar, que é a parte que os buscadores realmente conseguem ver.

Uma incorporação gratuita que você pode entregar a um cliente
Uma incorporação gratuita que você pode entregar a um cliente
Uma incorporação gratuita que você pode entregar a um cliente
Uma incorporação gratuita que você pode entregar a um cliente

Uma incorporação gratuita que você pode entregar a um cliente

O Flipbooks AI é totalmente gratuito, e as coisas que você normalmente precisaria justificar em uma proposta estão incluídas: sem marca d'água nas páginas duplas, sem limite de páginas, sem limite de quantos leitores você incorpora em um site e sem cobrança por proteção por senha ou análise de leitura. Isso importa mais na entrega. Um cliente que acabou de assinar um plano de site no Webflow não quer uma segunda assinatura amarrada a uma página do site, e você não quer ser a pessoa que escolheu a ferramenta que começa a incomodar no sétimo mês. Construa, entregue, e nada expira.

Se encaixa nas ferramentas do seu fluxo de design

Nada novo entra no fluxo de trabalho. Exporte o PDF do Figma, Adobe InDesign, Affinity Publisher, Canva ou Google Slides e envie exatamente como está. Vincule de dentro das páginas para uma página de CMS do Webflow, um agendamento no Calendly, um Typeform, um produto do Shopify ou uma inscrição de newsletter. Coloque o mesmo snippet em um segundo projeto do Webflow, no site de um cliente em outra plataforma ou em uma página de destino construída em outro lugar. O flipbook é uma página hospedada com um link e um snippet, então se encaixa em qualquer pipeline que o estúdio já use.

Se encaixa nas ferramentas do seu fluxo de design

O que designers dizem sobre a incorporação no Webflow

Construímos sites no Webflow para marcas de consumo, e o lookbook sempre foi um asset vinculado que ninguém conseguia medir. Um elemento Embed dentro de uma classe wrapper resolveu isso. O leitor herda o container, o cliente troca o PDF sozinho, e pela primeira vez o relatório mensal tem um número na seção de documentos.

Equipe de marketing
Equipe de marketing

Catálogos de produtos

O truque do CMS foi o que me convenceu. Coloquei o link do flipbook em um campo de texto na coleção de edições e o inseri no Embed do template. Doze edições anteriores renderizam a partir de uma página agora, e o editor adiciona uma nova sem nunca abrir o Designer nem pedir um favor para mim.

Dona de estúdio
Dona de estúdio

Lookbooks de clientes

Perdi uma tarde inteira uma vez tentando entender por que a incorporação estava em branco no domínio de staging, antes de entender que o Webflow não publica código personalizado sem um plano de site. Assim que o plano entrou no ar, apareceu na hora. Vale a pena saber antes de demonstrar um projeto, e não tem nada a ver com o snippet em si.

Secretaria escolar
Secretaria escolar

Newsletters e programações

Como freelancer, entregar algo com uma taxa mensal amarrada é uma conversa que prefiro evitar. Isso não tem plano nem marca d'água, então o guia de marca fica na página do estúdio parecendo parte do design system, e não há nada para o cliente renovar daqui a seis meses.

Designer independente
Designer independente

Flipbooks de portfólio

Flipbooks privados para revisão do cliente

Flipbooks privados para revisão do cliente

Nem todo documento deveria ser público enquanto ainda está sendo discutido. Publique com proteção por senha, e só as pessoas para quem você envia a senha conseguem abri-lo, o que é uma forma organizada de compartilhar uma coleção ainda não lançada, um documento de proposta ou uma lista de preços voltada ao comércio. Você também pode desativar o download para que as páginas fiquem no leitor em vez de circularem como arquivo. Quando é aprovado, remova a senha e o mesmo link vira o público, sem novo envio e sem novo snippet.

Compartilhe o mesmo flipbook fora do site

A incorporação é uma superfície, não a única. Todo flipbook também tem um link hospedado simples, então o mesmo documento pode ir para uma newsletter, uma proposta, uma mensagem direta ou uma bio do Instagram sem exportar nada de novo. Imprima um código QR para um estande de evento ou um folheto impresso e ele abre o mesmo livro. Coloque o leitor em uma segunda página, em uma página de destino de campanha, ou em um site construído em outro lugar por completo. Como há um único arquivo por trás de tudo isso, corrigir uma página corrige todas as rotas até ela de uma vez, o que é a parte que economiza tempo em uma campanha no ar.

Compartilhe o mesmo flipbook fora do site
Compartilhe o mesmo flipbook fora do site
Compartilhe o mesmo flipbook fora do site
Compartilhe o mesmo flipbook fora do site

Construindo uma biblioteca de edições anteriores

Todo flipbook que você publica continua no ar, então um site pode carregar um arquivo de verdade em vez de uma pasta de downloads. Mantenha toda edição da revista, todo relatório trimestral, todo catálogo sazonal, cada um com seu próprio link, e liste-os a partir de uma coleção de CMS para que a página de arquivo se construa sozinha. Os visitantes navegam pelo histórico do trabalho, e o estúdio tem um registro do que foi entregue e quando. Relançar uma edição popular significa duplicar um flipbook e mudar algumas páginas em vez de reconstruí-lo a partir do arquivo original.

Construindo uma biblioteca de edições anteriores

Compare formas de publicar um flipbook

AplicativoAvaliaçãoCréditos ilimitadosAvaliação de usoDescrição
10/10Sim1

O Flipbooks AI entrega um snippet que se encaixa em um elemento HTML Embed, um leitor fluido dentro do seu wrapper, links clicáveis para suas páginas de CMS, proteção por senha e dados de leitura por página, tudo grátis e ilimitado. Feito para ser entregue a um cliente sem nenhuma assinatura amarrada.

FlipHTML5

5.2/10Não2

O FlipHTML5 converte PDFs em livretos com virada de página há muito tempo, e sua biblioteca de efeitos é profunda, o que serve para quem quer ajustar o próprio leitor. O nível gratuito coloca marca nas suas páginas e reserva as estatísticas, então um projeto para cliente geralmente acaba em um plano pago.

Issuu

7.1/10Não3

O Issuu é uma plataforma de publicação com um leitor que a maioria já reconhece e um público próprio, o que é uma vantagem real para uma revista. O nível gratuito envolve seu documento com a marca do Issuu e limita envios, então uma incorporação limpa dentro de um site projetado normalmente significa pagar.

Heyzine

8.3/10Não4

O Heyzine é rápido e agradável de usar, e produz um livro bonito a partir de um PDF com quase nenhuma configuração. O plano gratuito limita quantos livros você mantém e adiciona sua própria marca, e o controle de estilo que um design system precisa fica nos níveis pagos.

Publuu

6.4/10Não5

O Publuu é bem construído, com vinculação de pontos interativos limpa e rastreamento útil. As partes que importam em um projeto para cliente, principalmente estatísticas detalhadas e documentos mais longos, fazem parte de um plano pago, o que dificulta especificar em um projeto onde ninguém quer um custo recorrente.

Flipsnack

7.8/10Não6

O Flipsnack é tanto um editor competente quanto um conversor, e projetar páginas dentro dele pode servir para uma equipe sem licença do InDesign. O uso gratuito é limitado, e remover a marca e liberar a análise significa uma taxa mensal que precisa ser justificada para quem paga.

Lightbox do Webflow

6.9/10Não7

O lightbox nativo é confiável, leve e já está no projeto, o que conta muito. Ele mostra imagens ou vídeo em uma sobreposição em vez de um documento, então não há página dupla, virada de página, página clicável nem nada relatado sobre o que foi lido.

PDF.js auto-hospedado

8.1/10Não8

Construir seu próprio visualizador com PDF.js dá controle total e nenhum terceiro na pilha, o que algumas equipes exigem. Também significa hospedar o arquivo, escrever a interface do visualizador, mantê-la e construir qualquer análise por conta própria, o que é um projeto e não uma tarde.

Prévia do Google Drive

6.5/10Não9

Uma prévia do Drive é gratuita, instantânea e não exige nenhum trabalho de conta do seu lado. O frame carrega a interface do Google ao redor das suas páginas, a tipografia não é sua, e jogar um visitante em um produto sem relação desfaz o cuidado com que o resto da página foi construída.

Link direto para o asset de PDF

7.6/10Não10

Vincular o asset direto do Webflow é a opção mais rápida e não custa nada. Também joga o visitante para um visualizador do navegador, adiciona o peso do arquivo ao seu projeto, renderiza diferente em cada dispositivo e não reporta nada sobre se alguém leu além da capa.

Atualizações do cliente sem um designer

Atualizações do cliente sem um designer

O melhor resultado para os dois lados é um cliente que consegue corrigir o próprio documento. Uma vez que o elemento Embed está no lugar, o snippet nunca muda de novo. Ele envia um PDF revisado, publica o flipbook, e a página mostra a nova versão sem ninguém abrir o Designer. Um preço corrigido, um item descontinuado, um novo endereço na contracapa: nada disso vira um chamado. Para um estúdio com contrato de manutenção, isso elimina uma categoria de trabalhos pequenos que nunca valiam a pena faturar e sempre valia a pena fazer rápido.

Dados de leitura que você pode colocar em um relatório
Dados de leitura que você pode colocar em um relatório
Dados de leitura que você pode colocar em um relatório
Dados de leitura que você pode colocar em um relatório

Dados de leitura que você pode colocar em um relatório

Um PDF hospedado te diz que um arquivo foi solicitado e nada mais. O Flipbooks AI mostra aberturas, tempo gasto por página e a página onde os leitores param de virar. Isso transforma uma decisão de design em um argumento que você consegue defender: os estudos de caso deveriam vir antes da página da equipe, a lista de preços está perdendo pessoas na página três, a última página dupla é onde o link de contato deveria ficar. Para uma agência escrevendo um relatório mensal, é uma seção que costumava ser um chute. Para um freelancer, é prova de que a página cobrada está fazendo alguma coisa.

Uma incorporação que sobrevive a uma reconstrução do site

Documentos sobrevivem a layouts. Quando o site for redesenhado daqui a dois anos, o link e o snippet do flipbook continuam válidos, então o leitor migra para o template novo com um copiar e colar em vez de uma migração. O próprio leitor é construído sobre padrões web atuais e mantido conforme os navegadores mudam, então nada apodrece na caixa cinza que visualizadores antigos deixaram para trás em tantos sites. Tudo é hospedado, então não há dependência para atualizar dentro do projeto e nada no projeto do Webflow que possa silenciosamente parar de funcionar.

Uma incorporação que sobrevive a uma reconstrução do site

Perguntas frequentes
Incorporação de flipbook no Webflow

O que é uma incorporação de flipbook no Webflow?

É um leitor hospedado com virada de página colocado dentro do seu layout do Webflow com um elemento HTML Embed. O Flipbooks AI hospeda o documento de graça, então os visitantes leem um catálogo ou folheto dentro da sua própria página em vez de baixar um arquivo dos seus assets.

Por que o flipbook não aparece no Designer?

O Webflow não executa código personalizado na tela de design, então um elemento Embed mostra um espaço reservado enquanto você projeta. Use o Preview para ver o resultado renderizado e publique no staging para testar em um dispositivo de verdade. O snippet está certo, a tela de design simplesmente não o executa.

Preciso de um plano de site pago no Webflow para publicar?

Sim, para a incorporação. O Webflow só publica código personalizado em sites com um plano de site pago, então em um domínio de staging gratuito o leitor não aparece. Até o plano entrar no ar, vincule ao flipbook hospedado por um botão e troque depois.

O Flipbooks AI é mesmo gratuito para trabalho com cliente?

Sim. É totalmente gratuito, sem marca d'água, sem limite de páginas e sem limite de quantos leitores você incorpora. Personalização, proteção por senha, compartilhamento e análise de leitura estão todos incluídos, então nada novo aparece na fatura do cliente na entrega.

Posso controlar flipbooks a partir do CMS do Webflow?

Sim. Guarde o link do flipbook em um campo de texto simples na coleção e insira esse campo no elemento Embed na página de coleção. Cada item então mostra seu próprio leitor, então adicionar uma nova edição ou folheto vira uma entrada de CMS em vez de um trabalho de design.

Como devo ajustar a altura em cada breakpoint?

Coloque o tamanho na classe do wrapper, não no elemento. Defina uma altura base, depois reduza no tablet e nos dois breakpoints de celular. Unidades de viewport mantêm o leitor proporcional à tela, e o modo de página única lê melhor que uma página dupla encolhida no celular.

O cliente pode atualizar o PDF sem um designer?

Sim. O snippet nunca muda. Ele envia um PDF revisado, publica o flipbook, e o leitor incorporado mostra a nova versão na hora, sem ninguém abrir o Designer ou republicar o site no Webflow.

Que dados de leitura voltam da incorporação?

Você recebe aberturas, tempo gasto em cada página e a página onde os leitores param de virar. É o suficiente para dizer qual página dupla está perdendo pessoas e onde uma chamada para ação deveria ficar, o que é mais do que um asset de PDF vinculado jamais reportou.

Ainda tem dúvidas?

Se ainda tiver dúvidas ou quiser saber mais sobre nossas funcionalidades, limitações e uso, visite nossa página completa de perguntas frequentes.