=== Custom iFrame === Contributors: coderzstudio Tags: elementor, iframe, lazy loading, responsive Requires at least: 5.8 Tested up to: 6.7 Stable tag: 1.0.0 Requires PHP: 7.4 License: GPL-2.0+ License URI: https://www.gnu.org/licenses/gpl-2.0.txt Add secure, responsive, and SEO-friendly iFrames to Elementor pages with lazy loading, auto-height, and dynamic URL support. == Description == **Custom iFrame Widget for Elementor** is a lightweight and customizable Elementor widget that allows you to embed external content seamlessly. With performance optimizations, security features, and flexible settings, this widget enhances your Elementor designs without slowing down your website. **Key Features:** - **Responsive Height Control:** Set the iframe height in pixels, percentages, or viewport height. - **Auto Height Adjustment:** Automatically resizes based on the iframe’s content. - **Lazy Loading for Performance:** Improve page speed by loading iFrames only when needed. - **Placeholder Image:** Show a fallback image before the iframe content loads. - **Auto-Refresh Option:** Set intervals to refresh iframe content dynamically. - **SEO Optimized:** Designed to be lightweight and search-engine friendly. - **Custom Styling:** Customize borders, box shadows, and more within Elementor. == Installation == 1. Download and upload the plugin to `/wp-content/plugins/custom-iframe` or install it via the WordPress plugin repository. 2. Activate the plugin via the ‘Plugins’ menu in WordPress. 3. Open Elementor, add the **Custom iFrame Widget** to your page, and configure settings. == Usage == 1. Drag and drop the **Custom iFrame Widget** into your Elementor page. 2. Enter the URL of the external content. 3. Configure iframe settings such as height, loading type, and styling. 4. Preview and publish your page for a seamless embedding experience. == Screenshots == 1. **Widget Overview:** A look at the Custom iFrame Widget in Elementor. 2. **Performance Settings:** Configure lazy loading, auto-refresh, and more from settings. 3. **Style Settings:** Add spacing, Border, Shadow and more. == Frequently Asked Questions == **Q: Does the widget support lazy loading?** A: Yes, lazy loading helps improve performance by loading content only when needed. == Changelog == = 1.0.0 = * Initial release * Added responsive iframe widget for Elementor * Implemented lazy loading functionality * Added auto-height adjustment feature * Integrated placeholder image support * Added custom styling options including borders and shadows * Implemented auto-refresh functionality * Included responsive height control with multiple unit options == Upgrade Notice == = 1.0.0 = First stable release. Install now to embed SEO-friendly and secure iFrames in Elementor!