Como adicionar um flipbook ao Wix com o elemento HTML Incorporado

Você tem um catálogo, cardápio ou folheto em PDF e quer que os visitantes folheiem tudo direto na sua página do Wix, em vez de baixar um arquivo pesado. A boa notícia: leva cerca de dez minutos. Crie o flipbook com o Flipbooks AI, copie o código de incorporação e coloque-o no Wix com o elemento HTML Incorporado. Este tutorial mostra cada clique, além dos detalhes de tamanho e solução de problemas que a maioria dos tutoriais deixa de fora.

Por que usar um flipbook no Wix

O Wix lida muito bem com textos, galerias e lojas. PDFs são um ponto fraco. Um visitante que clica em um link de PDF sai do seu site, espera um download e, muitas vezes, nunca mais volta. Um flipbook mantém essa pessoa na página, com viradas de página realistas, zoom e carregamento rápido.

Veja o que você ganha ao incorporar em vez de apenas linkar:

• Os visitantes permanecem no seu site, o que mantém suas páginas trabalhando por você.
• As páginas carregam progressivamente, então um catálogo de 60 páginas abre rápido no celular.
• Você pode atualizar o flipbook sem mexer na sua página do Wix outra vez.
• Sem marcas d’água, para que sua marca continue em destaque.

Quem mais se beneficia

💡 Dica de ouro: Escolha uma página e um flipbook para a sua primeira tentativa. Quando o processo ficar familiar, repetir para outras páginas leva dois minutos.

O que você precisa antes de começar

Reúna estes itens primeiro para não parar no meio do caminho:

1. Um site no Wix com acesso de edição (qualquer plano que permita incorporações personalizadas).
2. Um PDF finalizado, de preferência com menos de 50 MB, com páginas de tamanho constante.
3. Uma conta gratuita no Flipbooks AI.
4. Dez minutos e uma janela do navegador aberta com as duas ferramentas.

Prepare seu PDF

Um arquivo de origem limpo gera um flipbook melhor. Confira estes pontos antes de enviar:

• Exporte com uma resolução razoável. 150 DPI é mais que suficiente para telas.
• Mantenha as fontes incorporadas para que o texto fique nítido.
• Use páginas simples, não páginas duplas, a menos que queira um layout de livro.
• Comprima imagens grandes primeiro. Um arquivo mais leve converte mais rápido.

Crie seu flipbook

Esta etapa acontece fora do Wix. Você transforma o PDF em um flipbook compartilhável e pega o código de incorporação.

Envie e converta

1. Entre no Flipbooks AI.
2. Escolha criar um novo flipbook e envie seu PDF. O Conversor de PDF para flipbook transforma o arquivo em páginas com efeitos de virada realistas.
3. Aguarde o processamento. Arquivos curtos terminam em segundos, catálogos longos levam um pouco mais.
4. Visualize o resultado e folheie algumas páginas para confirmar que nada parece errado.

Personalize o visual

Antes de incorporar, defina os detalhes que fazem o flipbook parecer parte da sua marca:

• Identidade visual e cores para combinar com o tema do seu Wix.
• Efeitos de página, como a animação de virada e as sombras.
• Multimídia, como vídeos e áudio em páginas específicas.
• Proteção por senha se o conteúdo for privado.

✅ Melhor prática: Use no fundo do flipbook a mesma cor da seção do Wix. Assim, a incorporação se integra à página em vez de parecer uma caixa colocada sobre ela.

Copie o código de incorporação

Abra as opções de compartilhamento e encontre o código de incorporação. É um trecho curto, geralmente uma tag iframe. Copie tudo, do colchete de abertura até a tag de fechamento. A ferramenta Incorporar flipbook em site explica as opções com mais detalhes.

Adicione o elemento HTML Incorporado no Wix

Agora volte ao editor do Wix. O texto muda um pouco entre o Editor Wix clássico e o Wix Studio, então os dois caminhos estão listados.

Passos no Editor Wix

1. Abra a página onde o flipbook deve aparecer.
2. Clique em Adicionar elementos (o ícone de mais) à esquerda.
3. Selecione Código incorporado e depois escolha HTML incorporado.
4. Um espaço reservado aparece na página. Clique em Inserir código.
5. No painel de configurações, escolha Código (não Endereço do site).
6. Cole o código de incorporação do seu flipbook na caixa.
7. Clique em Atualizar e aguarde a prévia carregar.

Passos no Wix Studio

1. Abra a página e clique em Adicionar elementos.
2. Vá em Incorporar e social e escolha a opção Incorporação HTML.
3. Clique no elemento e depois abra suas configurações e escolha Código.
4. Cole o trecho e aplique.

Código versus endereço do site

O Wix oferece dois modos dentro do elemento. Escolher o certo evita a maioria dos erros.

Se você tem o código de incorporação, use Código. Se tiver apenas um link, o Endereço do site também funciona, embora você tenha menos controle sobre o quadro.

Ajuste o tamanho do flipbook corretamente

Um flipbook pequeno demais parece apertado, e um grande demais empurra o conteúdo para fora da tela. O Wix permite arrastar as alças do elemento, e o código de incorporação também traz valores de largura e altura.

Dimensões recomendadas

Dicas para um layout limpo

• Coloque o elemento dentro de uma faixa e estique-o até a largura total para o maior impacto.
• Deixe um espaço acima e abaixo para que o flipbook respire.
• Adicione um título curto acima, como "Navegue pelo catálogo".
• Evite empilhar duas incorporações uma logo após a outra na mesma tela.

💡 Dica de ouro: Use o editor móvel do Wix para definir uma altura separada para celulares. Um flipbook que fica perfeito no computador pode parecer alto demais em uma tela pequena.

Teste em todas as telas

Clicar em Visualizar no editor é o primeiro teste. Não pare aí. Publique a página e abra o link publicado em um celular e em outro navegador.

Percorra esta checklist curta:

1. A primeira página aparece sem quadro em branco?
2. As viradas de página funcionam com deslize no celular?
3. O zoom funciona e volta ao normal?
4. Os vídeos ou links dentro do flipbook respondem?
5. A página ainda carrega rápido?

Se você respondeu sim às cinco, terminou.

Corrija problemas comuns

Mesmo uma configuração limpa pode encontrar pequenos obstáculos. Estes são os problemas que as pessoas mais relatam, com a correção para cada um.

O quadro está em branco

O motivo mais provável é que você usou Endereço do site com um trecho de código, ou colou só parte do código. Reabra o elemento, mude para Código e cole o trecho completo novamente. Confirme também se o flipbook está publicado e não definido como privado.

O flipbook está cortado

Aumente a altura do elemento HTML Incorporado na tela. O iframe não pode ser maior que o contêiner, então um elemento baixo corta a parte de baixo do livro.

Funciona na prévia, mas não no ar

Publique o site depois de salvar as alterações. As versões de prévia e publicada podem ser diferentes até você publicar. Limpe o cache do navegador se ainda vir o estado antigo.

Fica pequeno demais no celular

Mude para o editor móvel e redimensione o elemento separadamente. O Wix guarda os layouts móveis em separado.

⚠️ Atenção: Não cole o código de incorporação em uma caixa de texto simples ou em um elemento de texto. Ele aparecerá como código visível em vez de ser exibido. Use sempre o elemento HTML.

Exemplos reais para copiar

Ver como outros usam o mesmo método facilita imaginar a sua página.

O portfólio de um fotógrafo

Um fotógrafo de casamentos exporta um portfólio de 30 páginas e o monta com a ferramenta Criador de flipbook de portfólio de fotografia. No Wix, o flipbook fica em uma faixa de largura total na página de portfólio. Os visitantes veem o trabalho em formato de livro, que se parece mais com um álbum impresso do que com uma galeria em rolagem.

Um cardápio de cafeteria

A dona de uma cafeteria envia o cardápio semanal com o Criador de flipbook de cardápio de restaurante. Quando os preços mudam, ela substitui o PDF no painel do flipbook e a página do Wix se atualiza sozinha. Não é preciso editar o site.

Um catálogo de boutique

Uma pequena loja publica um lookbook sazonal com o Estilista de lookbook interativo e o coloca na página de destino da loja, acima da grade de produtos. Os compradores primeiro folheiam as páginas estilizadas e depois clicam para comprar.

Qual ferramenta combina com cada página

Recursos extras que valem a pena

Quando a incorporação básica funcionar, algumas opções agregam valor real à sua página do Wix:

• Proteção por senha para documentos exclusivos de clientes ou conteúdo para membros.
• Downloads offline para que os visitantes possam salvar uma cópia.
• Vídeo e áudio incorporados dentro das páginas.
• Estatísticas e captação de contatos no plano Professional, para você ver quem lê o quê e capturar contatos.
• Flipbooks ilimitados no plano Standard e superiores, útil se você administra muitas páginas.

Veja os planos e preços para comparar o que cada nível inclui.

Mantenha sua página do Wix rápida

Um flipbook deve agregar valor, não peso. Alguns hábitos mantêm tudo ágil:

1. Mantenha os PDFs leves comprimindo as imagens antes do envio.
2. Coloque o flipbook abaixo da dobra quando a página já tiver banners grandes.
3. Use uma incorporação por página sempre que possível.
4. Teste a velocidade da página depois de publicar, principalmente em dados móveis.

Pronto para publicar o seu

Agora você tem a rotina completa: prepare o PDF, crie o flipbook, copie o código de incorporação, adicione o elemento HTML Incorporado no Wix, cole no modo Código, ajuste o tamanho e teste em um celular. Cada flipbook seguinte repete os mesmos poucos cliques.

Pronto para colocar o primeiro no ar? Comece gratuitamente no Flipbooks AI, veja todas as ferramentas e modelos disponíveis ou compare os planos e preços para escolher o que funciona para o seu site.