Place external content in a WordPress page

Custom iFrame Premium provides an Elementor widget and a Gutenberg block for displaying content from external URLs. Add YouTube or Vimeo videos, SoundCloud or Spotify players, Google Maps, PDFs, X (Twitter) posts, websites, web apps, dashboards, widgets, forms, and other supported resources. Enter a URL, select the available settings, preview the embed, and publish without writing code.

Set dimensions and loading behavior

Choose a height in pixels, percentages, or viewport units to control the space an embed occupies. Auto height can resize the iFrame to match its content. Lazy loading and a placeholder image are available for embeds, while auto-refresh can update dynamic content at set intervals.

In Elementor, styling controls let you adjust borders, shadows, spacing, and other presentation details. The product describes its show behavior as mobile-friendly and SEO-optimized across devices.

Premium controls for different content

• Support for more than 100 embed sources.
• Custom iFrame attributes for control over embed properties.
• Advanced security settings for embedded content.
• Advanced YouTube and Vimeo settings, including autoplay, mute, and aspect ratios.
• Enhanced options for X (Twitter) post embeds.
• Custom watermarks for adding branding to embeds.
• A 3D Flipbook PDF Viewer for interactive document presentation.
• Device frames for displaying embedded content within a device-style frame.
• Lifetime updates and premium support.

Match the embed to its purpose

Use video embeds on landing pages, interactive maps with zoom levels and custom styles, or PDFs with scrolling, zoom, and download options. The plugin can also place playlists, podcasts, external websites, analytics dashboards, web applications, forms, and social media content in a page layout. Height settings, watermarks, device frames, and refresh intervals help tailor how each supported resource appears and updates.

Add an embed

Elementor

1. Drag the Custom iFrame Widget into an Elementor page.
2. Enter the external content URL.
3. Configure the available height, loading, styling, attributes, and other settings.
4. Preview and publish the page.

Gutenberg

1. Add the Custom iFrame block to a post or page.
2. Enter the external content URL.
3. Configure the available block settings, including height, lazy loading, and styling.
4. Preview and publish the content.