Código de Incorporação

Um código de incorporação é um trecho de HTML — tipicamente uma tag [iframe](/glossary/iframe) — que você cola no código-fonte de uma página web para exibir conteúdo externo inline nessa página. Para publicação digital, códigos de incorporação carregam um visualizador de [flipbook](/glossary/flipbook) ou documentos diretamente na página hospedeira, permitindo que os leitores interajam com a publicação sem navegar para outro lugar. O conteúdo é servido pelos servidores da plataforma de publicação, o que significa que nenhum hosting de arquivos é necessário no site de destino. Quando a publicação de origem é atualizada, cada instância incorporada reflete a mudança automaticamente.

Códigos de incorporação conectam suas publicações à sua presença web. Sem eles, a única forma de compartilhar um flipbook seria através de um link direto, forçando os leitores a sair do seu site. A incorporação mantém os visitantes no seu domínio, melhora métricas comportamentais como tempo na página e cria uma experiência de leitura integrada. Também centraliza a gestão de conteúdo: atualize o PDF uma vez e cada incorporação em cada site mostra a versão mais recente. Isso é especialmente valioso para catálogos, listas de preços e cardápios que mudam frequentemente.

O FlipLink gera um código de incorporação pronto para uso para cada flipbook ou documento publicado. No painel de [compartilhamento e distribuição](/features/sharing-and-distribution), você copia o trecho do [iframe](/glossary/iframe) e cola em qualquer site, blog ou CMS que aceite HTML. A incorporação é [responsiva](/glossary/responsive-embed) por padrão, adaptando-se à largura do contêiner em telas desktop e mobile. O FlipLink também oferece uma opção de [imagem clicável incorporada](/features/clickable-image-embed) que exibe uma miniatura estática com link para o flipbook completo — útil para newsletters por e-mail ou plataformas que restringem iframes. Você pode controlar onde seu conteúdo aparece usando o [whitelisting de domínios](/glossary/domain-whitelisting), que restringe a incorporação apenas a domínios aprovados.

Um código de incorporação é composto por alguns elementos-chave: - **A tag iframe**: O elemento central que cria uma janela para o conteúdo externo. Inclui um atributo `src` apontando para a URL da publicação, mais atributos `width` e `height` para dimensionamento. - **Wrapper responsivo**: Um `div` envolvente com dimensionamento baseado em porcentagem garante que o iframe se ajuste ao layout da página. O código de incorporação do FlipLink inclui esse wrapper por padrão, então você não precisa escrever seu próprio CSS. - **Atributos allow**: Navegadores modernos exigem atributos `allow` explícitos para recursos como tela cheia. O código do FlipLink os inclui para que todas as funcionalidades interativas funcionem imediatamente. - **Conteúdo de fallback**: Um link de texto dentro da tag iframe serve como fallback para os raros navegadores ou clientes de e-mail que não suportam iframes. A incorporação é carregada de forma assíncrona, o que significa que não bloqueia a renderização da página hospedeira. O impacto no desempenho é mínimo porque o visualizador do flipbook é inicializado apenas quando o iframe se torna visível no [viewport](/glossary/viewport).

**O que é um código de incorporação?** Um código de incorporação é um trecho HTML que você cola no seu site para exibir conteúdo hospedado em outra plataforma. Para flipbooks, tipicamente cria um iframe que carrega o visualizador interativo da publicação diretamente na sua página. **Posso incorporar um flipbook em qualquer site?** Sim, desde que o site permita HTML personalizado. Isso inclui WordPress, Shopify, Squarespace, Wix (via blocos HTML embed) e qualquer site personalizado. Alguns clientes de e-mail não suportam iframes — para esses, use a opção de imagem clicável incorporada do FlipLink. **O código de incorporação se atualiza automaticamente quando altero a publicação?** Sim. Como o código aponta para a URL da publicação nos servidores do FlipLink, qualquer atualização — substituir o PDF, alterar configurações ou atualizar botões CTA — é refletida imediatamente em cada instância incorporada sem tocar no código do seu site.

1. Publique seu flipbook ou documento no FlipLink 2. Abra o painel de compartilhamento e copie o código de incorporação 3. No CMS ou editor de página do seu site, adicione um bloco HTML personalizado 4. Cole o código de incorporação no bloco HTML 5. Visualize a página para confirmar que o flipbook é renderizado corretamente em desktop e mobile 6. Se quiser restringir onde o flipbook pode ser incorporado, configure o [whitelisting de domínios](/glossary/domain-whitelisting) nas configurações da publicação 7. Teste as funcionalidades interativas (virada de página, botões CTA, [captura de leads](/glossary/lead-capture)) na versão incorporada para verificar se funcionam como esperado