Screen Shot 2015-05-25 at 4.52.43 PM.png

Responsive Marketo Landing Pages - A First Look

On Friday, Marketo launched 'Guided' Marketo landing pages (aka responsive). This was a product update that was created after a huge amount of people voted for the responsive landing pages idea on the community. Definitely a long awaited and popular feature request from the Marketo user base. After a few days of using the new editor, I thought I would share some feedback on it, from start to finish.

Making a Template

Screen Shot 2015-05-25 at 4.52.43 PM.png

When you go to create a new template, you'll select which type of template you want to make. There are now 2 options: Free-form (old) and Guided (new/responsive). If you've ever created a landing page using tokens, the Guided templates are a similar concept. You have a bunch of 'elements' and each element is fixed in its position. The difference with Marketo's new guided editor is that you don't have to switch back and forth between the editor and the program tokens. This is definitely a nice feature to be able to edit everything locally. Only downside I see is that sometimes there are benefits of having those program tokens. So far, haven't found a way to include tokens in the new landing page editor.

As a Marketer, I was not able to make my own template since I don't know how to code, but I had a developer on our team code a responsive template. So, I can't speak much to the coding aspect of this and what is involved there. I do know there is a new template syntax and a feature called Variables, but more on that later.

We also noticed there is an option to import a template, which could be used to bring in Marketo & other third-party templates. I'm pretty excited about the new potential for templates that this opens up.

Editing a Template

With the right template it's very easy to update responsive templates in Marketo using the new editor. Instead of having to jump from the LP to the tokens of a program, you can edit everything in the guided editor. It's different than what Marketers will be used to seeing with the 'Free-form' (old) editor, but similar enough that its a pretty intuitive UI. The biggest thing you'll notice is that the elements are locked in place. You can't re-order elements like you could in the mobile landing page editor. Whatever has been set in the template will be what needs to be used. There is a new feature called variables, which essentially updates the HTML code for certain things, like colors. This is definitely a huge improvement that will remove some of the need for Marketers to go into HTML.

Screen Shot 2015-05-25 at 5.00.57 PM.png

Summary

I think Marketo has done a great job on this new and critical feature. Much better than what was there before with desktop & mobile, where you had to keep two different versions of the template. Unlike before, Marketers can have a responsive landing page without using tokens, or using custom HTML elements, or necessarily going into the HTML. To see an example of a responsive landing page using the new editor, take a look at this page we made using the new guided syntax and editor.

3750
10
10 Comments
Anonymous
Not applicable

no developers needed...yay....need to start looking for a new job now

Anonymous
Not applicable

I can't wait to implement the Guided pages!

Anonymous
Not applicable
Anonymous
Not applicable

Is there a way to convert an existing free-form template to the guided template?  Or must you create the guided template from scratch?

Anonymous
Not applicable

A couple of notes:

First, templates.marketo.com now has 6 different responsive templates available for download! More are coming, the number I heard was between 25 and 75 eventually.

Guided Landing Page Templates - Marketo Docs - Product Docs

I also wrote up some documents for our support team on how to use these features. I don't know if the general public can see them or not. If you can't get to them, please let me know and I'll send you a PDF.

Getting Started With Guided Landing Pages:

https://nation.marketo.com/docs/DOC-1848

Editing Marketo Guided Landing Page Templates, Pt. 1 - Elements:

https://nation.marketo.com/docs/DOC-1849

Editing Marketo Guided Landing Page Templates, Pt. 2 - Variables:

https://nation.marketo.com/docs/DOC-1850

Pierce_Ujjainw3
Level 9

You need to create guided templates as they have a new syntax (code), so unlike the last release of the LP editor, there is not just a button to hit to make them guided. Although that is not possible, this is still a big improvement over the last version of the LP editor. It will require new templates, but the end result is that Marketers can edit them in ways they never could before.

Rachit_Puri2
Level 7

Thanks for sharing this Pierce. Very Informative. Here're some more details for Guided Templates for Marketo Users: https://goo.gl/f2vGvp

Anonymous
Not applicable

Great summary! My current Demand Gen team is looking on building out web resources in to Marketo for this is exact reason! Thanks again!

Anonymous
Not applicable

Thanks for this post! Has anyone used one of the Marketo guided templates? I've downloaded 2, imported in Marketo but getting an error message when trying to approve. I've reached out to Marketo suppost and am awaiting feedback at this time.

Thanks!

Justin_Cooperm2
Level 10

Michelle, are you importing the templates and selecting "Guided" for editing mode in the import dialog? You may get errors if you attempt to import the templates as "Free-form" templates. If you're still having difficulties, please let us know!