rexjiang92
1/26/2016 - 6:04 PM

Load form

<script>
$( document ).ready(function() {
    $('#loadContent').load('/contact-us  #webform-client-form-199415', function () {
      jQuery.cachedScript('https://www.google.com/recaptcha/api.js');
    });
});
</script>

CSS (to resize the recapta):

.g-recaptcha {
    transform:scale(0.80);
    -webkit-transform:scale(0.80);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}


New code ^
--------------------------



HTML
<!-- put this html in a block, leave the &nbsp; so that the content doesn't break from the editor  -->
<div id="loadContent"><p style="display:none;">&nbsp;</p></div>

Script 

<script>
$( document ).ready(function() {

$('#loadContent').load('http://urlofwebsite.com/webform  #node-3246');  

// Change url to be the page with the content e.g. the page of the webform

// After the url put in the id of the html content to load e.g. the wrapper div of the form

});
</script>

also add this to your css
.honeypot-textfield {display:none !important; }