🥇 5 Parasta WordPress-iframe-liitännäistä 2026 (ilmaiset ja Pro)

WordPress poistaa <iframe>-tagit suoraan editorissa. Tämä on oletustoiminto, eikä sitä voi muuttaa ilman lisäosaa tai koodia. Jos olet yrittänyt upottaa sivustollesi laskuria, notaarikarttaa tai PDF-sopimusta, olet jo törmännyt tähän.

Gutenberg käsittelee YouTuben, Vimeon ja noin 30 hyväksyttyä palvelua oletuksena natiivisti. Kaikki muu vaatii <iframe>-tagin. Ja <iframe> editorissa vaatii lisäosan.

Testasimme saatavilla olevat vaihtoehdot ja valitsimme viisi, jotka todella toimivat vuonna 2026. Yksinkertaisesta shortcodesta ilman asetuksia aina täysiveriseen ratkaisuun, jossa on CSS-muokkaus kehyksen sisällä.

💡 Pikakatsaus:

• Tarvitset yksinkertaisimman vaihtoehdon ilman asetuksia: iframe (webvitaly) asentuu kolmessa minuutissa, shortcode <span data-sds-iframe-placeholder="1"></span> ja olet valmis.
• Työskentelet Elementorilla: Element Pack kattaa iframen ja 40 muuta tehtävää yhdellä lisäosalla, ei erillistä laajennusta tarvita.
• Haluat piilottaa toisen sivuston ylätunnisteen tai näyttää vain lomakkeen: Advanced iFrame tekee tämän CSS:n ja attribuuttien avulla, mutta vaatii aikaa opetteluun.

Vertailutaulukko

1. Advanced iFrame

Tehokkain testaamamme iframe-lisäosa WordPressille. Se pystyy siihen, mihin tavallinen <iframe> ei pysty: piilottamaan ja muokkaamaan elementtejä kehyksen sisällä, välittämään parametreja URL-osoitteen kautta, lataamaan sivuja laiskasti vasta vieritettäessä.

Käytännössä tämä tarkoittaa tiettyä kyvykkyyttä: upota toinen sivusto ja poista sen ylätunniste, alatunniste ja mainossivupalkki. Kävijä näkee vain lomakkeen tai taulukon. Kesäkuussa 2026 julkaistu versio 2026.2 paransi koon muutoksen tukea mobiililaitteilla. Lisäosalla on yli 40 000 aktiivista asennusta WordPress.orgissa.

Hyvät puolet:

• CSS-muokkaus ja alueiden piilotus iframen sisällä: omalla verkkotunnuksella ilman rajoituksia, muilla yhden JS-rivin kautta
• Automaattinen korkeus dynaamisten muutosten seurannalla, mukaan lukien piilotetut välilehdet ja haitarit
• Laiska lataus: kehys renderöidään vasta, kun siihen vieritetään
• Sisäänrakennettu kaikkien iframe-osoitteiden saatavuuden seuranta kerran päivässä

Huonot puolet:

• Yli sata asetusta: aloittelijan on vaikea hahmottaa ilman HTML:n ja CSS:n perusteita
• Eri verkkotunnusten välinen automaattinen korkeus ja työskentely eri domainien kanssa saatavilla vain Pro-versiossa

Hinta: Lite ilmainen, Pro kertamaksu $24 CodeCanyonissa.

🔗 Advanced iFrame WordPress.orgissa

🔗 Advanced iFrame Pro CodeCanyonissa

2. Iframe (webvitaly)

Maksimaalisen yksinkertainen lisäosa: yksi shortcode <span data-sds-iframe-placeholder="2"></span>, ja ulkoinen sivu on paikallaan. Ei käyttöliittymää, ei asetusvelhoja. Pohjimmiltaan se on HTML <iframe> -tagin kirjaimellinen vastine shortcodena: kaikki vakioattribuutit ovat käytettävissä suoraan siinä.

Toimii YouTuben, Vimeon, Google Mapsin ja minkä tahansa ulkoisen URL-osoitteen kanssa. Versio 6.0 (toukokuu 2026) toi mahdollisuuden piilottaa sisältö, kunnes se on kokonaan ladattu, ilman JavaScript-välkkymistä. Lisäosalla on yli 70 000 aktiivista asennusta WordPress.orgissa.

Hyvät puolet:

• Ei ylimääräisiä: ei jQuerya, ei frameworkeja, vain natiivi WordPress shortcode
• Kaikki tavalliset <iframe>-attribuutit käytettävissä suoraan shortcodessa
• Useat iframet yhdellä sivulla toimivat ilman ristiriitoja
• Täysin ilmainen, ei Pro-rajoituksia

Haitat:

• Vain shortcode: ei visuaalisia työkaluja
• Ei automaattista korkeutta, koon muutosta eikä CSS-muokkausta kehyksen sisällä
• Ei optimoitu Elementorille

Hinta: Ilmainen.

🔗 iframe WordPress.orgissa

3. Custom iFrame

Tuore lisäosa, jonka painopiste on visuaalisessa asetuksessa ilman koodia. Toimii sekä Gutenbergissa että Elementorissa: lisää lohko tai widget, syötä URL ja määritä mitat, vieritys ja reunus suoraan editorin sivupalkista. Ei riviäkään shortcodea.

Tukee PDF:ää, äänisoitinta, Google Mapsia ja kaikkia kolmannen osapuolen URL-osoitteita sellaisenaan, ilman lisäasetuksia. Versio 2.0.3 julkaistiin 15. kesäkuuta 2026. Lisäosalla on yli 3 000 aktiivista asennusta ja 5,0 arvosana WordPress.orgissa.

Edut:

• Gutenberg-lohko ja Elementor-widget samassa lisäosassa
• PDF ja äänisoitin suoraan paketista, upotus URL:llä ilman kolmannen osapuolen palveluita
• Visuaalinen asetus editorissa, attribuutteja ei tarvitse muistaa

Haitat:

• Ei automaattista korkeutta ja koon muutosta sisältöön, vain kiinteät mitat
• Yli 3 000 asennusta: nuori lisäosa, jolla on pieni yhteisö
• CSS:ää ei voi muokata kehyksen sisällä

Hinta: Ilmainen.

🔗 Custom iFrame WordPress.orgissa

4. Auto iFrame

Lisäosa, jolla on yksi supervoima: automaattinen korkeus. Kehys mukautuu ulkoisen sivun sisällön korkeuteen itsekseen, ilman manuaalista pikselien säätöä. Lisää shortcode [auto-iframe link="URL"], ja se laskee sisällön korkeuden itse.

Asetukset ovat joustavat: voit asettaa kiinteän leveyden automaattisella korkeudella, säätää fudge factoria (korkeuden korjaus pikseleinä), ottaa vierityksen ja reunuksen käyttöön tai pois. Toimii multisiten sekä HTTP- ja HTTPS-protokollien kanssa. Lisäosalla on yli 4 000 aktiivista asennusta, viimeksi päivitetty: joulukuu 2024.

Edut:

• Automaattinen korkeus ilman ylimääräistä JS:ää lähdesivulla
• Fudge factor: manuaalinen korkeuden korjaus, kun automaattilaskenta ei osu kohdalleen
• Tuki WordPress Multisitelle

Haitat:

• Viimeisin päivitys: joulukuu 2024, kehitystahti on matala
• Ei Gutenberg-lohkoa eikä Elementor-widgetiä, vain shortcode
• CSS:ää ei voi muokata

Hinta: Ilmainen.

🔗 Auto iFrame WordPress.orgissa

5. Element Pack

Kyseessä ei ole erillinen iframe-lisäosa, vaan yli 300 widgetin kokoelma Elementorille, jossa iframe on yksi työkaluista. Jos työskentelet jo Elementorilla, erillistä lisäosaa ei tarvita: Element Pack hoitaa tämän tehtävän ja neljäkymmentä muuta.

Widget tukee ääntä, videota, Google Mapsia, laiskaa latausta, vierityspalkkeja ja 360-näkymää. Lisäosalla on yli 100 000 aktiivista asennusta ja arvosana 4,7 WordPress.orgissa. Versio 8.7.4 julkaistiin 16. kesäkuuta 2026. Tämä on listamme laajin paketti.

Hyvät puolet:

• iframe, jossa ääni, video, kartat ja 360-näkymä yhdessä Elementor-widgetissä
• yli 300 widgetiä Pro-versiossa: Advanced Counter, Mega Menu, Theme Builder, Dynamic Content
• säännölliset päivitykset ja suuri aktiivinen yhteisö

Huonot puolet:

• vaatii Elementorin, hyödytön ilman sitä
• Pro hinta alkaen 49 $ vuodessa: kallis, jos tarvitset vain iframea
• CSS:ää ei voi muokata kehyksen sisällä eikä automaattista korkeutta

Hinta: Lite ilmainen, Pro alkaen 49 $/vuosi (1 sivusto).

🔗 Element Pack Lite WordPress.orgissa

🔗 Element Pack Pro

Katso, miten Advanced iFrame asennetaan ja määritetään oikeassa WordPressissä asennuksesta leveys- ja vieritysasetuksiin, alla olevalla videolla kolmessa minuutissa.

⁉️🤔 Usein kysytyt kysymykset

Voinko upottaa iframen WordPressiin ilman lisäosaa?

Kyllä, mutta tietyin varauksin. Gutenberg välittää upotuslohkot YouTubelle, Vimeolle ja noin 30 palvelulle viralliselta oEmbed-sallittujen listalta. Kaikkeen muuhun (kolmannen osapuolen lomakkeet, laskurit, PDF:t ja kartat, jotka eivät ole listalla) tarvitset lisäosan tai mukautettua koodia functions.php-tiedostoon. Lisäosa on yksinkertaisempi ja turvallisempi.

Mikä lisäosa minun kannattaa valita YouTube-videoiden upottamiseen?

Et mitään. WordPress upottaa YouTuben, Vimeon ja kaikki oEmbed-palveluntarjoajat natiivisti: liitä URL omalle rivilleen editorissa, niin saat soittimen. Iframe-lisäosaa tarvitaan vain lähteille, jotka eivät ole oEmbed-sallittujen listalla: kolmannen osapuolen lomakkeet, laskurit, PDF:t, 3D-mallit.

Miten Advanced iFramen Pro-versio eroaa ilmaisversiosta?

Ilmaisversio toimii täydellä kapasiteetilla, kun sivustosi ja upotettu sivu ovat samalla verkkotunnuksella. Pro poistaa tämän rajoituksen: se näyttää ja piilottaa tiettyjä iframe-alueita miltä tahansa verkkotunnukselta, tukee automaattista zoomausta ja latausta klikkauksesta. Kertamaksu: $24 CodeCanyonissa.

Auto iFramea ei ole päivitetty joulukuun 2024 jälkeen. Voinko luottaa siihen?

Kyllä. Lisäosa on aktiivinen WordPress.orgin tietovarastossa, läpäisee yhteensopivuustarkistukset, eikä sitä ole merkitty suljetuksi tai vanhentuneeksi. Perusautomaattikorkeuteen sen ominaisuudet riittävät. Jos tarvitset aktiivisesti kehittyvää vastinetta automaattikorkeudella, katso Advanced iFrame (v2026.2).

Tarvitsenko erillisen iframe-lisäosan, kun käytän Elementoria?

Riippuu tehtävästä. Elementor upottaa YouTuben, Vimeon ja HTML-koodin widgetin kautta suoraan paketista. Automaattikorkeutta, laiskaa latausta ja 360-näkymää iframen sisällä varten hanki Element Pack: se lisää nämä ominaisuudet tuttuun käyttöliittymään ilman ylimääräisiä lisäosia.

Mikä iframe-lisäosa asentaa vuonna 2026

Useimmille sivustoille ilmaiset vaihtoehdot riittävät. Maksaminen kannattaa vain verkkotunnusten väliseen työskentelyyn Advanced iFramessa tai täyteen widget-settiin Element Packissa. Muut skenaariot hoituvat ilmaiseksi.

• Jos tarvitset yksinkertaisen shortcoden ilman asetuksia: hanki iframe (webvitaly). 70 000+ asennusta, kaikki valmiina paketista.
• Jos työskentelet Elementorissa: Element Pack kattaa iframen ja 40 muuta tehtävää yhdellä lisäosalla.
• Jos tarvitset täyden hallinnan (piilota ylätunniste, näytä vain lomake, verkkotunnusten välinen työskentely): Advanced iFrame, joudut perehtymään asetuksiin.
• Jos upotat PDF:ää tai karttoja Gutenbergin kautta ilman koodia: Custom iFrame visuaalisella käyttöliittymällä.
• Jos automaattikorkeus on tärkeää ilman lisäominaisuuksia: Auto iFrame hoitaa sen.

Kirjoita kommentteihin, mitä olet upottamassa sivustollesi: autamme valitsemaan parhaan vaihtoehdon.