How can I get embed other websites to show in the pages of my website?

By Stephen Winters on 3 Dec 2009 at 21:12 UTC

Hi,
I have a website for my upholstery business. Currently I have links to my fabric suppliers, as you can see here: Our Fabric Suppliers. I'd like to change the way I show the fabrics from my suppliers' websites. For example, Is there a way that I can take one of my suppliers websites, for example this one Charlotte Fabrics and have the WHOLE WEBSITE show up within one of my web pages? I'd like my clients be able to navigate my suppliers websites from WITHIN MY WEBSITE..

Here is an example of something similar to what I hope to achieve. Amazon Bookstore on My Website. I've become an Amazon.com Associate to be able to see Amazon products through my website. In a similar way that my clients can browse Amazon.com from within one of the pages of my website, I'd like to be able have my clients look through the pages of my fabric suppliers. I want to bring in either their whole website, or certain pages in their website, and have my clients be able to navigate through my suppliers websites all from inside one of the pages of my website. How can I do this?

Best Wishes
Stephen

Comments

Create a page with the input

Dave Kopecek

he/him

commented 3 December 2009 at 21:33

Create a page with the input filter set to full html and use an IFRAME tag to embed your supplier's site.

http://www.w3schools.com/TAGS/tag_iframe.asp

How to: Embed external website.

Stephen Winters commented 3 December 2009 at 21:52

Thanks for your response dkopecek,
You wrote your message while I was writing out this second message.
--------------------------------------------------------------------
Hi,
After I wrote out the above message, I got the idea to go to my account on the Amazon Associates website and copied their link to put their store Amazon store in an iframe.

<iframe src="http://www.charlottefabrics.com" width="100%" height="4000" frameborder="0" scrolling="no"></iframe>

It was really very simple: I copied their link and went to my website, and created a new page. (make sure your wysiwyg editor is turned off before pasting) I then pasted the link into the body area and changed the link to the Iframe src

Also, since many of the searches from the Charlotte fabrics website can return many choices, I changed the scrolling to "yes". Here is what I pasted into the blank body text: <iframe src="http://www.charlottefabrics.com" width="100%" height="4000" frameborder="0" scrolling="yes"></iframe> Note: I set the Input Format to "Full Html". Also, If you have the Wysiwyg editor enabled by default, I'd recommend that you change it so that the Wysiwyg is NOT enabled by default. Because the Wysiwyg will delete the link each time it is enable. You can see the web page on my website here: Charlotte Fabrics, as displayed at Winters Sewing. Best Wishes Stephen [Edit:fixed link, dman]

=-=

VM commented 3 December 2009 at 21:54

there is also the iframe.module in the downloads area.

http://drupal.org/project/iframe

Colorbox

pvanerk commented 23 October 2012 at 12:16

Embed a website, Part 2

Stephen Winters commented 3 December 2009 at 22:01

Hi,
My previous comment had a broken link in it. Since I wasn't able to correct the link there, here is the corrected link here:

You can see the web page on my website here: Charlotte Fabrics, as displayed at Winters Sewing.

Best Wishes,
Stephen

I get blank page

smcclain commented 17 January 2016 at 18:59

when I try to use the iFrame HTML code - I get a blank box - nothing from the requested website URL displays.

Embedding pages from one drupal site into another

LynvR commented 7 August 2018 at 13:19

I have two Drupal sites - and I would like to embed a resource page from one into another to avoid duplication. When I try and embed the page you used, using the code you used, it works perfectly. If I change the source code to my site, it does not work. I also get a blank block. It seems then that there is something in the site from which I would like to embed, that is blocking the process??
I would appreciate any advice!

The link is empty

izmeez commented 3 December 2009 at 22:04

Your question and answers caught my eye so I thought I'd take a look but the link in your comment is empty.

I tried looking through Winters Sewing website to Charlotte Southwestern Fabrics and see table with links to external sites. I must not be at the right place. Thanks,

Izzy

The Embedded Pages Work

Stephen Winters commented 8 December 2009 at 14:09

Hi Izzy,
I just saw your message. I just now tested the link in my previous message, and it does go to the right page. That page does have an embedded page showing Charlotte Fabrics. I tested it in both Firefox 3.5.5 and Internet Explorer 7. Since you visited our website I have added 4 other pages with embedded pages at http:www.winterssewing.com (then go to top menu Fabrics>Fabric Suppliers>Charlotte Fabrics (and also the four menu choices below Charlotte Fabrics.)

Some possible reasons that you couldn't see the embedded page. 1.) Around the time you visited the website I was working on the pages. Perhaps you visited during a time when I was testing the pages and there was no content on it when you tried to see it. 2.) Perhaps your web browser doesn't support view the scripts). 3.) Perhaps when you visited you didn't wait long enough for the embedded page to load. (When the page first loads the bottom is blank for perhaps a few seconds.)

Best Wishes,
Stephen

Thanks.

izmeez commented 9 December 2009 at 01:50

I can see the link fine right now so the previous difficulty was likely during site updating.

Only problem I see right now is the background extends way down the page, because of the length of your side bar or need for a height.

The iFrame module looks interesting.

Thanks,

Izzy

Safari

MASF1974 commented 15 August 2017 at 18:47

Thank you! This was very helpful. It seems to work except in Safari. Any thoughts on why it doesn't work there?

How to get rid of scroll bars?

memoday commented 14 October 2010 at 21:13

The iFrame page looks OK, but it is not perfect. How can we get rid of the scroll bars? What I would like to achieve is that the external web page looks like a native Drupal page without scroll bars?

=-=

VM commented 14 October 2010 at 23:04

your question seems to have nothing to do with this thread. Consider creating your own forum thread to ask unrelated questions.

Hi VM, I think it is related.

memoday commented 16 October 2010 at 07:28

Hi VM,

I think it is related. The iframe page has scroll bars there which make it not user-friendly. Anyway, I created a new thread. If you have any idea or can help, please provide your answer.

http://drupal.org/node/942018#comment-3580830

Thanks

Yes, I also thought it was

izmeez commented 16 October 2010 at 15:21

Yes, I also thought it was related. Thanks for adding your views, now we will have to hop over to the new thread.

Scrollbars

Smeesters commented 15 January 2014 at 06:49

Hi there! I created an account just to comment on this and after visiting your site I saw that you still had scrollbars. Well, I found the solution for you!! You need to go into your code and change scrolling="yes" to scrolling="no". Hope this helps! I know that you had mentioned that you changed it yourself, but that is the change that needs to be made in order for the scrollbars are not there.

Cheers!

I was looking embed webpage in a different context

vanajap commented 24 May 2011 at 03:58

I want all the line items of an RSS feed or a an full story of an individual list items of a yahoo pipes on to my webpage instead of leading the link to the original website. Is it possible. If so how