Embeddable Forms, Responsive Design, and Other Topics?

Hi Jon, 

Marketo launched this website with some useful templates. Some are responsive: http://templates.marketo.com/

For the forms, there is a supposed to be an update this month with Forms 2.0 with major improvements to creating and using forms in marketo, you can read more about some of the suggested features here: https://community.marketo.com/MarketoIdeaDetail?id=08750000000HvnEAAS There are comments from Marketo employees there but Iam not sure how much of it will make it into the update. But, the point is they are definitly working on enhancing the forms. 

Hope this helps!

Mary

Hey Jon,

Embeddable forms and responsive design are 100% possible--we have actually had very good success rolling out those things. I think one of the reasons things look a little hacky is that there are several ways to approach all those features that aren't quite "out of the box" yet. Some of them are complex and some of them are a little more accessible.

So far I haven't really found anything design-wise that wasn't possible. You just need to get some really solid templates in place, and make sure your team knows how to use them. You should be able to use a responsive framework, call external CSS compiled from SASS, etc.

Here are some examples of our cooler templates:
http://pages.carefusion.com/ResponsiveTest.html
http://pages.carefusion.com/HIMSS2014.html

Those were both built leveraging tokens--almost all of the elements on the page, including background images and body copy, can be easily swapped in using tokens.

Jon,
 

It is hacky. I have done work with Bootstrap (with a colleague at a former company) and I've made Marketo behave pretty well with it. Feel free to look at my code here: http://go.servicetrade.com/DemoRequest.html (did some custom styling of error states as well. Can't leave well enough alone!)

Apparently "Forms 2.0" is coming out later this month and will offers some better form functionality, but I haven't seen it in practice.

Hi Jon & Kate,

Also how were you compiling the SASS or LESS on the landing page template... 
1) Were you compiling local and manually uploading the code to the resource library? 
2) Were you just linking to the hosted version of bootstrap?

Hey Stephen,

The only way you can create something that's truly responsive is by usig bootstrap or foundation in the template with the content programmed in using tokens (although this is very limited), and completely ignoring the user facing editor. 

Here is a good example of how this is done:

 http://edwardunthank.com/blog/how-we-made-a-responsive-marketo-landing-page/

This one too:

http://edwardunthank.com/blog/how-to-make-responsive-landing-pages-in-marketo/

Let me know if you have questions.


Jon

I wish marketo had some sort of github Integration so you can just push the template code via a git remote... 

They should also allow the admin to specify if a template uses a CSS grid or absolute postioning 

The 960 grid system works withint the editor but you have to place everything on the page, and it can't be a linked to an external css source. 

Also, anything using percentages for the grid will not work within the editor. 

 I spent months trying to do all of this fun stuff. You sound like a dev type, so my advice to you would be to look into HubSpot, Hubl, and their templating capabilities if responsive is something that is absolutely critical. 

Jon

Hey Jon,

I'd encourage you to try out Knak. Knak is a SaaS based Marketo responsive template builder, built for Marketers. No coding required. It is similar to the other tools you mention.

Right now you can make fully responsive email templates, with no coding required. Landing pages are on our product roadmap, and will be launched by the end of May.

We have made 100's of templates for our clients at Revenue Pulse the 'old way', using designers and developers to create them for our clients. However, we believe that you should not need that middleman in the way. Marketers should be able to do this on their own, with no coding. We've created both tokenized and WYSIWYG responsive landing pages already. Now we're working to make this available to Knak clients as part of our tool.

Try it out. Your first template build is free: www.knak.io