Como adicionar um flipbook a uma página de funil do GoHighLevel em 10 minutos

Incorpore um flipbook com efeito de virar página dentro de uma página de funil do GoHighLevel usando um elemento HTML personalizado. Este tutorial mostra como converter seu PDF, copiar o código de incorporação, ajustar o tamanho para celular, adicionar captura de contatos em volta dele e corrigir os problemas de exibição mais comuns.

Como adicionar um flipbook a uma página de funil do GoHighLevel em 10 minutos
Cristian Da Conceicao
Fundador do Flipbooks AI

A maioria das páginas de funil pede que o visitante baixe um PDF, e a maioria dos visitantes nunca o abre. Se você quer saber como adicionar um flipbook a uma página de funil do GoHighLevel, a resposta é surpreendentemente curta: converta o PDF em flipbook com o Flipbooks AI, copie o código de incorporação e cole-o em um elemento HTML personalizado dentro do criador de funil. O visitante permanece na sua página, folheia seu catálogo, lookbook ou isca digital como se fosse uma revista de verdade e vê sua chamada para ação o tempo todo.

Este tutorial percorre toda a configuração, desde a preparação do PDF até a publicação da etapa do funil. Você também vai ver onde um flipbook se encaixa em um funil, como ajustá-lo para celular e como resolver os problemas comuns quando a incorporação não aparece.

Por que colocar um flipbook no seu funil

Um link para um PDF estático tira as pessoas da página que você passou horas construindo. Um flipbook as mantém nela. O documento carrega dentro da própria página, as páginas viram com um efeito suave, e seu formulário, botão ou calendário de agendamento fica logo ao lado.

Mantenha o visitante na página

Cada clique para fora de uma etapa do funil é uma chance de perder o contato. Um PDF baixado abre em outra aba ou aplicativo, e o visitante raramente volta. Um flipbook incorporado se comporta como parte da própria página, então o caminho do funil continua intacto.

Mostre o conteúdo antes do cadastro

Algumas ofertas convertem melhor quando as pessoas podem dar uma prévia. Um flipbook permite mostrar as primeiras páginas de um e-book, uma tabela de preços ou um portfólio e, depois, pedir um e-mail para liberar o restante em uma segunda etapa do funil.

Profissional de marketing montando uma página de funil em um notebook em um espaço iluminado pelo sol

Onde ele funciona melhor

Tipo de funilConteúdo do flipbookObjetivo
Funil de isca digitalPrévia de e-book ou checklist gratuitoColetar e-mails
Funil de produtoCatálogo digital ou tabela de preçosGerar compras
Funil imobiliárioFolheto do imóvelAgendar visitas
Funil de coachingVisão geral do programa ou caderno de atividadesAgendar conversas de diagnóstico
Funil de eventoProgramação digital do eventoInscrever participantes

💡 Dica de ouro: Os melhores funis com flipbook mostram valor primeiro e pedem os dados de contato depois. Coloque o flipbook acima do formulário, e não abaixo dele.

O que você precisa antes de começar

A configuração leva cerca de dez minutos se você tiver estes itens em mãos.

  • Um PDF pronto (catálogo, e-book, folheto, relatório ou lookbook)
  • Uma conta gratuita ou paga no Flipbooks AI
  • Uma subconta do GoHighLevel com acesso a Sites > Funis
  • Uma etapa do funil onde você quer que o flipbook apareça

Prepare seu PDF

Exporte o PDF em um tamanho razoável. Arquivos com menos de 30 MB convertem rápido e carregam mais depressa para o visitante. Mantenha o texto com 10 pontos ou mais para que fique legível no celular, e use dimensões de página constantes para que o efeito de virar página fique limpo.

Catálogo em PDF impresso aberto sobre uma mesa, ao lado de um notebook e de um smartphone

Escolha o número certo de páginas

Documentos mais curtos convertem melhor dentro de funis. Um flipbook de 12 a 24 páginas parece uma leitura rápida. Um catálogo de 100 páginas também funciona, mas coloque um gancho claro na primeira página para que o visitante saiba por onde começar.

Como criar o flipbook

Você não precisa de software de design. O Conversor de PDF para flipbook faz a parte pesada.

  1. Acesse o Flipbooks AI e entre na sua conta ou crie uma.
  2. Clique na opção de criar um novo flipbook e faça upload do seu PDF.
  3. Aguarde a conversão. A maioria dos arquivos termina em menos de um minuto.
  4. Abra o painel de personalização e defina suas cores da marca, o fundo e o logotipo.
  5. Escolha o efeito de virar página e ative ou desative o som.
  6. Adicione links, vídeos ou áudios a páginas específicas, caso o documento precise.
  7. Salve e publique o flipbook.

Personalize sem exagerar

Combine o fundo do flipbook com o fundo da sua página de funil para que ele se integre ao visual. Use a cor da sua marca na barra de ferramentas. Mantenha os efeitos simples, porque o visitante está ali pelo conteúdo, não pela animação. O Flipbooks AI nunca adiciona marca d’água, então o material final parece seu.

Defina a privacidade corretamente

Se o flipbook for um ativo pago ou um bônus restrito, ative a proteção por senha. Para uma prévia pública de isca digital, deixe aberto para que a incorporação carregue para todos. Você pode comparar o que cada plano inclui na página de preços.

Mulher apontando para a tela de um notebook que mostra uma revista digital com uma dobra de página

Como copiar o código de incorporação

Depois que o flipbook estiver publicado, abra suas opções de compartilhamento e selecione Incorporar. Você verá um trecho de iframe com a seguinte aparência:

<iframe src="YOUR-FLIPBOOK-LINK" width="100%" height="650" frameborder="0" allowfullscreen></iframe>

Copie o trecho inteiro. A página Incorporar flipbook em site explica as opções disponíveis com mais detalhes.

Link ou incorporação?

MétodoMelhor paraO visitante permanece na página
Código de incorporação (iframe)Etapas de funil, páginas de destinoSim
Botão com link diretoE-mails, SMS, publicações em redes sociaisNão
Pop-up com incorporaçãoOfertas com visualização por cliqueSim

Para funis, o código de incorporação vence quase sempre. Use o link direto nos e-mails de acompanhamento e nas mensagens de texto enviadas pelo GoHighLevel.

Como adicioná-lo no GoHighLevel

Agora vem a parte que importa. Siga estes passos dentro do criador de funil.

  1. No GoHighLevel, abra Sites e depois Funis, e selecione seu funil.
  2. Clique na etapa em que o flipbook deve aparecer e abra o editor.
  3. Adicione uma nova Seção e uma Linha com uma coluna onde o flipbook ficará.
  4. Clique no ícone de mais dentro da coluna e escolha o elemento Custom JS/HTML.
  5. Clique no elemento, abra suas configurações e selecione o editor de código.
  6. Cole seu trecho de iframe.
  7. Salve o código e depois clique em Salvar no topo do editor de funil.
  8. Visualize a etapa no computador e no celular antes de publicar.

Desenvolvedor revisando código de incorporação HTML em um monitor em um escritório organizado

Ajuste corretamente a seção

Defina a seção como largura total ou em uma largura ampla, centralizada na página, para que o livro tenha espaço. Uma coluna estreita comprime as páginas e deixa o texto difícil de ler. No computador, uma altura entre 600 e 700 pixels funciona bem para a maioria dos documentos.

Trate bem o celular

No celular, uma página dupla fica minúscula. A maioria dos visualizadores de flipbook passa automaticamente para a visualização de página única, mas você ainda deve conferir. Defina a altura do iframe em cerca de 500 pixels em uma seção específica para celular, ou use um valor maior no código principal se quiser apenas uma versão.

⚠️ Atenção: Não cole o iframe em um elemento de texto simples. O GoHighLevel vai mostrar o código bruto em vez do flipbook. Sempre use o elemento Custom JS/HTML.

Mão segurando um smartphone que mostra uma página móvel com um visualizador de documento no estilo livro

Como montar o funil em volta dele

Um flipbook sozinho não é um funil. Combine-o com uma ação clara e um motivo para agir.

Um layout simples que funciona

  1. Título que prometa um resultado
  2. Subtítulo curto com um benefício
  3. Flipbook incorporado no centro
  4. Botão ou formulário logo abaixo
  5. Prova social, como um depoimento ou uma fileira de logotipos de clientes

Essa ordem permite que o visitante experimente o conteúdo, sinta confiança e aja sem precisar procurar o próximo passo rolando a página.

Equipe de marketing analisando gráficos de conversão em volta de uma mesa de reunião

Padrão de restrição em duas etapas

Mostre um flipbook de prévia na primeira etapa, com um botão que diz "Quero a versão completa". Leve o visitante à segunda etapa, que contém um formulário do GoHighLevel. Depois do envio, redirecione para uma etapa de agradecimento com o flipbook completo incorporado. A prévia cria interesse, o formulário captura o contato e o documento completo recompensa a pessoa.

Use o rastreamento que você já tem

Mantenha seu pixel do Facebook, sua tag do Google e o rastreamento do GoHighLevel na etapa do funil. Se você está no plano Professional do Flipbooks AI, também recebe ferramentas de análise e geração de contatos dentro do próprio flipbook, para ver quais páginas prendem a atenção.

Exemplos reais que você pode copiar

A mesma técnica serve para muitos negócios. Veja como diferentes usuários a aplicam.

Corretores de imóveis

Um corretor incorpora um folheto digital do imóvel em um funil de imóvel à venda. Os compradores navegam por fotos, plantas e detalhes da vizinhança e depois agendam uma visita por um calendário abaixo. O Criador de folheto imobiliário foi feito para isso.

Corretor de imóveis entregando um folheto brilhante do imóvel a um casal em uma sala de estar

Treinadores de academia

Um treinador transforma um plano de treino em uma prévia de flipbook e a usa como isca digital. Os visitantes leem a primeira semana de treino e depois informam o e-mail para receber o programa completo de oito semanas. Experimente o Editor de e-books interativos para esse tipo de oferta.

Treinador de academia segurando um tablet com um e-book digital de treino em um estúdio iluminado

Varejo e negócios de produtos

Uma dona de boutique publica um lookbook sazonal ou um catálogo de produtos e direciona tráfego pago para uma página de funil, onde as clientes navegam antes de clicar para comprar. O Gerador de catálogo de produtos funciona bem aqui.

Comparação rápida dos casos de uso

NegócioDocumentoPróximo passo ideal
ImobiliáriaFolheto do imóvelAgendar uma visita
Treinador de academiaE-book de treinoEntrar na lista de e-mails
Loja de varejoCatálogo de produtosVisitar a loja ou comprar
ConsultorRelatório de estudo de casoAgendar uma conversa
RestauranteCardápioReservar uma mesa

Pequena empresária conferindo um notebook no balcão da sua loja boutique

Como corrigir problemas comuns

A maioria dos problemas de incorporação se resume a algumas causas.

O flipbook aparece em branco

Confira se o flipbook está publicado e não está privado sem um fluxo de senha. Cole o link direto em uma nova aba do navegador. Se ele abrir ali, o problema está no trecho de incorporação, então copie-o novamente no painel de compartilhamento.

O código aparece como texto

Você usou o elemento errado. Exclua-o e adicione o elemento Custom JS/HTML.

O livro aparece cortado

Aumente a altura do iframe e alargue a seção. Confirme também se a linha não tem um preenchimento que reduza a coluna.

Carrega devagar

Comprima as imagens grandes do PDF antes do envio e remova as páginas que não são usadas. Um arquivo mais leve abre mais rápido, principalmente em conexões de dados móveis.

ProblemaCausa provávelCorreção
Caixa em brancoFlipbook não publicado ou privadoPublique ou compartilhe o link certo
Código bruto visívelTipo de elemento erradoUse Custom JS/HTML
Páginas cortadasAltura muito pequenaAumente a altura do iframe
Carregamento lentoPDF pesadoComprima as imagens

✅ Boa prática: Sempre teste a URL do funil publicado em uma janela anônima e em um celular real. A prévia do editor pode ser diferente da página publicada.

Caderno com um diagrama de funil desenhado à mão sobre uma mesa de madeira

Seu próximo passo

Agora você tem tudo o que precisa para colocar um flipbook dentro de um funil: um PDF convertido, um trecho de incorporação, um elemento HTML personalizado e um layout que leva o visitante a uma única ação.

Pronto para criar seu flipbook? Comece de graça no Flipbooks AI, converta seu primeiro PDF em um minuto e cole o código no seu funil. Veja a lista completa de ferramentas de flipbook para encontrar o modelo certo para sua oferta e compare os planos e preços se você quiser análises, geração de contatos e flipbooks ilimitados.

Compartilhar este artigo

Escolha seu idioma