Como Incorporar um Flipbook no Seu Site Wix

O Wix facilita a criação de um site profissional sem escrever código, mas adicionar conteúdo interativo como um flipbook pode parecer complicado no início. A boa notícia é que incorporar um flipbook FlipLink no seu site Wix leva apenas alguns minutos — sem necessidade de experiência com programação.

Neste guia, você vai aprender como copiar o código de embed do FlipLink, inserir no editor do Wix e ajustar para que seu flipbook fique ótimo em qualquer tamanho de tela.

Por Que Incorporar um Flipbook no Seu Site Wix?

PDFs estáticos escondidos atrás de links de download não engajam os visitantes. Um flipbook incorporado permite que as pessoas folheiem seu conteúdo diretamente na página com animações realistas de virada de página em 3D. Isso significa:

• Maior engajamento — visitantes interagem com seu conteúdo em vez de navegar para fora
• Mais tempo na página — elementos interativos mantêm as pessoas navegando
• Apresentação profissional — catálogos, portfólios, revistas e folhetos ficam muito mais polidos como flipbooks
• Sem downloads necessários — tudo carrega direto no navegador

Seja exibindo um catálogo de produtos, um relatório empresarial ou uma revista digital, incorporar sempre supera apenas colocar um link.

O Que Você Vai Precisar

Antes de começar, certifique-se de ter:

1. Uma conta FlipLink com pelo menos um flipbook publicado (cadastre-se aqui se ainda não tem)
2. Acesso ao Editor do Wix para seu site
3. O código de embed ou URL de compartilhamento do seu flipbook no FlipLink

Pronto. Nenhum plugin premium do Wix ou aplicativo de terceiros é necessário.

Passo 1: Obtenha Seu Código de Embed do FlipLink

Primeiro, copie o código de embed do flipbook que deseja exibir.

1. Faça login no painel do FlipLink em go.fliplink.me
2. Abra o flipbook que deseja incorporar
3. Clique no botão Compartilhar na barra de ferramentas
4. Selecione a aba Embed
5. Copie o código de embed iframe fornecido

O código de embed se parece com isso:

<iframe
  src="https://go.fliplink.me/view/your-flipbook-id"
  width="100%"
  height="600"
  frameborder="0"
  allowfullscreen
></iframe>

O FlipLink fornece um snippet iframe pronto para uso, então você não precisa construir nada manualmente. Para uma análise mais detalhada das opções de embed, confira a página do recurso Compartilhamento e Distribuição.

Passo 2: Adicione um Elemento de Embed HTML no Wix

Agora mude para o editor do seu site Wix.

1. Abra o Editor do Wix para seu site
2. Navegue até a página onde deseja que o flipbook apareça
3. Clique no botão Adicionar (+) na barra de ferramentas à esquerda
4. Selecione Embed Code no menu
5. Escolha Embed HTML
6. Um widget HTML cinza aparecerá no seu canvas — arraste-o para a posição desejada na página

Este widget é onde seu flipbook vai ficar.

Passo 3: Cole o Código de Embed

1. Clique no widget de embed HTML que acabou de posicionar
2. Selecione Enter Code
3. Certifique-se de que o modo está configurado como HTML (não URL)
4. Cole o código de embed iframe que copiou do FlipLink
5. Clique em Update ou Apply

Seu flipbook agora deve renderizar dentro do widget. Você verá o visualizador interativo diretamente na pré-visualização do editor do Wix.

Passo 4: Redimensione e Posicione o Flipbook

As dimensões padrão do iframe podem não combinar perfeitamente com o layout da sua página. Aqui estão algumas dicas para acertar o tamanho:

Defina uma Boa Altura

Uma altura de 500–700 pixels funciona bem para a maioria dos flipbooks. Se seu conteúdo é orientado em paisagem (como um spread de catálogo), aumente — cerca de 650–700px. Para documentos em retrato, 500–600px geralmente é suficiente.

Torne de Largura Total

Para fazer o flipbook se estender por toda a área de conteúdo, defina a largura do widget para corresponder à coluna de conteúdo da sua página. No editor do Wix, arraste as bordas do widget HTML para preencher o espaço disponível, ou use a opção de layout Stretch se seu template Wix suportar.

Considerações sobre Responsividade

O Wix lida com comportamento responsivo de forma diferente do HTML tradicional. Alguns pontos para ter em mente:

• O widget de embed HTML não redimensiona automaticamente no mobile no editor clássico do Wix — pode ser necessário ajustar a versão mobile separadamente
• No editor mobile do Wix, clique no widget HTML e redimensione para telas menores
• Defina a largura do iframe como 100% no seu código de embed para que preencha qualquer container que o Wix fornecer
• Considere reduzir a altura para 400–500px no mobile para que o flipbook não domine a tela inteira

Se estiver usando o Wix Studio (antigo Editor X), você tem mais controle sobre breakpoints responsivos e pode configurar o widget para se ajustar fluidamente.

Passo 5: Configure a Lista de Domínios Permitidos

Se você habilitou restrições de domínio no seu flipbook por segurança, precisará adicionar seu domínio Wix à lista permitida para que o embed carregue corretamente.

1. Vá ao painel do FlipLink
2. Abra as configurações do flipbook
3. Navegue até a seção de Lista de Domínios Permitidos
4. Adicione o domínio do seu site Wix (ex.: www.seunegocio.com ou seunome.wixsite.com)
5. Salve suas alterações

Sem a lista de domínios permitidos, os visitantes podem ver uma mensagem de bloqueio em vez do seu flipbook. Se estiver usando um domínio personalizado conectado ao Wix, adicione esse domínio à lista em vez do endereço padrão .wixsite.com.

Solucionando Problemas Comuns

O flipbook não aparece no editor

• Certifique-se de que selecionou o modo HTML, não o modo Website Address no widget de embed
• Verifique se seu flipbook está publicado (não em rascunho) no FlipLink
• Confirme se a URL src do iframe está correta e acessível em uma aba normal do navegador

O flipbook carrega mas aparece cortado

• Aumente a altura do widget de embed HTML no editor do Wix
• Certifique-se de que o atributo width do iframe está definido como 100%
• Verifique se nenhum container pai no layout do Wix está cortando o widget

O flipbook mostra uma caixa branca vazia

• Seu flipbook pode ter a lista de domínios permitidos habilitada — adicione seu domínio Wix à lista
• Limpe o cache do navegador e recarregue a página
• Tente abrir a URL do flipbook diretamente em uma nova aba para confirmar que carrega

O embed fica diferente no mobile

• Mude para o editor mobile no Wix e ajuste o tamanho do widget separadamente
• Reduza a altura do iframe para mobile para evitar scroll excessivo
• Teste em um dispositivo mobile real, pois a pré-visualização mobile do Wix às vezes difere do comportamento real

Alternativa: Link em Vez de Embed

Se incorporar não é ideal para seu layout — talvez você queira uma página mais limpa ou seu flipbook seja muito longo — você pode vincular a ele.

1. Copie o link de compartilhamento do FlipLink (não o código de embed)
2. Adicione um botão ou link de texto na sua página Wix
3. Configure o link para abrir a URL do flipbook em uma nova aba

Essa abordagem funciona bem para:

• Campanhas de e-mail onde você direciona tráfego para uma página dedicada de flipbook
• Menus de navegação onde você quer um link direto para um catálogo ou revista
• Landing pages onde você prefere uma seção hero limpa com um botão de CTA

Você também pode criar uma página dedicada no seu site Wix que contém apenas o flipbook incorporado e vincular a essa página a partir da navegação ou de outro conteúdo.

Dicas para uma Melhor Experiência com Flipbooks no Wix

• Posicione o flipbook abaixo da dobra se a página tem outro conteúdo importante acima — embeds grandes podem empurrar informações-chave para baixo
• Adicione contexto acima do embed com um título curto e descrição para que os visitantes saibam o que estão vendo
• Use um placeholder de carregamento — adicione uma breve nota como "Carregando flipbook..." acima do widget para conexões mais lentas
• Mantenha seu flipbook otimizado — comprima seu PDF antes de fazer upload no FlipLink para tempos de carregamento mais rápidos
• Teste em múltiplos dispositivos antes de publicar — verifique desktop, tablet e celular para garantir que tudo está certo

Guias Relacionados

Se você está incorporando flipbooks em outras plataformas, estes guias orientam o processo para cada uma:

• Como Incorporar um PDF em Qualquer Site
• Como Incorporar um Flipbook no WordPress
• Como Incorporar um Flipbook com Iframe

Comece a Incorporar Seu Flipbook Hoje

Colocar um flipbook FlipLink no seu site Wix é simples: copie o código de embed, insira em um widget HTML, ajuste o tamanho e publique. O processo inteiro leva menos de cinco minutos.

Se ainda não criou seu flipbook, cadastre-se no FlipLink e faça upload do seu primeiro PDF. Confira nossa página de preços para ver o lifetime deal — um único pagamento, sem assinaturas, e acesso completo a todos os recursos incluindo códigos de embed, domínios personalizados e analytics.