What is an Iframe, and how do I add one to my site?

  • 0
  • 5
  • Question
  • Updated 3 years ago
  • Answered
An Iframe is simply another html document (web page), that is embedded into another web page.

This can be useful for many things, such as adding a 3rd party blog to your site, when you want to keep the same look and feel as the rest of your site. Or if you have some text or other content that is too large to fit in the page and want it to appear in a scrolling window.

It is important to know that the use of Iframes does not help with SEO.  The search engines spiders will not crawl/index the information displayed in the frame.  If the text that you are including in the frame is critical then it's best to include it on a page that is linked to the rest of your site so that it can be indexed. 


Here are a few basic examples.

Basic Iframe code:
<iframe src="URL goes here"></iframe>

Iframe with a specified height and width:
<iframe src="URL goes here" width="200" height="200"></iframe>

Iframe with border:
<iframe src="URL goes here" width="200" height="200" frameborder="0">
</iframe>
Just change/increase the frame border number from zero to increase the width of the border.

I frames can be come more complex depending on the functionality and look that you desire. There are many free Iframe code generators on the internet. Here is one such example: http://7thspace.com/webmaster_tools/i...

If you are not familiar with adding the code to your web page, click here.
Photo of Mike F.

Mike F., Alum

  • 184,338 Points 100k badge 2x thumb

Posted 4 years ago

  • 0
  • 5
Photo of crownover7938

crownover7938

  • 82 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled
Scrolling Dialog Boxes: How?.


I want to make a scrolling dialog box. I want to type in more dialog than I am "allowed".

For example, I want to expand the typed information in "About Us". So want the same size of the original dialog box, but with a scroll slider on the right side of the box. How do I do this? Thanks.
Photo of Mike F.

Mike F., Alum

  • 184,338 Points 100k badge 2x thumb
It sounds like you are wanting to create what is known as an Iframe. You'll need to create a new page which you can add the text to. This can be a blank page with no template. Then after you save and publish the page, you can use the 3rd code shown above to embed the page/code on the page where you want the scrolling box.

You'll just need to edit the URL and the dimensions in the html code.

Mike
Photo of Renee7756

Renee7756

  • 82 Points 75 badge 2x thumb
This reply was created from a merged topic originally titled
How do I integrate a Wordpress blog with my Homestead website?.
Photo of Mike F.

Mike F., Alum

  • 184,338 Points 100k badge 2x thumb
There are several options, but one of the easiest (but does not help SEO) is to just iframe the blog into one of your web pages as shown above. If the content of the blog is important for SEO, then you may not want to do this.

Another option that is a little more complicated is to create a subdomain, and then get the dns/pointing directions from the company that is hosting the Wordpress site and point the domain. Using this method you would then just create standard hyperlinks back and forth from the two sites.

Mike
Photo of Renee8349

Renee8349

  • 544 Points 500 badge 2x thumb
This reply was created from a merged topic originally titled Webpage Within A Webpage - What Have I Done Wrong?.

I am attempting to post a webpage from another website onto a page of my own site. I figured that copying the source code and placing it in the HTML snippet box was the correct procedure. Unfortunately, it doesn't appear to be working. When I preview thru sitebuilder on IE, the inserted webpage doesn't appear correctly. And, on FIREFOX, the page doesn't even load. Is there an easier resolution for this?
Photo of Drew N

Drew N, Community Manager

  • 252,154 Points 100k badge 2x thumb
Renee8349,

You'll want to use an iframe for this. It will create a frame on your page and display the other page within. You may need to use the size attributes to get it to look good.

Drew
Photo of Nir6041

Nir6041

  • 112 Points 100 badge 2x thumb
This reply was created from a merged topic originally titled how do i embed an outside webpage?.

I'd like to embed this link on my site: (not link to it, but embed it)

http://losangeles.craigslist.org/sear...
Photo of Drew N

Drew N, Community Manager

  • 252,154 Points 100k badge 2x thumb
You will want to make sure you have permission from the site owner.