Title: Custom iFrame – Embed PDFs, Videos, and External Content in WordPress (Elementor & Gutenberg) Author: Coderz Studio Published: February 26, 2025 Last modified: February 4, 2026 --- Search plugins ![](https://ps.w.org/custom-iframe/assets/banner-772x250.png?rev=3453583) ![](https://ps.w.org/custom-iframe/assets/icon-256x256.png?rev=3453583) # Custom iFrame – Embed PDFs, Videos, and External Content in WordPress (Elementor & Gutenberg) By [Coderz Studio](https://profiles.wordpress.org/coderzstudio/) [Download](https://downloads.wordpress.org/plugin/custom-iframe.zip) * [Details](https://twd.wordpress.org/plugins/custom-iframe/#description) * [Reviews](https://twd.wordpress.org/plugins/custom-iframe/#reviews) * [Installation](https://twd.wordpress.org/plugins/custom-iframe/#installation) * [Development](https://twd.wordpress.org/plugins/custom-iframe/#developers) [Support](https://wordpress.org/support/plugin/custom-iframe/) ## Description **The Ultimate iFrame Solution for WordPress – Elementor & Gutenberg!** Want to embed external content seamlessly into your WordPress site? **Custom iFrame** lets you integrate PDFs, videos, music players, Google Maps, and third-party websites into your pages using either **Elementor** or the **Gutenberg Block Editor** – no coding required. With **lazy loading, security enhancements, and full customization**, you get total control over how your iFrames look and function. **πŸ”₯ Key Features:** * **Embed Anything with Ease:** - **YouTube & Vimeo** – Supports autoplay, mute, and aspect ratios. - **SoundCloud & Spotify** – Add playlists, podcasts, and music players. - **Google Maps** – Fully interactive with zoom levels and custom styles. - **Third-Party Websites** – Securely embed external pages into Elementor. - **Web Apps & Dashboards** – Display analytics, widgets, and live content. - **PDF Files** – Embed documents with scroll, zoom, and download options. * **Performance & Customization:** - **Responsive Height Control** – Define height in pixels, percentages, or viewport units. - **Auto Height Adjustment** – iFrame resizes automatically to match content. - **Lazy Loading & Placeholder Image** – Improves page speed and UX. - **Auto-Refresh Option** – Set refresh intervals for dynamic content updates. - **Custom Styling** – Adjust borders, shadows, spacing, and more inside Elementor. - **Mobile-Friendly & SEO-Optimized** – Ensures content displays perfectly on all devices. **πŸ”₯ Premium Features:** * **Lifetime Updates** – Get all future updates and improvements * **Premium Support** – Priority support from our expert team * **100+ Embed Sources** – Support for extensive range of content sources * **Custom iFrame Attributes** – Advanced control over iframe properties * **Advanced Security Options** – Enhanced protection for embedded content * **YouTube & Vimeo Controls** – Advanced settings for video embeds * **Enhanced X (Twitter) Options** – Better control over X post embeds * **Custom Watermarks** – Add your branding to embeds * **3D Flipbook PDF Viewer** – Interactive PDF viewing experience * **Device Frame Display** – Show content in device frames πŸ‘‰ **[Live Demo](https://customiframe.com/demo/?utm_source=elementor&utm_medium=widget_settings&utm_campaign=demo)** πŸ‘‰ **[Get Premium Version](https://customiframe.com/pricing/?utm_source=plugin&utm_medium=wpdashboard&utm_campaign=upgrade_cta)** **πŸ”΄ Watch the Video Tutorial ( [Link](https://www.youtube.com/watch?v=EB6MgWB6zLA))** ### Usage **Using Elementor:** 1. Drag and drop the **Custom iFrame Widget** into your Elementor page. 2. Enter the URL of the external content (e.g., YouTube video, Google Maps). 3. Configure iframe settings such as height, lazy loading, and styling. 4. Preview and publish your page for seamless embedding. **Using Gutenberg:** 1. Add the **Custom iFrame** block to your post or page. 2. Enter the URL of the external content you want to embed. 3. Configure settings in the block sidebar (height, lazy loading, styling, etc.). 4. Preview and publish your content. For detailed step-by-step tutorials, check out: πŸ“Œ **[How to Set Up Custom Iframe in Elementor](https://coderzstudio.com/docs/how-to-set-up-custom-iframe-in-elementor/?utm_source=wordpress&utm_medium=readme&utm_campaign=custom_iframe&utm_id=wp_01)** πŸ“Œ **[How to Embed Google Maps in Elementor](https://coderzstudio.com/docs/embed-google-maps-in-elementor/?utm_source=wordpress&utm_medium=readme&utm_campaign=custom_iframe&utm_id=wp_01)** πŸ“Œ **[How to Embed YouTube Videos in Elementor](https://coderzstudio.com/docs/embed-youtube-video-in-elementor/?utm_source=wordpress&utm_medium=readme&utm_campaign=custom_iframe&utm_id=wp_01)** πŸ“Œ **[How to Embed X (formerly Twitter) post in Elementor](https://coderzstudio.com/docs/embed-x-post-in-elementor/?utm_source=wordpress&utm_medium=readme&utm_campaign=custom_iframe&utm_id=wp_01)** ### Support Need help? We’re here for you! πŸ’¬ **Website:** [customiframe.com](https://customiframe.com/?utm_source=wordpress&utm_medium=readme&utm_campaign=custom_iframe&utm_id=wp_01) πŸ“– **Docs:** [View Documentation](https://customiframe.com/docs/?utm_source=elementor&utm_medium=widget_settings&utm_campaign=read_docs) πŸ› οΈ **Support:** [Submit a Request](https://wordpress.org/plugins/custom-iframe/#reviews) 🌟 **Love the plugin?** [Leave a review on WordPress.org!](https://wordpress.org/plugins/custom-iframe/) ⭐⭐⭐⭐⭐ ## Screenshots * [[ * **Embed** Any Type Of content without Limit. * [[ * **Embed Videos** – Video Player ( Youtube, Vimeo, etc.). * [[ * **Embed Social Media Posts** – X, Linkdin, Instagram, etc. * [[ * **Embed Pdfs** – Embed Downloadable PDFs. * [[ * **Embed Anything in WordPress**. ## Blocks This plugin provides 1 block. * Custom iFrame Embed 100+ Sources with Custom IFrame ## Installation 1. Download and upload the plugin to `/wp-content/plugins/custom-iframe` or install it via the WordPress repository. 2. Activate the plugin via the β€˜Plugins’ menu in WordPress. 3. **For Elementor:** Open Elementor, add the **Custom iFrame Widget**, and configure your settings. 4. **For Gutenberg:** Open the Block Editor, add the **Custom iFrame** block, and configure your settings. ## FAQ ### Q: How do I embed YouTube videos in Elementor? A: You can embed YouTube videos using the Custom iFrame widget by Simply enter the video URL in widget. πŸ‘‰ **[Step-by-Step Guide: Embed YouTube videos in Elementor](https://coderzstudio.com/docs/embed-youtube-video-in-elementor/?utm_source=wordpress&utm_medium=readme&utm_campaign=custom_iframe&utm_id=wp_01)** ### Q: How do I embed Google Maps in Elementor? A: You can easily add interactive Google Maps with custom styles using the Custom iFrame widget. πŸ‘‰ **[Step-by-Step Guide: Embed Google Maps in Elementor](https://coderzstudio.com/docs/embed-google-maps-in-elementor/?utm_source=wordpress&utm_medium=readme&utm_campaign=custom_iframe&utm_id=wp_01)** ### Q: How do I embed X ( formerly Twitter ) in Elementor? A: You can embed X ( formerly Twitter ) using the Custom iFrame widget by Simply enter the post URL in widget. πŸ‘‰ **[Step-by-Step Guide: Embed X post in Elementor](https://coderzstudio.com/docs/embed-x-post-in-elementor/?utm_source=wordpress&utm_medium=readme&utm_campaign=custom_iframe&utm_id=wp_01)** ### Q: How do I add an external website inside Elementor? A: Simply paste the external URL into the Custom iFrame widget, and adjust the settings for height, scrolling, and styles. πŸ‘‰ **[Step-by-Step Guide: How to add an external website in Elementor](https://coderzstudio.com/docs/embed-another-website-in-elementor/?utm_source=wordpress&utm_medium=readme&utm_campaign=custom_iframe&utm_id=wp_01)** ### Q: Do I need coding skills to use this plugin? A: No! It’s designed for beginners with an easy drag-and-drop interface. ### Q: Can I customize the iFrame’s appearance? A: Yes! Modify height, borders, spacing, alignment, and even set auto-refresh. ### Q: Is it responsive? A: Absolutely! The plugin ensures your embedded content adapts to all devices. ### Q: Does it support lazy loading? A: Yes! Lazy loading speeds up your page by loading iFrames only when needed. ### Q: Will it work with all Elementor versions? A: Yes! Works seamlessly with both Elementor Free and Pro. ### Q: Does it work with the Gutenberg block editor? A: Yes! Starting from version 2.0.0, the plugin includes a dedicated Gutenberg block with full feature support. ### Q: Can I use this plugin without Elementor? A: Absolutely! You can use the Gutenberg block to embed iFrames without needing Elementor installed. ## Reviews ![](https://secure.gravatar.com/avatar/989632be8f65bcc2262e9c1683253ea396fe028ffa0334eb0a58118478a0398d? s=60&d=retro&r=g) ### 󠀁[Great Plugin, Amazing Customer Support!](https://wordpress.org/support/topic/great-plugin-amazing-customer-support-9/)󠁿 [woods000](https://profiles.wordpress.org/woods000/) February 28, 2026 1 reply The plugin works great, has a lot of customizable features, and the dev team went above and beyond to help work through a few issues regarding my particular setup. Highly recommended!!! ![](https://secure.gravatar.com/avatar/bc1cee7c2b99178e69bc3148a96b55f0af9e8ba9db2c6189f34cf2b925ec98f1? s=60&d=retro&r=g) ### 󠀁[Great Plugin](https://wordpress.org/support/topic/great-plugin-41019/)󠁿 [](https://profiles.wordpress.org/fedorveuser/) November 6, 2025 I use ajax page loading on my site. I was needed pdf embed plugin that doesn’t brake ajax. That’s it! Also plugin has settings options which in other pdf embed plugins didn’t included in free versions. Thank you ![](https://secure.gravatar.com/avatar/cfa03d320747e86609171f2bcad924b0cbb8055db708bce81aa2940bee7f55e5? s=60&d=retro&r=g) ### 󠀁[Great plugin for embeding videos](https://wordpress.org/support/topic/great-plugin-for-embeding-videos/)󠁿 [fullscopecreative](https://profiles.wordpress.org/fullscopecreative/) June 16, 2025 1 reply This plugin worked great for getting Loom videos embedded the way we needed. The team also provided great support when needed and was super easy to work with. Thanks guys! ![](https://secure.gravatar.com/avatar/776806fd7ad8567149c7c8bd7deeff377e41972ffd51689821cd086cdb15cb07? s=60&d=retro&r=g) ### 󠀁[verry nice](https://wordpress.org/support/topic/verry-nice-10/)󠁿 [muhammadsubhi1](https://profiles.wordpress.org/muhammadsubhi1/) April 17, 2025 1 reply The repository states that the custom iframe plugin has not been tested with your version of WordPress, but I tried it, and it works well. Thanks, dev. This plugin has been very helpful for me. ![](https://secure.gravatar.com/avatar/217f91121dd5c8fbaaedf6552c2519e58abaad9497dde8a52c52bbc27707380d? s=60&d=retro&r=g) ### 󠀁[Problem in achieving full height iframe](https://wordpress.org/support/topic/problem-in-achieving-full-height-iframe/)󠁿 [sandeepkashyap2000](https://profiles.wordpress.org/sandeepkashyap2000/) March 29, 2025 1 reply I was embedding an iframe in the container of Elementor but was facing a lot of problem in achieving full height. Then after a lot of googling I found this plugin and by using it I fixed the problem of iframe height. Thank you very much for this free plugin [ Read all 5 reviews ](https://wordpress.org/support/plugin/custom-iframe/reviews/) ## Contributors & Developers β€œCustom iFrame – Embed PDFs, Videos, and External Content in WordPress (Elementor& Gutenberg)” is open source software. The following people have contributed to this plugin. Contributors * [ Coderz Studio ](https://profiles.wordpress.org/coderzstudio/) β€œCustom iFrame – Embed PDFs, Videos, and External Content in WordPress (Elementor& Gutenberg)” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/custom-iframe/contributors) for their contributions. [Translate β€œCustom iFrame – Embed PDFs, Videos, and External Content in WordPress (Elementor & Gutenberg)” into your language.](https://translate.wordpress.org/projects/wp-plugins/custom-iframe) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/custom-iframe/), check out the [SVN repository](https://plugins.svn.wordpress.org/custom-iframe/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/custom-iframe/) by [RSS](https://plugins.trac.wordpress.org/log/custom-iframe/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 2.0.2 (February 04, 2026) * Fix : Plugin Notice not Dismissed. * Improvements : Widget Controller UI Improvements. #### 2.0.1 (February 03, 2026) * Fix : Plugin Activation Notice not Dismissed. #### 2.0.0 (January 30, 2026) * Added : Added Gutenberg Block. * Added : Added Support for **Elementor 3.4**. #### 1.0.18 (December 30, 2025) * Improvements : Improves admin dashboard design. #### 1.0.17 (December 26, 2025) * Compatibility: Elementor Version Free & Pro 3.34. #### 1.0.16 (December 10, 2025) * Improvements : Controller UI Improvements. * Compatibility : Added support for **WordPress 6.9**. #### 1.0.15 (November 25, 2025) * Improvements : Improves admin dashboard design. * Compatibility : Added support for **Elementor 3.33**. #### 1.0.14 (September 14, 2025) * Compatibility : Added support for **Google My Maps** embed. * Fix : Security Patch (Low Security). #### 1.0.13 (August 10, 2025) * Improvements : Improved Feedback form. * Improvements : Improved Dashboard design. * Improvements : Controller UI Improved. * Fixed : Auto height not working. * Fixed : Border radius not working with box shadows. * Compatibility: Elementor Version Free & Pro 3.31. #### 1.0.12 (July 10, 2025) * Compatibility: Added support for **YouTube Shorts** embed. * Compatibility: Added support for **Wistia Videos** embed. * Compatibility: Elementor Version Free & Pro 3.30. #### 1.0.11 (June 19, 2025) * Improved: Dashboard design. * Fixed: Plugin activation notice not dismissed. #### 1.0.10 (June 15, 2025) * Added: Admin Dashboard. * Added: Feedback form on plugin deactivation. #### 1.0.9 (April 20, 2025) * Fixed: Refresh Interval not working. * Added: New Filter Hook : **custif_iframe_attributes** to add custom attributes. #### 1.0.8 (April 16, 2025) * Updated: Update demo and video URL in admin notice. #### 1.0.7 (April 15, 2025) * Fixed: Fixed Debug Error. #### 1.0.6 (April 15, 2025) * Fixed: Fixed Debug Error. #### 1.0.5 (April 15, 2025) * Fixed: Fixed Debug Error. #### 1.0.4 (April 14, 2025) * Added: Added option to embed pdf. #### 1.0.3 (March 24, 2025) * Compatibility: Elementor Version Free & Pro 3.28. * Added: Need Help section in widget panel. #### 1.0.2 (March 9, 2025) * Compatibility: Added support for **Figma** link embeds. * Compatibility: Added support for **Spotify** link embeds. * Compatibility: Added support for **Soundcloud** link embeds. * Compatibility: Added support for **X (formerly Twitter)** link embeds. * Compatibility: Added support for **Google Docs** link embeds. * Compatibility: Added support for **Google Sheets** link embeds. * Compatibility: Added support for **Google Slides** link embeds. * Compatibility: Added support for **Google Forms** link embeds. #### 1.0.1 (March 2, 2025) * Improved: Source URL controller. * Added: Background styling option for iframe. #### 1.0.0 (Feb 26, 2025) * Initial release * Added: Responsive iframe widget for Elementor * Added: Lazy load option for faster performance * Added: Auto-height adjustment feature * Added: Custom styling options ## Commercial plugin This plugin is free but offers additional paid commercial upgrades or support. [View support](https://store.coderzstudio.com/dashboard/helpdesk/) ## Meta * Version **2.0.2** * Last updated **2 months ago** * Active installations **3,000+** * WordPress version ** 5.8 or higher ** * Tested up to **6.9.4** * PHP version ** 7.4 or higher ** * Languages * [English (US)](https://wordpress.org/plugins/custom-iframe/) and [Swedish](https://sv.wordpress.org/plugins/custom-iframe/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/custom-iframe) * Tags * [elementor](https://twd.wordpress.org/plugins/tags/elementor/)[embed pdf](https://twd.wordpress.org/plugins/tags/embed-pdf/) [Embed youtube](https://twd.wordpress.org/plugins/tags/embed-youtube/)[gutenberg](https://twd.wordpress.org/plugins/tags/gutenberg/) [iframe](https://twd.wordpress.org/plugins/tags/iframe/) * [Advanced View](https://twd.wordpress.org/plugins/custom-iframe/advanced/) ## Ratings 5 out of 5 stars. * [ 5 5-star reviews ](https://wordpress.org/support/plugin/custom-iframe/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/custom-iframe/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/custom-iframe/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/custom-iframe/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/custom-iframe/reviews/?filter=1) [Add my review](https://wordpress.org/support/plugin/custom-iframe/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/custom-iframe/reviews/) ## Contributors * [ Coderz Studio ](https://profiles.wordpress.org/coderzstudio/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/custom-iframe/)