cedaro / gravity-forms-iframe Goto Github PK
View Code? Open in Web Editor NEWA Gravity Forms add-on to embed a form in an auto-resizing iframe on external sites.
A Gravity Forms add-on to embed a form in an auto-resizing iframe on external sites.
I am creating a form and i want to use that form in my wordpress post.I have tried this plugin to get iframe of form to embed in my post but that iframe is not working.what is the issue here?
Hi,
lovely plugin, thank you for sharing.
However, I can't seem to get the frame resizing to work.
The external site I'm embedding the form is not a WordPress site. I have a clean page with no layout, no CSS, no scripts and the iFrame stays at 500px (the height specified in the code).
Any ideas why?
Thanks
Daniel
Hello. I'm getting an error message on my contact page:
http://www.signaltheory.com/contact
This has been an issue for the last few updates to Wordpress. I've searched and I see another couple of items on the same subject but the replies give no clue has to how to solve. Please help, and thanks.
I would like clarification on what's the best way to apply custom styling to the iframe gforms?
I have a plugin that submit the form data to a remote db afther the 'gform_after_submission' action is called. It seems to fire on forms that is on the wordpress blog, but does not for forms that are iframed
hi i have a new issue with the gravity form iframe plugin that i just saw today. i have checked the error with gravity forms and they told me that the error is coming from the iframe plugin. the following error appears:
Warning: Invalid argument supplied for foreach() in /home/olygenco/public_html/member/wp-content/plugins/gravityforms/form_display.php on line 2250
the error appears in the url:
http://bigdataworldshow.com/uae2015/form/
any solution for this?
thanks!!
I have up to date wordpress 4.9.1 and gravityforms 2.2.5. Does this plugin work with that combination? Are there any known conflicts with other gravityform addons or wordpress plugins?
When following your installation instructions on the readme it appears to install correctly but the iframe form settings link does not show up on the form settings page as it seems it should based on your screenshot.
I'd be grateful for any insight and guidance as your plugin would help me alot at this particular moment. :) Thanks!
ps - I think the link to the plugin zip is incorrect in the readme. It links to your old repo at https://github.com/bradyvercher/gravity-forms-iframe/archive/master.zip
I tried that zip, the master zip here in this repo and the development zip here. None of them appear to work for me.
I would like to adjust the styles in the iframe content (in my case Gravity Forms using WordPress). Is there a way to add to the CSS or add inline styles to the iframe content?
Using wordpress 4.3 and gravity forms 1.9.13.19
Thanks for the addon.
When I used the iframe on an html site, it showed as "Embedding is disabled for this form" on that
particular page.
Am I doing anything wrong or do not support for html site. Please guide.
Hello. Is it possible to load this form with a specific entry, in order to edit forms externally?
Thanks!
Hi @bradyvercher,
it seems that when form is in iframe the rtl not working.
if i include the form in the page the form work well with rtl. but in iframe the rtl not working.
how can i fix this?
Thanks
PHP Fatal error: Call to protected method GFAddOn::get_form_settings() from context 'GravityFormsIframe_Plugin' in .../wp-content/plugins/gravity-forms-iframe/classes/Plugin.php on line 82
Am I missing something ...
This is a great add on, but updating to Gravity Forms 2.0 seems to conflict with the plugin. After updating to GF 2.0 I received this error "Fatal error: Access level to GFIframe_Addon::scripts() must be public in /wp-content/plugins/gravity-forms-iframe-master/includes/class-gfiframe-addon.php on line 183". Any chance there will be an update to work with GF 2.0?
I've got this plugin working great on 2 sites, but on another site I have the members plugin installed, and I cannot access the Settings page for this. When I de-activate the Members plugin, I can access the page.
It appears that Gravity Forms itself has some code in the "webapi.php" file that attempts to solve this. Not sure if your plugin needs to do anything to make use of what's in Gravity Forms or if Gravity forms hasn't quite updated their GFWebAPI class properly.
Anyway, thought I'd check in with ya'll in case you know anything.
After a wordpress update to Wordpress 4.6.1, the gravity forms api is always getting a 404 if this plugin is enabled. If we disable this plugin, the gravityformsapi works as normal.
First, awesome plugin. But when I embedded a form, I can't seem to get the file upload field to work. Am I doing something wrong?
Hi,
I'm still greatly appreciating this plugin! I do have an issue I wonder if can be improved?
When viewing a form using the plugin on iOS in Safari, the page is not scrolling to the focused field when hitting 'next' on the mobile keyboard. Rather the cursor advances to the next field, but it is hidden beneath the keyboard.
I do NOT have the same issue when using Chrome on iOS, however I have a large amount of users on Safari :( .
I did check, and a regular Gravity form on my site inside of Wordpress (no iframe) does NOT have the same problem, it focuses correctly on each field.
Any ideas for me?
The development page I'm working on right now is https://emethgym.com/classes%20copy.html
Hello
Is there way to overide the hosting website form and adopt the website css where I put the iframe forms?
thank you
First thanks for this plugin.
I have some crazy long forms. When people fill it out and forget an important field, the form will give them a validation error message on Submit. The problem is, they don't see the message. It is at the top of the form and they are way down at the bottom. The form does not shrink back and does not scroll up to the error message. They think everything is okay and leave the page. But in reality they have to fix the errors and resubmit. They don't know there are errors and leave the page with an un-submitted form.
What can I do?
When I use a custom confirmation page for my form, that resultant php page doesn't get sized accordingly. Anyway to adjust the settings of the plugin to accomodate that?
Thanks!
Hi,
i put the iframe in the wp-admin dashboard widget but the form don't be shown.
the same error in the front end.
i see the error is:
Uncaught ReferenceError: jQuery is not defined /gfembed/?f=1:39
Uncaught ReferenceError: jQuery is not defined /gfembed/?f=1:52
can you fix this?
Thanks
Is there any way to pass the url of the iframe page in the body of gravity form? We usually do this with {embed_url} along with {ip} - ip works obviously, but not the url embed - It shows the url of the site hosting the gravity form - not the site with the iframe code.
Hi,
I created a registration form with a paypal payment link.
On the original form, no prblem.
On the iframe version of the form in different sites, when the form is snt to paypal, the paypal page doesn't appear to replace the form... the form just desseapear ...
Any idea how i can fix this??
Thanks a lot
Pascal
INFORESCENCE
Can you submit this to the official repo?
Hi Brady,
Your plugin worked like a charm embedding a GravityForm into an iframe on my site at http://www.isoho.org/. But, an error now appears in the iframe at the top of the form, "Warning: Invalid argument supplied for foreach() in /home/mcwr2015/public_html/wp-content/plugins/gravityforms/form_display.php on line 2250".
There is no error/warning when using the same form on a regular page (NOT embedded in an iframe). See http://www.isoho.org/nominationform/.
Rob Harrell at gravityforms was unable to duplicate the issue on his server. He suggested that I contact you to see if you have some suggestions to address this problem.
Gravity Forms was just updated to Version 1.9.14 and WordPress is running on the latest Version 4.3.1.
Can you help? Thank you! Janet
Anyone having issues with plugin after Gravity Forms update 1.9.12.1 ? I can't get my iframe to show up correctly now. I have a few "Uncaught ReferenceError: jQuery is not defined" errors.
Trying to get things to work on this page: https://emethgym.com/classes%20copy.html
I seem to be getting a draft post (ie post-type: 'post') being created when a form that has been embedded using the iframe code from this plugin is submitted.
Any suggestions on what else may be causing this?
Edit: On further investigation, the issue appears to be caused by the "Custom Field" type (under Post Fields) being present in the form.
I built a 3 page form with a digital signature at the bottom, the "box" in which to sign no longer appears...
Hi,
I edited the form settings after installing this plugin. I then enabled the embedding of this form in iFrame. I got the below script tag. When I try to load the page it gives me 404 error. Can you please fix the issue?
<iframe src="//localhost/wordpress/gfembed/?f=2" width="100%" height="500" frameBorder="0" class="gfiframe"></iframe> <script src="//localhost/wordpress/wp-content/plugins/gravity-forms-iframe-master/assets/scripts/gfembed.min.js" type="text/javascript"></script>When I go to the settings for the add-on, it seems not to be saving the settings information. See Screenshots, after updating settings, the activate checkbox clears, and the iframe embed code does not work.
I have a fairly simple single site, Roots theme, with only a few plugins activated. I am running Wordpress 4.0. It does not seem to be saving the info in the form_meta table either. Please advise. Thank you.
It's possible for the admin bar to display in an embedded iframe if a user is logged in to the site where the embed exists. It's trivial to filter this on the site where the embed is set up, but maybe that should just be the default?
I am using "Gravity Forms Multi Currency" plugin and it works fine, even in a classical frame.
But when using 'gravity-forms-iframe' plugin, currencies along the form are correct but the currency of the total field is the one coming from the general gravity settings, as you can see for example on the link below (the form is in € but the total is shown in £ (it should be in € too) : https://shopnbook.com/test-fin/
Any idea to correct that please to use this nearly 5* plugin? :-)
Thanks.
I get a message with this error/
The server refused the connection.
What do you suggest?
I install gravity forms with paypal standard addons. I make a form with paypal payment. I installa Gravity Forms Iframe Add-On and the paypal forms doesn't work in a site where I embeded. Solutions?
THANKS
Hey there,
I've recently had to try do this for one of my clients and tried a few methods and eventually got it working.
During the process, after talking with the support team, they pointed me to your plugin which I held as a fall back if I couldn't get what I was doing working.
I was wondering if you could have a look at what I have done, and if you can see why I should instead use the iframe method this plugin uses as my PHP skills aren't great!
I used the switch_to_blog function in my method like so:
<?php
global $blog_id;
$current_blog_id = $blog_id; ?>
<?php if ($blog_id == '1') { ?>
<?php echo do_shortcode('[gravityform id="16" name="Contact a Distributor" ajax="true"]'); ?>
<?php } elseif ($blog_id == '2') {?>
<?php switch_to_blog(1); ?>
<?php echo do_shortcode('[gravityform id="17" name="Contact a Distributor" ajax="true"]'); ?>
<?php restore_current_blog(); ?>
<?php } elseif ($blog_id == '4') {?>
<?php switch_to_blog(1); ?>
<?php echo do_shortcode('[gravityform id="18" name="Contact a Distributor" ajax="true"]'); ?>
<?php restore_current_blog(); ?>
<?php } ?>
This is on all 3 of my sub-sites, and basically switches to blog 1, which is where ALL the forms exist to display the form.
This worked but wouldn't allow the submissions to go through, which I solved by using this function:
// Custom gravity post url
add_filter("gform_form_tag", "form_tag", 10, 2);
function form_tag($form_tag, $form) {
// If the current blog ID is equal to the one that the forms exists on, and the current form ID is that of a form that exists on the blog with the forms
if( get_current_blog_id() == 1 && ($form["id"] == 17 || $form["id"] == 18)) {
// Replace the action URL with the base url of the subsite the forms actually are on (in this case the base url)
$form_tag = preg_replace("|action='(.*?)'|", "action='/'", $form_tag);
}
return $form_tag;
}
This just gets the post action url and sets it to the one the forms actually exist on, meaning the data gets posted to the right place. (for anyone wanting to use this, make sure you set the current blog id = to the blog the forms actually exist on and the form ID's to the forms that sit on the sub-sites and the action replacement to the base URL of the sub-site the forms exist on.
Thanks, Harry.
Hi,
I receive a 404 error when I embed a form from a WPMU domain.
Looks like it is getting to the correct url OK but not able to get the gravity form
I created a basic html page: https://demo.webdiner.com/test.html to test. The form shows, but it is not auto resizing. Does this still work? Any ideas what could be wrong?
What do you recommend to be the best way to have no scrollbars and have the iframe be 100% height at all times?
I've used the Iframe plug in to embed a form in another site I manage. Someone filled int he form last night, so it was working then, but this morning, it has disappeared.
I added a field to the form this morning, I don't know if that might have made a difference, or if it had something to do with the recent Gravity Forms update.
This is the link to the page: http://www.prophlebotomytraining.co.uk/course-application-form/
There should be a form, but instead there is a big blank space. the code is still in the original page, so I can't think of any explanation for this. Any help is much appreciated.
I've had your plugin working as expected until I enabled Multisite.
I'm now getting
The requested URL /gfembed.php was not found on this server.
Any suggestions on how to fix this?
Thanks
The add-on is absolutely great. There is a small bug however.
When the Gravity Form is opened inside a pop-up iframe, the addon provides proper {embed_url} values but improper {embed_post:ID} and {embed_post:post_title} values.
In my case the {embed_post:ID} is equal to the ID of the latest blog post nomatter where the iframe form was filled from...
Thank you.
When using this plugin, I'm seeing what seems to be a smiley face at the bottom of the form on mobile devices. Is this a function of the iframe script?
Hi,
I'm having a weird issues that i've been asking gravity forms and leadpages about and they can't figure it out.
I'm trying to add a gravity form to a leadpage. According to leadpages, this is doable:
https://support.leadpages.net/hc/en-us/articles/203521930-Can-I-Insert-A-Survey-Gravity-Forms-Or-Other-Into-A-Leadpages-Page-
But, when I paste IFrame into lead pages it shows the gravity form AND the header menu links of my website
See for example, these two test leadpages:
Notice how underneath the gravity form there is some hyperlinks for "home", "about us", etc... these are all the links from my top menu bar on my website (see associatepi.com)
The gravity form is SUPPOSED to look like it does on this page http://associatepi.com/cpcu-and-api-practice-exam-downloads/
When I reached out to lead pages they said:
"It looks like you currently have iFrame code for the full URL you provided. Because it's for the full site, that iFrame code includes the additional links like "Home", "About Us", ect. that are being pulled from the page and onto your form in Leadpages. You'll either need an iFrame code of just the form or to host the form on a plain website without those links and get the iFrame code for that."
Do you know how I can get an "iFrame code of just the form" per leadpages suggestion?
Or have you seen this issue before and do you have any suggestions on how to fix this?
Thanks!
This is the IFrame i'm using:
iframe src='//associatepi.com/gfembed/?f=1' width='100%' height='500' frameBorder='0' class='gfiframe'
Maybe I'm not looking in the right spot, but I'm trying to submit the form using AJAX, and cannot seem to accomplish this. I see <?php GFFormDisplay::print_form_scripts( $form, false ); // ajax = false ?>
in the template file I have in my child theme, and have tried changing false
to true
, but that still does not submit the form using AJAX.
What am I doing wrong here?
Hi,
Could you help me figure out how to modify the IFrame to display without a scroll bar?
See this page: https://opt-insignup.leadpages.co/facebook-ad-practice-exam/
Notice how the gravity form on the right side of the page has a scroll bar? This happens whether I use this Iframe on a leadpage or on a regular HTML page. I can't figure out how to make the iframe work without using this scroll bar. I'd like it to work similar to this page http://associatepi.com/cpcu-and-api-practice-exam-downloads/
See how this page shows the entire gravity form and there's no need to scroll down?
I reached out to leadpages and they said:
"The change you're trying to make is specific to the HTML code that is provided. I would reach out to Gravity Forms and see if they can provide a version of that code that doesn't included the scrolling function."
This is the Iframe i'm using:
<iframe src="//associatepi.com/gfembed/?f=8" width="100%" height="500" frameBorder="0" class="gfiframe"></iframe> <script src="//associatepi.com/wp-content/plugins/gravity-forms-iframe-master/assets/scripts/gfembed.min.js" type="text/javascript"></script>Could you help me figure out how to use the gravity form without a scroll bar?
Thanks!
Thanks for the quick response, now the "Embedding is disabled for this form" is not there on the page.
But now even the form is also not visible.
You can see the blank space in this page where I've inserted the iframe.
http://www.crocareers.in/clinical_research_course_registration/
Please assist.
Hi, is there a code that will have the submit button go to a separate page?
Hello,
I'd like to ask, is it possible to remove iframe after form submission on external website?
Thx
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.