iFrame

An iFrame (inline frame) is an HTML element that embeds one web page inside another. Defined by the `<iframe>` tag, it creates an independent rectangular window within your page that loads and displays content from a separate URL. The embedded content maintains its own document context — with separate DOM, styles, and scripts — isolated from the host page. iFrames are widely used to embed videos, maps, forms, payment gateways, and interactive widgets without requiring the host page to handle that content's code or styling directly.

For digital publishers, iFrames provide the simplest and most universal way to place an interactive [flipbook](/glossary/flipbook) or document viewer directly on an existing website. Visitors can browse the publication without leaving the page, which keeps them engaged on your site rather than redirecting them to a third-party link. This improves time on page, reduces [bounce rates](/glossary/bounce-rate), and integrates the reading experience seamlessly into your existing design. Because iFrames are a native HTML feature supported by every modern browser, they work across WordPress, Shopify, Squarespace, custom-coded sites, and virtually any CMS.

FlipLink generates a ready-to-use iFrame [embed code](/glossary/embed-code) for every published flipbook and document. You copy the embed snippet from your FlipLink dashboard and paste it into your website's HTML, CMS editor, or landing page builder. The iFrame loads the full FlipLink viewer — including [page-flip animations](/glossary/page-flip-animation), [CTA buttons](/glossary/call-to-action-cta), [lead capture forms](/glossary/lead-capture), and [analytics tracking](/glossary/analytics-dashboard) — within the dimensions you specify. FlipLink's [responsive embed](/features/sharing-and-distribution) ensures the iFrame adapts to any screen size automatically. FlipLink also offers a [clickable image embed](/features/clickable-image-embed) option as a lightweight alternative that links to the full viewer.