How to Insert an iFrame into a WordPress Post

Share on Facebook8Tweet about this on Twitter10Share on Google+0Share on LinkedIn0Buffer this page

Yesterday’s guest post by Jamie Millard discussed one option for creating a transcript to archive on your website. Jamie’s method involved creating an iFrame and inserting the iFrame code onto your website. Today I will walk you through the quick and easy process of adding that iFrame into your WordPress blog post. It is quite simple.

1.  Download and install iFrame Widget from the WordPress.Org Website

2.  Activate the iFrame Widget on your WordPress Site

3.  Switch from Visual to HTML view on the post editor. This is in the upper right hand corner of the main body of the post. See screenshot below:

4.  Place the HTML code that you created using yesterday’s post for the iFrame into the post.

Voila, your iFrame is now part of the post. One important note, do not change back from HTML view to Visual view on the editor. If you do this it will disable the iFrame. This is an identified problem with WordPress that has yet to be solved.


  1. Anonymous says

    To avoid breaking your embedded code when switching between Visual and HTML modes is to use Custom Fields:
    You basically setup some code in your page template, then call it from a custom field by placing the embed code into a custom field. That way when you switch back and forth between visual and html views it doesn’t mess up your html.

    If that gets too technical, I found this plugin which uses Custom Fields, but doesn’t require editing any code:

  2. says

    Is this only for embedding a whole page, or can we take certain individual elements like Google+ posts? Is there any way to curate Google+ posts into a WordPress blog? Thanks!

  3. taha says

    // make TinyMCE allow iFrames
    add_filter(‘tiny_mce_before_init’, create_function( ‘$a’,
    ‘$a[“extended_valid_elements”] = “iframe[id|class|title|style|align|frameborder|height|longdesc|marginheight|marginwidth|name|scrolling|src|width]”; return $a;’) );

  4. আমিই আসল আবীর says

    Can I add amazon iframe this way? Sorry if my question sounds dumbr. I am a newbie to this world.


Leave a Reply

Your email address will not be published. Required fields are marked *