WordPress plugin

Custom iFrame Premium

Custom iFrame Premium lets you place external content on WordPress pages and posts through an Elementor widget or Gutenberg block. Add a content URL, adjust its display settings, preview the embed, and publish without writing code. Supported content includes YouTube and Vimeo videos, SoundCloud and Spotify players, Google Maps, PDFs, X posts, websites, web apps, dashboards, widgets, forms, and other sources.

Custom iFrame Premium

Custom iFrame Premium lets you place external content on WordPress pages and posts through an Elementor widget or Gutenberg block. Add a content URL, adjust its display settings, preview the embed, and publish without writing code. Supported content includes YouTube and Vimeo videos, SoundCloud and Spotify players, Google Maps, PDFs, X posts, websites, web apps, dashboards, widgets, forms, and other sources.

Set dimensions and loading behavior

Choose an iFrame height in pixels, percentages, or viewport units. Auto height can resize the iFrame to match its content. Lazy loading and a placeholder picture are available for embeds, and auto-refresh can set intervals for updating dynamic content.

Elementor styling controls include borders, shadows, spacing, and other presentation details. The product describes its display behavior as mobile-friendly and SEO-optimized across devices.

Premium controls for embeds

  • More than 100 embed sources, with custom iFrame attributes for more detailed control.
  • Advanced security options for embedded content.
  • Advanced YouTube and Vimeo options, 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 presenting embedded content within a device outline.

Install, add, and preview a resource

Install and activate Custom iFrame Premium in WordPress, then use Elementor or the Gutenberg Block Editor when creating a page or post.

In Elementor

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

In 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.

Use these controls to place videos on landing pages, maps on contact pages, or files with scrolling, zoom, and download options. The Premium edition includes lifetime updates and premium support.