Iframe in WP page - need help | Warrior Forum - The #1 Digital Marketing Forum & Marketplace

12 years ago

The problem here is that WordPress tries to parse coding and tags. As a result, "<iframe src='yadda yadda' etc.></iframe> " is converted to "<iframe src='yadda yadda' etc. />" and the rest of the page doesn't load properly. The fix seems to be to turn off 'rich text editing' and insert: "< br /></iframe>"

Or you can use the Shortcode Generator Plugin

Thanks

Signature

A responsive web is a better web

{{ DiscussionBoard.errors[7185902].message }}

Huy Phan

12 years ago

Did you try to enter the codes via HTML editor on the page/post where you're trying to insert the iframe code?

Also, on another note, i would strongly suggest you avoid using iframe, because in web design it's a very out-of-date-technique.

Thanks

{{ DiscussionBoard.errors[7186202].message }}

Mr Bill

12 years ago

I use iFrames on my wordpress site to display a custom iPhone simulator. iFrames have their uses and that is one of them. I also use the Youtube iframe code to display youtube clips. In fact I even have an iframe inside an iframe and it works fine.

You need this plug in --> Iframe and your iframes will work fine on any wordpress blog.

[ 1 ] Thanks

{{ DiscussionBoard.errors[7189749].message }}

bagedi

12 years ago

Originally Posted by bwh1

Hey Warriors

I try to include a 600px x 400px Iframe into my WP page.

Tried 2 plugins (advanced Iframe and another) which don't work at all.

I tried the common HTML code

but all I get is a tiny iframe thumb.

What am I doing wrong here?

G.

Thanks

{{ DiscussionBoard.errors[7199660].message }}

Mr Bill

12 years ago

I've provided the solution above. Wordpress handles iframes differently and you need that plug in I linked to.

Thanks
1 reply

{{ DiscussionBoard.errors[7200497].message }}

bwh1 12 years ago

Originally Posted by Mr Bill

I've provided the solution above. Wordpress handles iframes differently and you need that plug in I linked to.

Hi Bill

well thank you in first place for the help.

I've tried that plugin before I posted here without success and did now another upload to try it out with the same result.

All I get is a thumbnail version of the Iframe, it doesn't recon my spec of the size.

Have to say that the page is a DRAFT in my WP site, don't know if that makes a difference as I preview the site only, as it's not published.

G.
- Thanks
Signature

Affiliates Wanted! Make anywhere from 42,- to $72 in commissions. Simply Recommend the Best QuickBooks Pro Video Course available at Clickbank.
{{ DiscussionBoard.errors[7200928].message }}

Mr Bill

12 years ago

What is the exact iframe code you are using? Paste it here. Are you using < > tag ends or []?

Thanks
1 reply

{{ DiscussionBoard.errors[7200937].message }}

bwh1 12 years ago

Originally Posted by Mr Bill

What is the exact iframe code you are using? Paste it here. Are you using < > tag ends or []?

I used both, the <> as a HTML code and after I uploaded the plugin as shortcode using the [] tags.

By the way, I found an plugin "Advanced IFrame" which gives greater customization features.

BOTH do work and showing an Iframe with the page I want, but only in a size some like 20x20 px. I even can scroll that so had the chance to check what it displays.

So right now, the problem is that the IFrame doesn't recon my

width="600" height ="400" tag.

I tried using it this way and once adding px after the size, and I tried width="100%" just to see if it changes some - same result.

I use PROFIT THEME in this case, maybe that has some to do with it?

G.
- Thanks
Signature

Affiliates Wanted! Make anywhere from 42,- to $72 in commissions. Simply Recommend the Best QuickBooks Pro Video Course available at Clickbank.
{{ DiscussionBoard.errors[7204202].message }}

Mr Bill

12 years ago

Ok, try styling the dimensions. Like this...

[iframe name="frame" id="frame" style="height: 489px; width: 327px;" src="insertyourURLhere" frameborder="0" marginwidth="0" scrolling="no" align="middle"]

This is exactly what is working on my page here

[ 1 ] Thanks
2 replies

{{ DiscussionBoard.errors[7205120].message }}

bwh1

12 years ago

Originally Posted by Mr Bill

Ok, try styling the dimensions. Like this...

[iframe name="frame" id="frame" style="height: 489px; width: 327px;" src="insertyourURLhere" frameborder="0" marginwidth="0" scrolling="no" align="middle"]

This is exactly what is working on my page here

UR D' Man Bill

That WORKED exactly as supposed, great man.

Many thanks

G.

Thanks

Signature

Affiliates Wanted! Make anywhere from 42,- to $72 in commissions. Simply Recommend the Best QuickBooks Pro Video Course available at Clickbank.

{{ DiscussionBoard.errors[7206262].message }}

syedqurat

11 years ago

this same code working on my website too.

Originally Posted by Mr Bill

Ok, try styling the dimensions. Like this...

[iframe name="frame" id="frame" style="height: 489px; width: 327px;" src="insertyourURLhere" frameborder="0" marginwidth="0" scrolling="no" align="middle"]

This is exactly what is working on my page here

Thanks

{{ DiscussionBoard.errors[7288844].message }}

Mr Bill

12 years ago

Cool. You're welcome.

Thanks

{{ DiscussionBoard.errors[7208227].message }}

bwh1

11 years ago

Mr Bill

there is a small problem you maybe have a answer too.

The Iframe works in Chrome and IE, but NOT in FireFox 8-(

Any idea what I can do against it?

Could I include some in the code to make this work in FF as it does in the other browsers?

Another idea is adding a link above the Iframe telling people which using FF and won't see the Iframe to click at the link.

A a small window would pop up in about 300x400 with the same content in it then the Iframe shows. I already saw such stuff for disclaimers and TOS etc.

Would that be difficult to do in WP?

Again, many thanks

Thanks

Signature

Affiliates Wanted! Make anywhere from 42,- to $72 in commissions. Simply Recommend the Best QuickBooks Pro Video Course available at Clickbank.

{{ DiscussionBoard.errors[7286160].message }}

Mr Bill

11 years ago

I just tested it in Firefox 16.0.1 and it works fine. FF8 was released only around a year ago so I'm not sure why it's not working for you. All I can suggest is that you allow Firefox to upgrade itself to the latest version and see if that gets it working for you.

Thanks
1 reply

{{ DiscussionBoard.errors[7286171].message }}

bwh1

11 years ago

Originally Posted by Mr Bill

I just tested it in Firefox 16.0.1 and it works fine. FF8 was released only around a year ago so I'm not sure why it's not working for you. All I can suggest is that you allow Firefox to upgrade itself to the latest version and see if that gets it working for you.

LOL, that 8-( was my sad face, not related to Firefox.

So you could see the Iframe in FF, strange (but good).

Me and my partner couldn't see it.

I just downloaded FF yesterday to test it, had only Chrome and IE on my laptop.

A browser test also didn't showed me much as they don't display til down that part of the page.

Will have to ask a few others to check that out.

G.

Bill, the second link in your sig is not working, just to let you know.

Thanks

Signature

Affiliates Wanted! Make anywhere from 42,- to $72 in commissions. Simply Recommend the Best QuickBooks Pro Video Course available at Clickbank.

{{ DiscussionBoard.errors[7288699].message }}

jutipum

11 years ago

[DELETED]

{{ DiscussionBoard.errors[7286280].message }}

webpeon

11 years ago

I'm not sure whats happening here... Ive always just inserted iframes directly into the pages html editor..

<iframe src="http://astore.amazon.com/maditedevelo-20" width="796px" height="1000px" frameborder="0" scrolling="yes"></iframe>

I am using this exact code on this WP page and I'm pretty sure its cross browser compatible.

Thanks
1 reply

Signature

Web 2 Mobile
The Future of The Web

{{ DiscussionBoard.errors[7289959].message }}

bwh1

11 years ago

Originally Posted by webpeon

I'm not sure whats happening here... Ive always just inserted iframes directly into the pages html editor..

<iframe src="http://astore.amazon.com/maditedevelo-20" width="796px" height="1000px" frameborder="0" scrolling="yes"></iframe>

I am using this exact code on this WP page and I'm pretty sure its cross browser compatible.

That code just gave some some kind of a thumbnail IFrame with scroll feature.

And I used 2 plugins which should make it work.

Only Mr. Bill's code worked, finally.

WP editor is cutting out some part of the default code, I understood based on security settings.

Actually very weird that your code works the way you posted above.

G.

Thanks
1 reply

Signature

Affiliates Wanted! Make anywhere from 42,- to $72 in commissions. Simply Recommend the Best QuickBooks Pro Video Course available at Clickbank.

{{ DiscussionBoard.errors[7290463].message }}

igl0w 11 years ago

[DELETED]

{{ DiscussionBoard.errors[7290554].message }}
- Mr Bill 11 years ago
  
  [DELETED]
  
  {{ DiscussionBoard.errors[7290560].message }}
  
  scriptkid 11 years ago
  
  PHP Code:
  
  < iframe frameBorder="0" height="420" scrolling="no" width="290" style="overflow-x: hidden; border: none; float:right;" src="URL">
  
  the above code should work perfectly. I have used it on many sites. you can check it here: Contact Information - BrillHosting.Com - The Brilliant Hosting Solution
  
  Thanks
  
  {{ DiscussionBoard.errors[7291251].message }}

webpeon

11 years ago

Originally Posted by bwh1

That code just gave some some kind of a thumbnail IFrame with scroll feature.

And I used 2 plugins which should make it work.

Only Mr. Bill's code worked, finally.

WP editor is cutting out some part of the default code, I understood based on security settings.

Actually very weird that your code works the way you posted above.

G.

I am wondering if it is because I also use another plugin 'allow html in categories' or something named that, its possible its also over-riding the security you mention on pages

Thanks

Signature

Web 2 Mobile
The Future of The Web

{{ DiscussionBoard.errors[7295548].message }}

Iframe in WP page - need help

Trending Topics

Are Solo ADs the Most Cost Effective Way to Promote your Product?

How do I effectively build and nurture an email list for affiliate marketing purposes?

Been a while! Any of you Old Timers here?

How much does the rebranding affect CR ?

Are billboards still effective in driving customers?