Introduction to Custom iFrame
Learn what Custom iFrame is, what it does, and how to get started embedding 100+ external sources in Elementor and Gutenberg. No coding required.
What Is Custom iFrame?
Custom iFrame is a WordPress plugin by CoderzStudio that lets you embed content from 100+ external platforms directly on your WordPress pages. Paste a URL, choose your settings, and the content appears. No API keys, no shortcodes, no coding.
It works with both Elementor (as a drag-and-drop widget) and the Gutenberg block editor (as a native block). One plugin covers both builders.
Pick Your Builder
Embed in Elementor
Drag-and-drop widget for Elementor Free and Pro. Full guide hub for every supported platform.
Embed in Gutenberg
Native block for the WordPress block editor. Full guide hub for every supported platform.
What You Can Embed
Custom iFrame supports videos, audio, documents, maps, social media posts, forms, websites, and more:
Video
YouTube, Vimeo, Wistia, Rumble, Dailymotion, and more.
Audio
Spotify, SoundCloud, Boomplay, Spreaker, NRK Radio.
Documents
PDFs, Google Docs, Sheets, Slides, Forms, Figma, Notion.
Google Maps, Google My Maps, Google Calendar.
Social Media
Twitter/X, Facebook, Instagram, LinkedIn posts.
Forms
Typeform, HubSpot, JotForm, Calendly.
Free vs Pro
Custom iFrame is available in a free version and a Pro version. The free plugin covers the core embedding experience. Pro adds advanced controls and visual features.
| Feature | Free | Pro |
|---|---|---|
| Embed from 100+ sources | Yes | Yes |
| Elementor widget | Yes | Yes |
| Gutenberg block | Yes | Yes |
| Auto Height | Yes | Yes |
| Lazy Loading | Yes | Yes |
| Placeholder Image | Yes | Yes |
| Auto-Refresh | Yes | Yes |
| Sandbox and Referrer Policy | Yes | Yes |
| Custom Watermark | No | Yes |
| Device Frame (Desktop, Tablet, Phone) | No | Yes |
| 3D Flipbook PDF Viewer | No | Yes |
| YouTube Advanced Controls | No | Yes |
| Vimeo Advanced Controls | No | Yes |
| Custom iFrame Attributes | No | Yes |
View Pro pricing. Plans start at $29 one-time.
Get Started
Follow these steps to go from install to first embed:
Install the plugin
Install Custom iFrame Free from WordPress.org. See the installation guide.
Upgrade to Pro (optional)
For advanced controls, install Custom iFrame Pro. See the Pro activation guide.
Set up your builder
Connect Custom iFrame to your page builder:
Embed your first piece of content
Pick your platform and follow the guide for your builder. All platform guides are in the Elementor and Gutenberg tabs.
Troubleshooting
If something is not working, check the troubleshooting guides:
- iFrame Not Showing: blank embed, blocked URL, or wrong source
- Embed Blocked or Refused: X-Frame-Options or CSP errors
- iFrame Height Fix: content cut off or too much white space
- PDF Not Loading: PDF blank or downloading instead of displaying
- Mobile Responsive Issues: display problems on small screens
- Elementor Compatibility: widget missing or not loading
Need Help?
See the Getting Support guide for how to reach the Custom iFrame support team or post on the WordPress.org forum.
Last updated today
Built with Documentation.AI