Incorporação

Incorporação é o processo de inserir um [flipbook](/glossary/flipbook) ou visualizador de documentos diretamente dentro de outra página web usando um [iframe](/glossary/iframe) ou snippet JavaScript. O conteúdo incorporado é renderizado inline na página anfitriã, mantendo total interatividade — folhear páginas, zoom, busca e controles de navegação funcionam exatamente como na visualização direta. Como o viewer carrega dentro do DOM da página anfitriã, os leitores nunca saem do seu site e não veem um domínio de terceiros na barra do navegador.

Quando você incorpora uma publicação em vez de criar um link externo, mantém os visitantes dentro da sua experiência de navegação. Isso importa por três razões. Primeiro, leitores que permanecem no seu site têm maior probabilidade de tomar uma ação — preencher um formulário, clicar em um [botão CTA](/features/cta-buttons) ou explorar páginas relacionadas. Segundo, métricas de engajamento como tempo na página e [profundidade de rolagem](/glossary/scroll-depth) permanecem atribuídas ao seu domínio, beneficiando o SEO. Terceiro, conteúdo incorporado aparece no fluxo natural da página, parecendo parte da sua marca em vez de um recurso externo.

O recurso de [compartilhamento e distribuição](/features/sharing-and-distribution) do FlipLink gera um [código de incorporação](/glossary/embed-code) pronto para colar em cada publicação. A opção padrão é um [iframe](/glossary/iframe) de [incorporação responsiva](/glossary/responsive-embed) que se adapta a qualquer largura de contêiner, garantindo que o flipbook apareça corretamente em desktops, tablets e celulares sem ajuste manual. Todos os recursos configurados — botões CTA, formulários de [captura de leads](/features/lead-capture), rastreamento de [análises](/features/analytics-and-insights) e [proteção por senha](/features/password-protection) — funcionam dentro da incorporação. Para plataformas que bloqueiam iframes (alguns clientes de e-mail e redes sociais), o FlipLink oferece a [imagem clicável incorporada](/features/clickable-image-embed) como alternativa: uma miniatura da capa que abre o flipbook completo em uma nova aba. Você também pode restringir onde sua publicação pode ser incorporada usando [whitelist de domínios](/glossary/domain-whitelisting).

Um link de incorporação é tipicamente entregue como uma tag HTML `<iframe>` apontando para a URL hospedada da publicação. O iframe opera em um contexto de navegação isolado, o que significa que não pode acessar cookies ou o escopo JavaScript da página pai — isso fornece uma camada de segurança tanto para o publicador quanto para o site anfitrião. O código de incorporação do FlipLink inclui `allow="fullscreen"` para que os leitores possam expandir o viewer, e usa `loading="lazy"` para adiar o carregamento até que o iframe entre no [viewport](/glossary/viewport), evitando desacelerar a renderização inicial da página. Para aplicações single-page ou plataformas CMS que removem tags iframe, está disponível um snippet JavaScript que cria dinamicamente o iframe após o carregamento do DOM.

- **Ajuste a largura do contêiner ao propósito do conteúdo.** Uma incorporação em largura total funciona bem para catálogos e revistas. Para conteúdo complementar em um post de blog, um contêiner mais estreito (600–800px) mantém a incorporação proporcional ao texto ao redor. - **Use carregamento lazy.** Se você incorporar múltiplos flipbooks em uma única página — por exemplo, uma biblioteca de recursos — o carregamento lazy impede que todos solicitem recursos simultaneamente. - **Defina uma altura mínima.** Sem altura mínima, o iframe pode colapsar para zero em alguns frameworks CSS. Um valor de 400–500px previne saltos de layout durante o carregamento do conteúdo. - **Ative o whitelist de domínios.** Se sua publicação contém conteúdo sensível ou protegido, restrinja a incorporação aos seus próprios domínios para evitar iframe-jacking por terceiros. - **Teste em dispositivos móveis.** Incorporações responsivas se adaptam à largura, mas sempre verifique se interações touch (pinça para zoom, deslize para folhear) funcionam corretamente em dispositivos reais.

**Posso incorporar um flipbook do FlipLink em qualquer construtor de sites?** Sim. Qualquer plataforma que permita adicionar HTML personalizado — WordPress, Wix, Squarespace, Webflow, Shopify ou um site codificado manualmente — suporta o código iframe do FlipLink. Para plataformas com editores de blocos, cole o código dentro de um bloco HTML ou "Código Personalizado". **A incorporação afeta a velocidade da minha página?** O código de incorporação do FlipLink usa carregamento lazy por padrão, então o flipbook só carrega quando o visitante rola perto dele. O carregamento inicial da página não é afetado. Uma vez que o iframe carrega, os recursos são servidos pela CDN do FlipLink, mantendo a entrega rápida independentemente da localização do leitor. **Qual é a diferença entre incorporação e compartilhamento de link?** A incorporação exibe o flipbook diretamente na sua página para que os leitores interajam com ele inline. O [compartilhamento de link](/glossary/link-sharing) envia os leitores para uma URL separada onde o flipbook abre em tela cheia. A incorporação é melhor para manter visitantes no seu site; o compartilhamento de link é melhor para canais como e-mail e mensagens onde a renderização inline não é possível.