WordPress.org

অসমীয়া

WordPress লাভ কৰক
WordPress.org

Plugin Directory

Custom iFrame for Elementor – Embed Videos, Maps, & Websites Easily

Custom iFrame for Elementor – Embed Videos, Maps, & Websites Easily

Coderz Studio-ৰ দ্বাৰা
ডাউনল’ড কৰক

বৰ্ণনা

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.

👉 Live Demo

🔴 Watch the Video Tutorial ( Link )

Usage

  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.

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.

ইনষ্টলেশ্যন

  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. 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 Videos, Maps, & Websites Easily” হৈছে মুক্ত উৎসৰ ছফ্টৱেৰ। এইসকল লোকে এই প্লাগিনত অৱদান আগবঢ়াইছে।

অৱদানকাৰীসকল

আপোনাৰ ভাষাত “Custom iFrame for Elementor – Embed Videos, Maps, & Websites Easily” অনুবাদ কৰক।

বিকাশৰ প্ৰতি আগ্ৰহী?

ক’ড ব্ৰাউজ কৰক, SVN ৰিপজিটৰী চাওক নাইবা RSS-দ্বাৰা বিকাশৰ পঞ্জী ছাবস্ক্ৰাইব কৰক।

সলনি-পঞ্জী

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

মেটা

ৰে’টিংবোৰ

এতিয়ালৈ কোনো পৰ্য্যালোচনা দাখিল কৰা হোৱা নাই।

Add my review

See all reviews

অৱদানকাৰীসকল

সাহায্য

কিবা ক’বলগীয়া আছে? সহায় লাগে?

সাহায্যৰ ফ’ৰাম চাওক