Let’s say you want to embed a web page such as a landing page or sign-up page in your blog. Difficult? Not at all, if you know how! For this post I am going to assume that (a) you already have a WordPress blog up and running, and (b) that you know how to install plugins. This is not the only way to embed Iframes, but by far the easiest. In another post I will show you an alternative method, using a banner rotator. The method below is by far the simplest, though it has a small drawback in that you cannot rotate the inserted web page if you want to do split testing.
First of all you have to install and activate a plugin called ‘embed-iframe’. You can do this from within the plugins menu on your WordPress Dashboard, or you can do a Google search, download the plugin, unzip it, and then FTP it into your WordPress ‘plugins’ folder.
Now add a new post with no title. Assuming that the web page to be inserted is located at http://abracadabra.com, and that you want it to show up 800 pixels wide and 1000 pixels high, you enter the following in the text box as your actual post:
[iframe http://abracadabra.com 800 1000]
That’s it! Update the post (save it) and then Visit Site. Voila! If the image is wider than the main column, just widen your main column within the Dashboard.
There’s only one loose end that needs to be tied up. As you create more posts, your web page will move down the page. To keep it at position one, you have to make it ‘sticky’. With the Thesis them you need to edit ‘Visibility: Public’ and check the box that reads ‘Stick this post to the front page’. Alternatively you have to download and activate the ‘WP-Sticky’ plugin, and click the ‘Sticky’ radio button associated with this post on the Dashboard.
Below is a short video on how to do this. Piece of cake!
