WordPress вирізає теги <iframe> прямо в редакторі. Це поведінка за замовчуванням, і без плагіна чи коду її не змінити. Якщо ви пробували вбудувати калькулятор, карту нотаріуса чи PDF-договір на сайт, ви з цим уже стикалися.

Gutenberg обробляє YouTube, Vimeo та близько 30 схвалених сервісів за замовчуванням нативно. Усе інше потребує <iframe>. А <iframe> у редакторі потребує плагін.

Ми перевірили доступні варіанти й обрали п'ять, які реально працюють у 2026 році. Від простого шорткоду без налаштувань до комбайна з модифікацією CSS усередині фрейму.

💡 Швидкий огляд:

• Потрібен найпростіший варіант без налаштувань: iframe (webvitaly) встановлюється за три хвилини, шорткод <span data-sds-iframe-placeholder="1"></span>, і готово.
• Працюєте в Elementor: Element Pack закриває iframe та ще 40 задач одним плагіном, окреме розширення не потрібне.
• Хочете приховати шапку чужого сайту або показати лише форму: Advanced iFrame робить це через CSS та атрибути, але потребуватиме часу на освоєння.

Порівняльна таблиця

1. Advanced iFrame

Найпотужніший iframe-плагін для WordPress із тих, що ми перевіряли. Вміє те, чого стандартний <iframe> не вміє: приховує та модифікує елементи всередині фрейму, передає параметри через URL, ліниво підвантажує сторінки лише під час прокручування.

На практиці це означає конкретну можливість: вбудувати чужий сайт і прибрати в нього шапку, футер та рекламний сайдбар. Відвідувач бачить лише форму або таблицю. Версія 2026.2, що вийшла в червні 2026, покращила підтримку ресайзу на мобільних пристроях. Плагін має 40 000+ активних встановлень на WordPress.org.

Плюси:

• Модифікація CSS та приховування областей усередині iframe: на своєму домені без обмежень, на чужому через один рядок JS
• Автовисота з відстеженням динамічних змін, включно з прихованими вкладками й табами
• Ліниве завантаження: фрейм рендериться лише під час прокручування до нього
• Вбудований моніторинг доступності всіх iframe-адрес раз на добу

Мінуси:

• Налаштувань понад сто: новачкові без базового HTML і CSS розібратися складно
• Кросдоменна автовисота та робота з різними доменами доступні лише в Pro

Ціна: Lite безплатно, Pro одноразово $24 на CodeCanyon.

🔗 Advanced iFrame на WordPress.org

🔗 Advanced iFrame Pro на CodeCanyon

2. Iframe (webvitaly)

Максимально простий плагін: один шорткод <span data-sds-iframe-placeholder="2"></span>, і зовнішня сторінка на місці. Жодного UI, жодних майстрів налаштування. По суті це буквальний аналог HTML-тегу <iframe> у вигляді шорткоду: всі стандартні атрибути доступні прямо в ньому.

Працює з YouTube, Vimeo, Google Maps та будь-якими зовнішніми URL. Версія 6.0 (травень 2026) додала опцію приховування контенту до повного завантаження, без JavaScript-смикань. Плагін має 70 000+ активних встановлень на WordPress.org.

Плюси:

• Нічого зайвого: ані jQuery, ані фреймворків, лише нативний шорткод WordPress
• Усі стандартні атрибути <iframe> доступні прямо в шорткоді
• Кілька iframe на одній сторінці працюють без конфліктів
• Повністю безплатний, без Pro-обмежень

Мінуси:

• Тільки шорткод: візуальних інструментів немає
• Не вміє авто-висоти, ресайзу та зміни CSS усередині фрейму
• Не оптимізований для Elementor

Ціна: Безплатно.

🔗 iframe на WordPress.org

3. Custom iFrame

Свіжий плагін з акцентом на візуальне налаштування без коду. Працює і в Gutenberg, і в Elementor: додаєте блок або віджет, вставляєте URL і налаштовуєте розміри, скрол і бордер прямо в бічній панелі редактора. Жодного рядка шорткоду.

Підтримує PDF, аудіоплеєр, Google Maps і будь-які сторонні URL за адресою, без додаткових налаштувань. Версія 2.0.3 вийшла 15 червня 2026. Плагін має 3 000+ активних установок і рейтинг 5,0 на WordPress.org.

Плюси:

• Gutenberg-блок і Elementor-віджет в одному плагіні
• PDF і аудіоплеєр з коробки, вбудовуються за URL без сторонніх сервісів
• Візуальне налаштування в редакторі, не потрібно пам'ятати атрибути

Мінуси:

• Немає авто-висоти та ресайзу під вміст, лише фіксовані розміри
• 3 000+ установок: молодий плагін з невеликою спільнотою
• Не вміє змінювати CSS усередині фрейму

Ціна: Безплатно.

🔗 Custom iFrame на WordPress.org

4. Auto iFrame

Плагін з однією суперздатністю: авто-висота. Фрейм підлаштовується під висоту вмісту зовнішньої сторінки сам, без ручного підбору пікселів. Додаєте шорткод [auto-iframe link="URL"], і він сам обчислює висоту контенту.

Налаштування гнучкі: можна задати фіксовану ширину при авто-висоті, скоригувати «fudge factor» (коригування висоти в пікселях), увімкнути або вимкнути скрол і бордер. Працює з мультисайтом і протоколами HTTP та HTTPS. Плагін має 4 000+ активних установок, останнє оновлення: грудень 2024.

Плюси:

• Авто-висота без додаткового JS на сторінці-джерелі
• Fudge-фактор: ручне коригування висоти, коли авторозрахунок дає похибку
• Підтримка WordPress Multisite

Мінуси:

• Останнє оновлення: грудень 2024, темп розробки невисокий
• Немає Gutenberg-блоку та Elementor-віджета, лише шорткод
• Не вміє змінювати CSS

Ціна: Безплатно.

🔗 Auto iFrame на WordPress.org

5. Element Pack

Не окремий плагін для iframe, а набір із понад 300 віджетів для Elementor, у якому iframe — це один з інструментів. Якщо ви вже працюєте в Elementor, окремий плагін не потрібен: Element Pack закриває і це завдання, і ще чотири десятки інших.

Віджет підтримує аудіо, відео, Google Maps, ліниве завантаження, смуги прокручування та 360-перегляд. Плагін має понад 100 000 активних встановлень і рейтинг 4,7 на WordPress.org. Версія 8.7.4 вийшла 16 червня 2026. Це найбільший пакет з нашого списку.

Плюси:

• Iframe з аудіо, відео, картами та 360-переглядом в одному віджеті Elementor
• Понад 300 віджетів у Pro: Advanced Counter, Mega Menu, Theme Builder, Dynamic Content
• Регулярні оновлення та велика активна спільнота

Мінуси:

• Потребує Elementor, без нього марний
• Pro за ціною від $49 на рік: дорого, якщо потрібен лише iframe
• Не вміє змінювати CSS усередині фрейму та автоматичну висоту

Ціна: Lite безкоштовно, Pro від $49/рік (1 сайт).

🔗 Element Pack Lite на WordPress.org

🔗 Element Pack Pro

Подивитися, як Advanced iFrame встановлюється та налаштовується в реальному WordPress, від встановлення до налаштування ширини та прокручування, можна у відео нижче за три хвилини.

⁉️🤔 Часті запитання

Чи можна вбудувати iframe у WordPress взагалі без плагіна?

Так, але із застереженнями. Gutenberg пропускає embed-блоки для YouTube, Vimeo та близько 30 сервісів з офіційного білого списку oEmbed. Для решти (сторонніх форм, калькуляторів, PDF і карт не зі списку) потрібен плагін або кастомний код у functions.php. Плагін простіший і безпечніший.

Який плагін обрати для вбудовування YouTube-відео?

Жодного. YouTube, Vimeo та всіх oEmbed-провайдерів WordPress вбудовує нативно: вставте URL окремим рядком у редакторі й отримаєте плеєр. Iframe-плагін потрібен лише для джерел, яких немає в білому списку oEmbed: сторонніх форм, калькуляторів, PDF, 3D-моделей.

Чим Pro-версія Advanced iFrame відрізняється від безплатної?

Безплатна працює на повну силу, коли ваш сайт і вбудована сторінка на одному домені. Pro знімає це обмеження: показує та приховує конкретні області iframe з будь-яких доменів, підтримує авто-зум і завантаження за кліком. Разовий платіж: $24 на CodeCanyon.

Auto iFrame не оновлювався з грудня 2024. Чи можна довіряти?

Так. Плагін активний у репозиторії WordPress.org, проходить перевірки сумісності й не позначений як закритий або застарілий. Для базової авто-висоти його можливостей достатньо. Якщо потрібен активно підтримуваний аналог з авто-висотою, зверніть увагу на Advanced iFrame (v2026.2).

Чи потрібен окремий iframe-плагін під час використання Elementor?

Залежить від задачі. Elementor з коробки вбудовує YouTube, Vimeo та HTML-код через віджет. Для авто-висоти, лінивого завантаження та 360-перегляду всередині iframe беріть Element Pack: додає ці можливості у звичний інтерфейс без зайвих плагінів.

Який iframe-плагін встановлювати у 2026 році

Для більшості сайтів достатньо безплатних варіантів. Платити варто лише за крос-доменну роботу Advanced iFrame або повний набір віджетів Element Pack. Решта сценаріїв закриваються безплатно.

• Якщо потрібен простий шорткод без налаштувань: беріть iframe (webvitaly). 70 000+ встановлень, усе з коробки.
• Якщо працюєте в Elementor: Element Pack закриває iframe та ще 40 задач одним плагіном.
• Якщо потрібен повний контроль (приховати шапку, показати лише форму, крос-доменна робота): Advanced iFrame, доведеться розібратися в налаштуваннях.
• Якщо вбудовуєте PDF або карти через Gutenberg без коду: Custom iFrame з візуальним інтерфейсом.
• Якщо важлива авто-висота без зайвого: Auto iFrame впорається.

Напишіть у коментарях, що ви вбудовуєте на свій сайт: допоможемо обрати оптимальний варіант.