How to Embed a Web Page on Another Site?
Have you ever wondered if you can embed website contents from one website to another? It’s doable and perfectly simple. But is it legal or not? I dunno about the legality of which, but if you own both sites then for sure it’s permissible I think. I have posted before about My Little Forum a Basic Web Forum. I have used MLF and embedded it as part of the Gender Development Studies (GDS) site.
How does one do this? There’s no need long list of code, or complex JavaScript coding, but it uses pure simple HTML tags. The trick is to use Inline Frame or what we call IFRAME to embed an HTML document with the main document.
I have a sample code below as used in my website project:
<iframe height="410" width="100%" frameBorder="0" src="http://www.techxplore.net/index.php">your browser does not support IFRAMEs</iframe>
A short explanation:
height – sets the height of the inline frame in pixels
width – sets the width in this case 100% represent that it will use the full width available
frameborder – specifies if a border is shown or not for the frame
src – specifies the source HTML page to be embeded in the main document
The text between the opening <iframe> tag and closing </iframe> tag is the text message that will be shown whenever the client browser does not support IFRAME.
See it working in the Gender Development Studies Forum. There’s no magic in it and it’s very practical to use at times. If you are looking for a simple and solution to embedding website contents from another website then IFRAME tag could be the answer. This is HTML tag based solution so it works for all major Internet Browser such as FireFox, Internet Explorer, Opera, Safari, Google Chrome, and more. Well you can try it too.
Posted on
Friday, June 1st, 2007 at 10:10 am under 
ohh wow! this is very helpful! thanks! see the sample of what i have done here:
Search – S.O.S.
September 30th, 2008 at 10:14 pmis it possible to embed elements from one of your pages onto another. for example if i create a div tag with a picture as a background for the div and some text in the div. Is their a way to have this div embedded in a separate site? basically i want to make my own embeddable objects which will mostly be div tags and embed them on other sites as well as mine. Kinda like when youtube gives you the option to embed on of their videos. only in my case i would be say giving the option to embed my banner or an area containing text. sorry for long read.
January 15th, 2009 at 12:03 pmThe most perfect code ever! Thanks.
January 30th, 2009 at 11:15 amThis info was ver useful. Thank you for the hint. My outside camera requires a username and password, and the web site asks for it before the page loads. Any idea how to stop that until the viewer clicks on my outside camera link?
March 2nd, 2009 at 2:33 amWow. I have tried everything to do that and kept running into cross-browser compatibility issues…had huge scripts…nightmares…
This is so easy. Thank you so much.
March 12th, 2009 at 8:44 amThis is exactly what we needed. We have been trying to embed Health Visitor Direct in to our site for months, using your code it took us just a few seconds.
Thanks
The Mummy’s Club
March 21st, 2009 at 8:01 pmGreat works! Very helpful. Thanks for sharing.
June 1st, 2009 at 8:31 pmThanks for the code, it worked well.
September 1st, 2009 at 12:35 amThanks for leaving this information up!! Solved my issue with adding menus to “Lightroom’s” auto generated galleries…
September 25th, 2009 at 6:03 pmAWESOME, short and simple!!! Thanks a million!
November 7th, 2009 at 6:54 amThanks abunch man! I use sitegrinder 2 and nothing was working till I this info! You save me hours of testing!
November 24th, 2009 at 1:29 amIs there a way to embed the body only of each of many pages, into one consolidating page, without the sidebars, headers and other frames, so I can read them as one merged document.
To work the way I want, the frames for each would need to be dynamic so there wouldn’t be any scrolls.
Dave
December 5th, 2009 at 10:46 pmTHANKS ALOT BUDDY..U MADE MY DAY
December 15th, 2009 at 5:21 pmThis ALOT thank you
December 21st, 2009 at 6:48 amYou saved my life. Seriously, I will name my children after you. AMAZING!
January 6th, 2010 at 2:23 amIS it legal??? if yes then I am going to use it..
February 1st, 2010 at 9:04 pmBEST EVER
February 3rd, 2010 at 3:26 pmThis has been such a huge help! I had found other tutorials but they either didn’t work or looked all crazy! Thank you SO much!
February 7th, 2010 at 3:14 amYou’ve saved my life! THANK YOU!
March 24th, 2010 at 6:34 pmsooo simple and perfect! how would you make the links open in a new window – perhaps directing to the main website? that may get around legality issues
April 2nd, 2010 at 6:58 amis there a way to fit the whole website into a specified dimension? without need for the scroll bars?
April 2nd, 2010 at 7:02 amWow this is just what i was looking for. Amazing dude. Thanks a ton. I was wondering whether it is legal or not ? I think if we site and give credit to them then everything should be fine right ?
May 1st, 2010 at 4:36 amThis is a great little script. We modified the size of the window a little to hold our booking engine in front of our template, Looks great but there is a little glitch.
The booking engine loads as timed out. See here:
http://fernriver.com/booking1.html
The problem goes away if you refresh or if you have been there within 1/2 hour. Also the problem does not exist if you link directly to the booking engine.
Anyone got any ideas on how to open the embeded page as active?
May 13th, 2010 at 1:07 amcan I embed a part of another web page(x1,y1,x2,y2 cordinate only of another webpage) in my web page.
May 23rd, 2010 at 11:04 pmI cant embed fifa.com website! Any help?
June 11th, 2010 at 11:41 am[...] I am very excited about my web site. I will use the pages I create to enhance my mathematics classes next year. I found the HTML needed to embed one web page in another web page, so I was able to ‘insert’ a Hot Potatoes quiz into my themed page on Google Sites. I found the HTML here: http://www.techxplore.net/2007/06/01/how-to-embed-web-sites-on-another-site/ [...]
July 3rd, 2010 at 7:38 pmOh, thank you. I was looking for this type of thing for so long…
October 24th, 2010 at 7:28 pmAppreciate the info,saved a lot of time & stress, thanks again.
October 27th, 2010 at 11:25 amit is a good post. it proved to be very helpful for me as am a new blogger
January 25th, 2011 at 2:30 pmthis info was very helpful. I appreciate you sharing it with us. Thanks! visit me on cpronlove.com
February 28th, 2011 at 3:43 am[...] iframe (bekijk code) heb ik de volgende specificaties meegegeven: – hoogte: 300, breedte: 600 – geen border (rand) – [...]
March 6th, 2011 at 3:07 pmWow! I can’t tell you how long I’ve looked for a solution to inserting a “page within a page”. This little piece of code worked perfectly!!!
Thanks so very much for having this up here!
Mike
April 4th, 2011 at 5:04 amThis is great. Can you change the css of the site you embeded?
April 7th, 2011 at 1:16 amThis is really helpful. Thanks
April 14th, 2011 at 9:58 amMost usefull code i have ever found i use it all the time thank you very much!
May 6th, 2011 at 11:54 pmwho can help me to make an social network i need admin,s on my site
May 16th, 2011 at 1:06 amVery – very fantastic, Thank alot – thank you very much
June 24th, 2011 at 3:10 pmThanks for a nice simple solution that works
June 24th, 2011 at 6:44 pmIs it possible to frame specific frame of other webpage? Thx.
July 2nd, 2011 at 11:30 am