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.
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.
Onde ele funciona melhor
Tipo de funil
Conteúdo do flipbook
Objetivo
Funil de isca digital
Prévia de e-book ou checklist gratuito
Coletar e-mails
Funil de produto
Catálogo digital ou tabela de preços
Gerar compras
Funil imobiliário
Folheto do imóvel
Agendar visitas
Funil de coaching
Visão geral do programa ou caderno de atividades
Agendar conversas de diagnóstico
Funil de evento
Programação digital do evento
Inscrever 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 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.
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.
Acesse o Flipbooks AI e entre na sua conta ou crie uma.
Clique na opção de criar um novo flipbook e faça upload do seu PDF.
Aguarde a conversão. A maioria dos arquivos termina em menos de um minuto.
Abra o painel de personalização e defina suas cores da marca, o fundo e o logotipo.
Escolha o efeito de virar página e ative ou desative o som.
Adicione links, vídeos ou áudios a páginas específicas, caso o documento precise.
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.
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:
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étodo
Melhor para
O visitante permanece na página
Código de incorporação (iframe)
Etapas de funil, páginas de destino
Sim
Botão com link direto
E-mails, SMS, publicações em redes sociais
Não
Pop-up com incorporação
Ofertas com visualização por clique
Sim
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.
No GoHighLevel, abra Sites e depois Funis, e selecione seu funil.
Clique na etapa em que o flipbook deve aparecer e abra o editor.
Adicione uma nova Seção e uma Linha com uma coluna onde o flipbook ficará.
Clique no ícone de mais dentro da coluna e escolha o elemento Custom JS/HTML.
Clique no elemento, abra suas configurações e selecione o editor de código.
Cole seu trecho de iframe.
Salve o código e depois clique em Salvar no topo do editor de funil.
Visualize a etapa no computador e no celular antes de publicar.
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.
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
Título que prometa um resultado
Subtítulo curto com um benefício
Flipbook incorporado no centro
Botão ou formulário logo abaixo
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.
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.
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.
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ócio
Documento
Próximo passo ideal
Imobiliária
Folheto do imóvel
Agendar uma visita
Treinador de academia
E-book de treino
Entrar na lista de e-mails
Loja de varejo
Catálogo de produtos
Visitar a loja ou comprar
Consultor
Relatório de estudo de caso
Agendar uma conversa
Restaurante
Cardápio
Reservar uma mesa
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.
Problema
Causa provável
Correção
Caixa em branco
Flipbook não publicado ou privado
Publique ou compartilhe o link certo
Código bruto visível
Tipo de elemento errado
Use Custom JS/HTML
Páginas cortadas
Altura muito pequena
Aumente a altura do iframe
Carregamento lento
PDF pesado
Comprima 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.
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.