I have the same question.
Basically, we're following the instructions on this help page: https://community.marketo.com/MarketoArticle?id=kA050000000KyqgCAC
The form works, the validation works. The use-case is that iframes aren't *awesome* (<-- understatement) for employing responsive designs and flexible layouts.
I notice that on the native blank Marketo-page (the one we copied the form elements and script tags from), there seems to be some dynamic markup written just below the opening <head> tag.
<link type="text/css" rel="stylesheet" href="http://d2yeu2mwujl2s5.cloudfront.net/3.18-36/styles/widgets.css">
<script src="http://d2yeu2mwujl2s5.cloudfront.net/3.18-36/js/CF_insight.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var mktoPreFillFields = {"Email":decodeURIComponent("leadmclead%40gmail.com"),"FirstName":decodeURIComponent("Lead"),"LastName":decodeURIComponent("McLead")};
</script>
Looking at the template file, it seems this is written to the page <head> before the first piece of visible template markup is (and there does not seem to be a PHP call of any sort in the template that does this - at least, not based on the position).
I'd guess that this is a server injected piece of markup that has something to do with the form prefill. Is there anyway to dynamically hook into that process manually if we're successfully putting our form markup in our own CMS pages on our own domain?
Thanks!
.png)