The Best Method to Add iFrame in Elementor & Gutenberg (WordPress Tutorial 2026)
If you want to embed Google Maps, YouTube videos, PDFs, or external websites inside Elementor or Gutenberg, this tutorial shows the cleanest and most reliable method.
In this video, I walk you through:
• Installing the Custom iFrame plugin
• Embedding Google Maps in Elementor
• Adding YouTube videos using iframe
• Embedding external websites
• Displaying PDFs inside Elementor
• Managing iframe height and responsiveness
This approach avoids layout issues and works smoothly for real-world WordPress projects.
Download Custom iFrame (Free Version):
👉 https://wordpress.org/plugins/custom-...
Get PRO Version (40% OFF):
👉 https://go.kuldeeprathore.com/cf-pro
If you regularly build with WordPress and Elementor, consider subscribing for more practical tutorials.
Cheers,
Kuldeep
Topics covered in the tutorial:
1) Embed iframe in Elementor
2) Embed Google Maps in Elementor
3) Embed PDF in WordPress/Elementor
4) Elementor iframe tutorial 2026
5) Custom iFrame plugin
6) Add Responsive iframe Elementor
Music: Background audio powered by Epidemic Sound, YouTube Audio Library.