576 comments found.
Who has the right code for ios devices. On android everything is great, but on iphone it all zoomed out. Does not fit. I need het help
Just wanna embed full size websites responsive into my page . Could not to get it right. I need the ios code included it scrollable on ios.
Have you enabled ios scrolling: enable_ios_mobile_scolling=”true”
Best, Michael
i have set a iframe on this page below, on laptop, android it works great, but on a iphone it’s all zoomed out , how can i fix this?? , scrolling is set to true www.digi360.nl/test-2
this page works on my iphone,: http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/responsive-iframes ,i want these settings too on my test page www.digi360.nl/test-2 , because my testpage the website maison monty is not responsive for a iphone ( ios ) , what do i need to do, it has nothing to do with scrolling on a iphone or ipad.
I only see a “under construction” page when I go to www.digi360.nl/test-2. I could check with my ipad on monday. Sometimes you need different configurations for IOS. If you have one which only owkrs there you can use the build in browser detection to run different setups depending on the device. Have you already enabled the internal debug console? so that you might see errors in the ipad?
Best, Michael
I have turned off now the under construction. Now you can check on your ios device. I couldnt find the internal debug console. A video tutorial would be so much better how to get the iframe 100% on a ios device. Because there is a lot funtions to click on. That zoomed out on a ios device its the only problem. I hope you can say in a easy way how to fix it on ios. Thanks for Quick reply. Marcel
I’ll check this tonight…
I forgot my ipad at work. Can you please send me your settings? Have you seen: http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/scrolling-on-ipad-and-iphone -> Strange behavior on ipad and iphone
have you set enable_ios_mobile_scolling=”true” ?
Best, Michael
I Just have the standard settings, responsive on, scrolling on iphone and ipad on, but still zoomed out.
On http://www.digi360.nl/test-2 I get now GET http://www.digi360.nl/test-2 503 (Backend fetch failed).
Please send me the whole shortcode. Because as every website is different making a video for every different setup in the world is simply impossible. Because your website maybe needs different settings as any other page as you have a unique combination of parent and iframe! Maybe your webpage simply does not work properly on IOS in an iframe.
The debug console can be enabled on the options tab. And have you checked the zoom options available? There are severa ldemos that shows this.
As I cannot see http://www.digi360.nl/test-2 I don’t even know if your iframe is on the same domain or not.
Best, Michael
Is it possible that you can login in my website, so you can see what i have done wrong ? but then i need your private support email. to send my login .its for page test2 ( www.digi360.nl/test-2 ) the page is working again . i use this shortcode, tested many , but cant fix it : [advanced_iframe src=”https://www.maisonmonty.nl”]
It.s more easier you can login in my website, its just a test website . best regards , Marcel
if you click on my name you can send a message through codecanyon.
On the Basic tab there is a “generate shortcode” button. Press this to get all your settings. But as your iframe is on a remote domain you are actually not able to really be responsive.
Maybe http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/show-only-a-part-of-the-iframe/show-only-a-part-of-an-iframe-zoom#e43 does work for you then…
Best, Michael
How is it possible that you can help me out to make a iframe full responsive on iphone and ipad. i can’t find how to do it , it’s too complex, a video tutorial for ios iframe will do much better and gives you more sales of the plugin. now its too complex how to fix it on ios . what does it cost so that you can fix the iphone iframe responsive, like you have said its not included in the support. i really like the plugin, but a ios responsive fix , still not good . hope you can help me out , even if i pay for it.
A video would not help you at all because I would make it for my site and every other page in the world is different. I have many working examples and if they do not work out of the box then mostly a custom solution is needed and in case of IOS even some code changes in the pages itself! Can you change www.maisonmonty.nl? You have written me a e-mail already. Lets continue the conversation by e-mail.
Best, Michael
I have later a directory website, lot of websites wanna put it in iframe. It’s not possible to change other sites viewport, because i dont own them. I have to check the viewport. Im not easy with that kind of coding. I need a examplescriptthat works for ios. I only need to change the website URL in that script. There too many demo’s. Scripts. The viewport, i Just wanna open the full page in a iframe. Maisonmonty.nl should work on ios. With a good viewport script or css script, i dont know. Best Marcel
Including a website into an iframe for different devices often requires different setups for different devices (this is also supported by this plugin). So there is no simple “I only want to include”.
This is why I told you to continue with e-mail. We can look if we find a solution for Maisonmonty.nl. But this then maybe does not work for a different page your include. You have to ask apple why their iframe implementation is so bad.
Best, Michael
Please check your mail. I have setup an example page for you.
Hello,
I’ve been using your plugin for quite some time and I just recently updated to the newest version 7.5.4. Are you aware virustotal indicates there is an issue?
No. But if check why they think. The included iframe checker is maybe causing this as you can check the header of your iframes now…
I checked the file: includes/advanced-iframe-admin-zoom. There only a table is written. No dynamic content at all! there fore this is 100% a false/positive. You can check by yourself. There is only text! No dynamic content at all.
Great. That’s all I needed to know. You might want to post this somewhere so that new customers are aware you have checked and it is a false positive.
I try to contact the guys who thing this is a problem.
Hi, I have the following form: http://testeandoando.com/motor/
I want this form to be seen in: http://testeandoando.com/mastiquetes
This form when entering data results in flight availability.
Can I use iframe pro so that when the user enters the data they take it to an external page which randomly generates the form? thank you for your answer.
Hi. I don’t understand the scenario. where is an external link generated? I don’t see a connection to the iframe. Is this not the responsibility of the form to do something after it is sent?
Best, Michael
Can someone refer me to an expert in this plugins? I need to Configure my Plugins so that it shows a part of the external web page and when the user interacts it adapts to the new size based on the presented result. I speak Spanish and the language makes it difficult for me to understand. I used the translator. How much does this configuration cost me?
You have sent me a message directly. I will answer this there.
Best, Michael
Thank you
Hi, Pre-Sales Question:
It’s possible iframe from google Maps. The business info?
Thanks in advance
I don’t thinks so. See http://www.tinywebgallery.com/blog/advanced-iframe/free-iframe-checker
Great work for this plugin ! would it be possible to hire someone for a config ? i have an emergency request by a client of mine
My goal is to insert : https://myoffticket.com/event/fort-festival-2018/ (just the tickets part)
Into : http://fortfestival.es/tickets-entradas/
thanks, or maybe i can send you the complete request somewhere ? (paid job)
Sure: Send the request here: https://codecanyon.net/user/mdempfle
Hello, i used in the past Auto iFrame https://it.wordpress.org/plugins/advanced-iframe/ and it have a nice autosize option, how to do the same with your plugin?
You do it exactly the same as this is the pro version. The pro version has a lot of additional features.
I found the “autosize” option but don’t works if i use the “Show only a part of the iframe” option. I need to display an iframe that cover the top of the embedded page and autosize the iframe height
If you need this combination of features you cannot use “Show only a part of the iframe” as this is like a viewport over the iframe. You need to use:
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/external-workaround-with-post-message or http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/external-workaround-auto-height-and-css-modificationsBest, Michael
what if i want just to add an iframe that automatically set his height to the external page height?
But you want to use “Show only a part of the iframe”. This does not make sense with auto height. So what do you want to achieve?
with this code i have what i want with the document height:
[advanced_iframe use_shortcode_attributes_only=”true” src=”www.site.com” width=”100%” height=”100%” scrolling=”no” allowfullscreen=”true” onload_scroll_top=”false” hide_page_until_loaded=”true” content_styles=”margin-top:0px;width:100%” iframe_content_styles=”background-color: #fff;” onload_resize=”true” resize_on_click=”100”]
i would like to hide/not show = the first 60 pixel of the top of the external page, what code i have to use?
Are you on the same domain?
content_styles=”margin-top:0px;width:100%” iframe_content_styles=”background-color: #fff;” does not make sense alone. there is always a content_id part also.Please open the Javascript console (F12) for errors. the plugin does report config errors there.
yes i’m on the same domain and ok i removed the code you showed me, now how to hide/not show = the first 60 pixel of the top of the external page, what code i have to use?
what is on top? is there a single element we can hide? Providing the real site would help 
.
Hello, the site is a piwigo gallery and i would like to hide the top navbar (here an example https://pwgdemo.kuther.net/picture/57-oly01748/category/3-flowers ). Here you can download the code of the piwigo gallery theme of the example http://piwigo.org/ext/download.php?rid=6624 .
add iframe_hide_elements=”.navbar”
don’t work
[advanced_iframe use_shortcode_attributes_only=”true” src=”www.site.com” width=”100%” height=”100vh” scrolling=”no” allowfullscreen=”true” onload_scroll_top=”false” hide_page_until_loaded=”true”onload_resize=”true” iframe_hide_elements=”.navbar”]
I also would configure resize on element resize if the height of the gallery changes with ajax only. But the example you sent me looks fine without…
Then please provide the url so I can check! Also check the browser console for errors.
the height of the gallery change if the image displayed have a different height, btw your code didn’t work
Then please provide the url so I can check! Also check the browser console for errors.
for
https://pwgdemo.kuther.net/picture/57-oly01748/category/3-flowersiframe_hide_elements=”.navbar”
should work. But is this really your site?
Best, Michael
nope isn’t my site, my site is adult blog, can i add the link here?
no 
. Please send a message here: https://codecanyon.net/user/mdempfle
i mailed you
Why do you think so? http://www.tinywebgallery.com/blog/advanced-iframe/free-iframe-checker is step 1 reports that the test cannot be performed abut when you use check 2 it displays fine. I only think that you are not able to use all features as the website looks like a government site I think you cannot as Javascript to.
Hi, we want to show html banner with size 720×90 on wp website in posts. Website is responsive. Domain is the same. html Banner is not responsive. After trying several options, with your plugin iframe is not responsive in posts and iframe shows again the same size as the html banner is. Please write me how to make it responsive. We have used this code and tried also the options:
[advanced_iframe use_shortcode_attributes_only=”true” src=”/ad/banner1/index.html” id=”example19” height=”90” width=”720” hide_elements=”#secondary” content_id=”#primary” content_styles=”width:100%” onload_resize=”true” enable_responsive_iframe=”true”]
Thanks, Regards
You have to make the image responsive. set it to max-width:100%. also you have to set width if the iframe to 100% also. If you don’t want that the iframe is getting too big you can define a style=”max-width:720px;” as a fixed width does not make an iframe responsive. onload_resize=”true” enable_responsive_iframe=”true” take care of the correct height.
Best, Michael
Thanks for your reply. The problem is that the banner is html banner with fixed 720×90 size and is not an image. Please check this screen: https://ibb.co/iyyfsH
After placing the banner with iframe, website goes to right side along the banner. Please write me exactly the code how to place it without editing the html content of the banner and p.s. the url we have checked and supports your plugin perfectly. Thanks a lot
I cannot guess your html structure. Use content_id=”” content_styles=”” and there you can maybe overwrite your styles from the html if they are not set with !important. But without knowing the exact html I cannot tell you more details.
Best, Michael
Hello,
Presale question… My client gave us the iframe embed below:
<iframe width=”100%” height=”800” frameborder=”0” scrolling=”no” marginheight=”0” marginwidth=”0” src=”https://arcg.is/KyyeG”></iframe>
We’ve tried adding it to this page http://missionstreetparks.com/locations-map/ but it doesn’t seem to be working. Will your plugin work for us?
Thank you very much.
No. Because ‘X-Frame-Options’ is set to to ‘deny’.
See in the console of your browser:
Refused to display ‘https://mspconservancy.maps.arcgis.com/home/signin.html?returnUrl=https%3A//mspconservancy.maps.arcgis.com/apps/View/index.html%3Fappid%3D27e46ffcb77741faac52c98cd139c689' in a frame because it set ‘X-Frame-Options’ to ‘deny’.
Best, Michael
Bummer. Thank you for your prompt reply.
Good day, this is a pre-purchase question.
I need to incorporate the Whova event app (https://whova.com/) into my WordPress Website.
I would like to know if Advanced iFrame Pro is the right “person” for the job at hand.
Here is an example of the code I have to pull into my website:Loading…
<script src=”https://whova.com/static/xems/js/embed/whova-speaker-widget.js?eid=sapic1_201806&host=https://whova.com” type=”text/javascript” id=”embeded-speaker-script”></script> Powered By Whova Whova event and conference appThank you, I’m holding thumbs!
Jana
what does this script do? Does it maybe generate an iframe already?
I suppose it does, but it’s buggy.
1. The widget loads sporadically and usually get’s stuck halfway through the page, only when I check back later has the full widget loaded.
2. You are unable to scroll down when your cursor is on top of the widget area, only when you move your cursor to the side of the page can you navigate up or down.
Do you think I could rather extract the info and display it via Advanced iFrame Pro?
Thank you for your time!
I think the javascript does render something dynamically. I would need an url to work with. Also I think the script does also do the auto height which is something that depending on the implementation has to be reimplmented on the client side.
1. sounds like the page is imply not loaded. There a plugin cannot help. 2. the scrolling depends on the browser. Depending on the contents I know workarounds (like a readonly iframe). But I don’t know if you want to click on the stuff in the iframe…
Best, Michael
Thanks for your input Michael,
it is greatly appreciated.
Jana
We purchased the Pro version last year. It worked wonderfully but it just stopped working after the update earlier this week (April 2018).
We are using Advance iFrame Pro to show a embed a page we can’t modify (a product catalog). We’re just cropping a few pixels around the edges to get rid of the black and the rounded corners. Nothing else.
The page is 980 px wide and I want to crop 10 px from the left and 10 px from the right. The page is 1300 pixels tall and I want to crop off 70 px from the top and 70 px from the bottom.
The “show_part_of_iframe_x” and “show_part_of_iframe_y” don’t seem to have any effect anymore.
I’m including our code for reference with our security code xxx’d out.
Any help you can give is much appreciated!
[advanced_iframe securitykey=”xxx’d” use_shortcode_attributes_only=”true” src=”http://ellenssilkscreening.espwebsite.com” id=”advanced_iframe” height=”1300” width=”980” show_part_of_iframe=”true” show_part_of_iframe_x=”10” show_part_of_iframe_y=”70” show_part_of_iframe_width=”960” show_part_of_iframe_height=”1160”]
Please update to 7.5.5.
There is a bug in Chrome 65 (fixed in 66).
I had this http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/show-only-a-part-of-the-iframe as well. Can you check if my demo works fine for you?Best, Michael
so you can’t use this plugin to automatically set the height of a google document right?
As I think you are not able to add one line of Javascript to their page: No. But can you include it to an iframe at all? The only option would be if google would send the height by postMessage. Then advanced iframe has the possibility to map any format into the internal one. You can test this by setting postMessage on the external workaround tab to debug and check in the browser console if something is logged there.
Please check the quick start guide. You try to iframe a web page which is on a different domain. Therefore settings like add_css_class_iframe=”true” onload_resize=”true” have to be done by the external workaround.
Can you add one line of JS to www.webparainmobiliarias.com.es?
Yes, I can, and I added the script Also I can add css codes, but which code exactly I have to add? Thanks
Ok, I got it!! Now it works, but there is a fail when I want to maximize a picture, and the viewfinder is not fine, there is too much height. https://parea2.es/prueba-iframe
Not sure what you mean. What does “vewfinder is not fine” mean.
Hi you have to click on one of the houses, and then on the symbol to maximize the photo. Thank you
Have you enabled resize on element resize? because this seems like there is no page reload.
I answer you in the support forum. Thanks
Hello, pre sales question: Can I use your plugin to show a woocommerce store inside another wordpress website?
You need to check how your checkout is implemented. Because some payment providers do not allow iframing. e.g. paypal.
Can we make google charts (embedded) responsive using this plugin? I visited the link to your checker tool but couldn’t understand anything. Please help.
I only get a page that the document cannot be displayed.
On http://www.tinywebgallery.com/blog/advanced-iframe/free-iframe-checker enter your url and click on 2. There you see the content in an iframe.
Normally google documents can be shown in an iframe!
But how do you define responsive? Because first the content inside has to be responsive. But for auto height you need to have access to the page as the height needs to be returned. But google does not send this (I have checked this) so you can include it with a width of 100% but a fixed height. What height do you need?
Best, Michael
Apologies for the broken link, here’s the updated one:
https://docs.google.com/spreadsheets/d/e/2PACX-1vT6IA-FBfHXQxRkFFE71Q1QB9QNC_XXqhZihk-Lrq-yHijm0OQoqLQQiZj2D8nArfIg7HiLn6mvPPsX/pubchart?oid=1715300389&format=interactiveAny height is fine, let’s say 400px. I’m unable to make it responsive by setting the iframe width to 100% so was searching for a plugin that could do it, and hoping your plugin does it.
Looking forward to hearing from you.
Thanks!
your content is not responsive. So your option you have is to use the zoom option if the plugin. See Example 35
http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/auto-zoom-iframe-content#e35Best, Michael
