Responsive, Flexible marketo landing pages

[Anonymous]

This is definitely the future of the web. There was a discussion a bit back, but I realized I should create a specific idea so people can vote on it.

https://community.marketo.com/MarketoDiscussionDetail?id=90650000000PWbrAAG

Here's the discussion thread and Craig really hits the nail on the head when discussing the way that marketo inserts it's elements into the DOM. When you read through the source of a Marketo page the elements aren't in the order I'd expect them to appear given the way I create my website. I've always accepted this and moved on. But it is truly the thing standing in the way of a flexible design. So perhaps the idea is the add order through sequencing as classes or spans. Or allowing items to have relative positioning. I don't know what is easiest to do to allow more flexibility, you guys are much smarter than I, so I'll leave the actual idea to you.

This is no longer the most burning topic to me now that I realize I have the ability to take Marketo forms off site without resorting iframes. So to me I'm a bit ok, but I still create this idea for you, because this is an idea that will only grow stronger as more people understand the potential of responsive websites.

[Anonymous]

PS- If you have no idea what a Responsive web design is, go to www.smashingmagazine.com and make your browser full screen, then slowly drag one side in and watch how the site's layout conforms to the site of your browser. it's genius.

[Anonymous]

Definitely a agree! This is something I was disappointed to see we could not do (as a newer Marketo user).

[Anonymous]

Can I doublely or triplely vote for this one

Cheers,
Eric

[Anonymous]

YES PLEASE!

[Anonymous]

Absolutely agree.

[Anonymous]

Until Marketo respects the DOM tree and gives up the need to absolutely position all content elements the only way to have a responsive design is to abandon Marketo's landing page tools. It is an ugly solution, however, if you create and host your landing pages outside of Marketo, you have the freedom to add external style sheets, external JavaScripts, webfonts, polyfills, and have a responsive design. The trick is to send the form data back to marketo for tracking and to include the munchkin script.

Ideally Marketo would be used as a unified solution, but with these shortcomings, I do not know how this would be possible. If anyone knows of a better product, I'd like to hear about it. Good luck everyone.

[Anonymous]

Craig, to be fair. You currently have the freedom on a Marketo landing page to add external stylesheet, Javascripts, webfonts, pollyfills (modernizr). There's no reason you can't do those things right now. What you can't do is use relatively positioned items which respect DOM order.

[Anonymous]

Yes Adam, You can use these externally hosted elements, just not very conveniently. You can even host these files from within Marketo's Design Center, you just need to hard code the url's into the template or add them to each page individually.

That is a minor issue. The lack of respect for the DOM is the major issue which has personally cost me many hours of wasted time and a quite a few tufts of pulled-out hair.

[Anonymous]

Ya, but that's no different than any other webpage. If you can upload a file to a hosting server (S3, marketo, etc), you can write a link. if you care about responsive design, then certainly adding an external CSS/JS file isn't the biggest concern.

[Anonymous]

I posted a work-around solution for this: http://community.marketo.com/MarketoDiscussionDetail?id=90650000000PcgZAAS. 

We have more control over the DOM than we think! Marketo doublediv wrap can solve most of your frustrations with respect to the DOM.

Here's a responsive page we created in Marketo's editor as an example: http://resources.yesler.com/responsive-marketo-landing-page-template.html


Best,
Edward Unthank
SEO/Web Specialist