How to Use Iframes on Your WordPress Website

How to Use Iframes on Your WordPress WebsiteIf you don’t know how to use Iframes or don’t know what they are, you should definitely read on.

An Iframe is a ridiculously simple way to attach a form, a webpage, or piece of html code onto your own website. Sometimes sites will give you the Iframe code to copy and use on your site so you are probably familiar with that but how did they create that Iframe code? It is easier than you might think.

Copy the URL for the html or webpage you are trying to display and add that to the “URL” placeholder in the line of code below along with a width and height:

<iframe src="URL" width="600" height="250">

Here is an example of using an Iframe to have Ebay’s home page directly on your site:

This is the code that was used to create the Iframe above:

<iframe src=”http://www.ebay.com/” height=”250″ width=”100%”>

Note: I used 100% as the width to have the frame automatically fill the space I was putting the frame in.

If you are embedding a form from another site which collects payment information, for security, you must make that page secure using ” https” on that page in addition to other check out pages you might have.

 

[Tweet “It’s easy to use Iframes on your WordPress site. “]

About Judi Knight

Judi Knight is the founder and chief at New Tricks. When she’s not working with businesses to create their online goodness, she'll be checking people into the Urban Oasis B &B,  planning WordPresss events or hanging with her husband and three Basset Hounds.

Want to get in touch? Shoot me a note, Sign up for my free social media tips or,
Better yet, want to work with me? Check this out.

Add Comment Register



Speak Your Mind

*

Sign up for the Free Video Training Series, Getting Started wIth WordPress
Join Us!