Embeddable Forms, Responsive Design, and Other Topics?

[Anonymous]

I'm the process of learning how to use Marketo, and I've come to the conclusion that quite a few things I thought were possible are not. 

Does anyone know if embeddable forms, responsive design, and other features offered by competitors like Hubspot being developed at the moment?

I would like to develop templates with Twitter Bootstrap, and a number of other resources. There are a couple of tutorials out there, but everything seems very hacky at the moment....

[Anonymous]

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

[Anonymous]

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.

[Anonymous]

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.

[Anonymous]

Hi Jon & Kate,

I tried to create a template with zurb foundation and had a difficult time becuase of the absolute positioning.

Did you create each landing page as a templates and just ditch the wisywig screen? Or did you do something special to remove  the absolute positioning from user generated content?

[Anonymous]

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?

[Anonymous]

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

[Anonymous]

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

[Anonymous]

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

[Anonymous]

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