前言介紹
- 這款 WordPress 外掛「Custom iFrame for Elementor – Embed Pdf, Maps, Videos, & Websites Easily」是 2025-02-25 上架。
- 目前有 200 個安裝啟用數。
- 上一次更新是 2025-04-19，距離現在已有 14 天。
- 外掛最低要求 WordPress 5.8 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 有 2 人給過評分。
- 論壇上目前有 1 個提問，問題解答率 0%
外掛協作開發者
外掛標籤
elementor | pdf embed | Google Maps | twitter embed | YouTube embed |
內容簡介
總結文案：Custom iFrame Widget for Elementor 是一個輕量且可自定義的 Elementor 外掛，可以讓您無縫嵌入外部內容。透過性能優化、安全功能和靈活的設定，這個外掛能增強您的 Elementor 設計，而不會拖慢您的網站。
問題與答案：
1. 這個 Elementor 外掛的主要特色是什麼？
- 回答：Responsive Height Control、Auto Height Adjustment、Lazy Loading for Performance、Placeholder Image、Auto-Refresh Option、SEO Optimized、Custom Styling。
2. 如何使用 Custom iFrame Widget for Elementor？
- 回答：將 Custom iFrame Widget 拖放到您的 Elementor 頁面中、輸入外部內容的 URL、設定 iframe 的高度、加載類型和樣式，預覽並發布您的頁面以獲得無縫的嵌入體驗。
原文外掛簡介
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
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! ⭐⭐⭐⭐⭐
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Custom iFrame for Elementor – Embed Pdf, Maps, Videos, & Websites Easily」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | 1.0.6 | 1.0.7 | 1.0.8 | 1.0.9 | trunk |
延伸相關外掛（你可能也想知道）
WP Go Maps (formerly WP Google Maps) 》這是一款易於使用的 Google 地圖和 Open Layers 地圖外掛程式（包括地圖區塊）！, 使用提供的短代碼，快速輕鬆地向 WordPress 文章和/或頁面添加自定義 Googl...。
Widgets for Google Reviews 》iews plugins:, , Facebook Reviews Bundle - display Facebook business reviews on your website using official Facebook API, Yelp Reviews Bundle - dis...。
iframe 》, 高級 iFrame Pro, iframe, 捐贈, GitHub, , [iframe src=”http://www.youtube.com/embed/oDlbBy9vfgI” width=”100%” height=̶...。
WP Maps – Display Google Maps Perfectly with Ease 》這是一款專為WordPress設計的最先進但簡單易用的Google地圖外掛程式。使用它可以輕鬆創建多個美觀、現代化且可響應式的Google地圖，支持多個位置、自定義標記...。
WP Store Locator 》WP Store Locator 是一款功能強大且易於使用的位置管理系統。, 您可以自定義地圖外觀，並為輸入項目提供自定義標籤。, 使用者可以透過半徑範圍進行結果篩選，...。
API KEY for Google Maps 》該外掛可以將 Google Maps API KEY 添加到任何佈景主題或外掛中。, 只需啟用外掛，轉到設定 > Google API KEY 並輸入您的 KEY 即可。, 然後，外掛將嘗試在您...。
Snazzy Maps 》Snazzy Maps可以輕鬆地為您現有的 Google 地圖添加風格。, 功能特色, , 瀏覽數百種免費風格。, 快速應用風格到您的 WordPress 網站上所有的 Google 地圖。, ...。
MapPress Maps for WordPress 》MapPress 是將互動式 Google 和 Leaflet 地圖添加到 WordPress 網站的最簡單方法。, 使用 Gutenberg 區塊或傳統編輯器創建無限的地圖和標記。彈出式地圖編輯...。
Maps Widget for Google Maps 》厭倦了有漏洞和速度緩慢的 Google 地圖外掛需要花費數小時才能設置完成嗎？使用 Maps Widget for Google Maps，您只需幾分鐘即可擁有完美的地圖縮略圖和燈箱...。
WP Map Block – Gutenberg Map Block for Google Map and OpenStreet Map by aBlocks 》最方便的方式使用 Gutenberg 地圖區塊來導入 Google 地圖和 OpenStreetMap 地圖。, WP Map Block 提供簡單易用的使用者介面，讓您能在 WordPress 網站中加入 ...。
Map Block for Google Maps 》你正在使用 Gutenberg 編輯器，需要一個地圖嗎？這款地圖區塊插件就是為你而設！安裝、啟用、加入內容，這些就是全部步驟！沒有繁瑣的設置，功能清晰易用 - ...。
Easy Google Maps 》WordPress Easy Google Maps, , WordPress 簡易 Google 地圖, 如何使用簡易 Google 地圖, 簡易 Google 地圖演示, , 使用 WordPress 繪製易於 Google 地圖，只...。
TCD Google Maps 》TCD Google Maps 提供簡單的短代碼以顯示 Google 地圖。您可以將短代碼放置於文章、頁面或文字小工具中，以顯示各種風格的 Google 地圖。, 多樣的設計, 方便...。
Simple Map 》使用gmaps.js輕鬆嵌入 Google 地圖的外掛程式。, 這個外掛程式允許您將地址轉換成類似下面的 Google 地圖：, [map]加州舊金山[/map], , 另一種方法是只用 URL...。
Leaflet Maps Marker (Google Maps, OpenStreetMap, Bing Maps) 》到 2020 年 1 月，Maps Marker 外掛的免費版本已經退役。雖然仍然可用，但只會加入偶爾的安全更新，不再增加新功能和修正錯誤。我們建議升級到 Maps Marker P...。