<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 so that the content doesn't break from the editor -->
<div id="loadContent"><p style="display:none;"> </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; }