Advanced iFrame ProiframeDonateGitHub

WordPress iframe plugin

WordPress plugin: embed iframe into content.

Iframes are needed to embed video from youtube or to embed Google Map or just to embed content from external page.
WordPress removes iframe when you switch from "HTML" to "Visual" tab because of the security reasons.
So you can embed iframe code using this shortcode [iframe width="100%" height="480" src="http://player.vimeo.com/video/3261363"].

You also can use this shortcode to embed content via simple link: [embed_]http://www.youtube.com/watch?v=A3PDXmYoF5U[/embed] (without underscore '_')
shortcode is a WordPress core feature and based on oEmbed.


  • src - source of the iframe [iframe src="http://player.vimeo.com/video/819138"] (by default src="http://player.vimeo.com/video/819138");
  • width - width in pixels or in percents [iframe width="100%" src="http://player.vimeo.com/video/819138"] or [iframe width="640" src="http://player.vimeo.com/video/819138"] (by default width="100%");
  • height - height in pixels [iframe height="480" src="http://player.vimeo.com/video/819138"] (by default height="480");
  • scrolling - parameter [iframe scrolling="yes"] (by default scrolling="no");
  • frameborder - parameter [iframe frameborder="0"] (by default frameborder="0");
  • marginheight - parameter [iframe marginheight="0"] (removed by default);
  • marginwidth - parameter [iframe marginwidth="0"] (removed by default);
  • allowtransparency - allows to set transparency of the iframe [iframe allowtransparency="true"] (removed by default);
  • id - allows to add the id of the iframe [iframe id="my-id"] (removed by default);
  • class - allows to add the class of the iframe [iframe class="my-class"] (by default class="iframe-class");
  • style - allows to add the css styles of the iframe [iframe style="margin-left:-30px;"] (removed by default);
  • same_height_as - allows to set the height of iframe same as target element [iframe same_height_as="body"], [iframe same_height_as="div.sidebar"], [iframe same_height_as="div#content"]; (removed by default);
  • any_other_param - allows to add new parameter of the iframe [iframe any_other_param="any_value"];
  • any_other_empty_param - allows to add new empty parameter of the iframe (like "allowfullscreen" on youtube) [iframe any_other_empty_param=""];

302 comments on “iframe

  1. Hello, I installed your plugin and manually made this:

    [iframe width="100%" height="100%" src="http://api.autotrader.nl/voorraadpagina/alle/zoekresultaten/did--1011387/sorteer-op-merk-en-model/?stock_count=9999&searchForm=0?show_stock=Y&pagesize=9&view=tile"].

    But on the website page is only a small screen with scroll bars. I want to see the full page as it is:


    Did I something wrong? And... can you help me with this?


    Kind regards,

  2. Iframe plugin error

    Im using the plugin but now the home page starts in the middle of the page and not on top
    cause i have the iframe plugin in the middle
    how to fix this?

  3. I am uploading some PDF files that I want to bring up on a wordpress page.

    The problem is that I upload an updated file and it took about 2 hours for the change to actually be shown. Is this an Iframe or an hosting problem?

    This is the code I'm using on the page:
    [iframe width="100%" height="480" src="http://www.veterans-freight.com/Available-Loads/Detheridge/AvailLoadsFSD.pdf"]

    • Iframe plugin is not responsible for caching your pdf files. The culprit can be the cache of your browser or CDN if you are using it.

  4. I turned this embed

    into this
    [iframe width="100%" height="100%" src="https://pages.omkt.co/LandingPages/LandingPage.ashx?embeddedIdentifier=402%7C2BA320%7C51E3%7CC0%7C29F1EF85"]
    and it's not showing up. Any suggestions?

  5. Please help me. I've been trying to add this MLS link into a page. I downloaded and installed your plugin on the Visual section of WP editor, but it doesn't show the feed, but instead shows your photo and script.

    The link I received from the Realtor was
    I went to the page and copied the url address and pasted it into your shortcode below and added a hyperlink

    [iframe src="http://framing.usamls.net/framing/default.asp?f_id=RXS]SSVRSSRVSS]SXR" width="100%" height="500"]

    Another local site that uses the same MLS feed is http://www.kimprestonrealestate.com
    They have it placed in their page similar to what I would like.

    Can you please tell me what I am doing wrong?

    PS, the page is on Draft mode while I get this working.


    • You need to embed this shortcode:

      [iframe src="http://framing.usamls.net/framing/default.asp?f_id=RXS%5DSSVRSSRVSS%5DSXR" width="100%" height="500"]

      Instead of this: [iframe src="http://framing.usamls.net/framing/default.asp?f_id=RXS]SSVRSSRVSS]SXR" width="100%" height="500"]

      Square brackets [] makes WordPress go crazy.

  6. Pingback: Nevermind | Ninja Cats

Submit comment

Allowed HTML tags: <a href="http://google.com">google</a> <strong>bold</strong> <em>emphasized</em> <code>code</code> <blockquote>