描述
The Ultimate iFrame Solution for Elementor!
Want to embed external content seamlessly into your WordPress site? Custom iFrame for Elementor lets you integrate videos, music players, Google Maps, and third-party websites into Elementor pages without coding.
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.
-
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.
🔴 Watch the Video Tutorial ( Link )
Usage
- Drag and drop the Custom iFrame Widget into your Elementor page.
- Enter the URL of the external content (e.g., YouTube video, Google Maps).
- Configure iframe settings such as height, lazy loading, and styling.
- Preview and publish your page for seamless embedding.
For detailed step-by-step tutorials, check out:
📌 How to Set Up Custom Iframe in Elementor
📌 How to Embed Google Maps in Elementor
📌 How to Embed YouTube Videos in Elementor
📌 How to Embed X (formerly Twitter) post in Elementor
Support
Need help? We’re here for you!
💬 Website: CoderzStudio.com
📖 Docs: View Documentation
🛠️ Support: Submit a Request
🌟 Love the plugin? Leave a review on WordPress.org! ⭐⭐⭐⭐⭐
屏幕截图
Widget Overview – A look at the Custom iFrame Widget in Elementor. 
Performance Settings – Lazy loading, auto-refresh, and advanced options. 
Style Settings – Borders, spacing, shadows, and full customization.
安装
- Download and upload the plugin to
/wp-content/plugins/custom-iframeor install it via the WordPress repository. - Activate the plugin via the ‘Plugins’ menu in WordPress.
- Open Elementor, add the Custom iFrame Widget, and configure your settings.
常见问题
-
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 Google Maps in Elementor -
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 -
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 -
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: Embed Google Maps in Elementor -
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.
评价
贡献者及开发者
「Custom iFrame for Elementor – Embed Pdf, Maps, Videos, & Websites Easily」是开源软件。 以下人员对此插件做出了贡献。
贡献者
更新日志
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