Forms 2.0 and Wordpress

[Anonymous]

What is the best way to embed a form, using the form 2.0, into Wordpress.

When getting embed code, I see script that looks universal and I put this into the Footer.php file of the template. That means that the form support code will load on every page of the site.

src="//app-sji.marketo.com/js/forms2/js/forms2.js"

The trouble is on my pages themselves. The new form embed code requires an empty DOM element (easy enough) and then page-specific script to load the form from Marketo.

The issue is the Wordpress does not allow Script to be included in Page/Post content.

Suggestions? Specific page templates for any page I want a form on? Using a plugin to let script get put into a page/post?

[Anonymous]

"The issue is the Wordpress does not allow Script to be included in Page/Post content." << Pretty sure this isn't true. 

http://codex.wordpress.org/Using_Javascript#JavaScript_in_Posts

[Anonymous · Accepted solution]

I figured it out. Here's what I did and it was quite easy.

1. Added a reference to src="//app-sji.marketo.com/js/forms2/js/forms2.js" in header.php of my template file. This was easier than loading it on each page. It loads as part of the site.
2. Read the article here and did the following
   • Created a JavaScript file called loadMarketoForm.js and added to a /scripts folder on our site. It has the following code...

function loadMarketoForm(formId){

if (formId) {
    MktoForms2.loadForm("//app-sji.marketo.com", "our org id value", formId);
}

}
 

• In my Page, it has something like below...

<form id="mktoForm_1017"></form>
<script type="text/javascript" src="/scripts/loadMarketoForm.js"></script>
<script type="text/javascript">
<!--
loadMarketoForm(1017);
//--></script>

• As I create new Pages in Wordpress, if I want to incude a form, I copy the above code and I just change the form number (1017 above) to whatever is in the embed code for any new forms I create.

Works quite well.

[Anonymous]

So, what I said? 😉

[Anonymous]

Jason, yes, what you said, but I wanted to document the implementation rather than just a link to read more about how to do it. I figured that is more valuable to the community.

[Anonymous]

Thanks Scott 🙂 Always love to see more WordPress stuff on here.

[Anonymous]

Sure thing. I wasn't trying to boost myself with the Best Answer selection either. I just thought the implementation of it should be marked. I honestly don't care about that stuff, but thought others might want to jump right to the answer.

[Anonymous]

Or if you want an even easier solution, you can use the Marketo-Wordpress integration on Launchpoint

This allows you to convert any Wordpress form into a Marketo form with pre-fill and progessive profiling. All it takes is a some shortcodes:

[mForm] ... your form .... [/mForm]


See it in action at the Marketo Health-checker. Do a health check, then reload the original page.