Getting Started With Guided Landing Pages:

No ratings

Marketo now fully supports responsive landing pages, we call the new style a "Guided Landing Page". A Guided Landing Page is one that is capable of dynamically resizing itself for different window sizes and devices. If you’ve used the Marketo interface to set up an Email Template and an Email, the basic concept of setting up a responsive template and landing page will feel pretty familiar.

First you have to define a template that contains the editable areas of the landing page, once that is completed you use that template to build the landing page. Unlike the Email editor however, constructing and altering a responsive landing page template will require a minor amount of HTML knowledge.

If you are not comfortable in HTML and do not have an HTML developer available to assist you, Marketo’s services team can help! You can reach them at services@marketo.com

To get started, first visit our Template Library for Guided Landing Page Templates located here:

https://docs.marketo.com/display/public/DOCS/Guided+Landing+Page+Templates;jsessionid=5D71353C1CBF70...

GLP-01.pngSelect the template you’d like to use, right click the link and select “Save Link As” to download the HTML code.

GLP-02.pngOnce the template is saved locally on your computer, go to where it’s saved and open it in the text editor of your choice. What you’ll see is a whole bunch of HTML:

GLP-03.pngIn your text editor, use CTRL-A to select all and CTRL-C to copy it to the clip-board. (On a Mac this is Command-A and Command-C) then log on to your Marketo instance.

In your Marketo instance, go to the Design Studio and select “New Landing Page Template”

GLP-04.pngIn the New Landing Page Template window, assign your template a folder and a name, then make sure the editing mode is “Guided”. The “Free-form” mode is for the non-responsive templates that we had before. Click “Create”!

GLP-05.png

Now we’re ready to replace the sample template code with the code you downloaded from the Template Library.

CTRL-A (Command-A on a Mac) will select the starter code and CTRL-V (Command-V) will paste the template code right over the top of the existing code. The template will save itself automatically when finished.

GLP-06.pngNow that the template is ready to go, we’re ready to see it in action!

Using a Marketo Guided Landing Page Template:

Now that we have a template created, we’re ready to start using it. Close the template tab where the code is and go back to the Design Studio.

Select the template you just created and approve it.

GLP-07.png

Once the template is approved, you can use it to create a landing page. In the new landing page window, assign a folder and a name and select the template you just created. Click “Create”!

You can always identify which templates are responsive and which are not by looking for a little window icon on the right hand side. If the window icon is present then that template was created using the new Guided editor and is fully responsive. If the window is not present, then that template was created using the old editor and it’s NOT responsive. You cannot automatically convert an old non-responsive template to a new one.

GLP-08.png

Congratulations! Your new responsive template is ready to use!

Please see our documentation here on how to edit a Guided Landing Page:

https://docs.marketo.com/pages/releaseview.action?pageId=7515306

GLP-09.png

Comments

So is there a list of all mkto classes and elements to adapt my own HTML to "evolve" to Guided Landing Page Templates.

Best

Ulf

Anonymous

Hi Ulf! Yes, as a matter of fact there is! You can find a list of all the Elements and Variables you can access here:

Create a Guided Landing Page Template - Marketo Docs - Product Docs

I have two additional documents that have not yet gone live that discuss using Elements and Variables. They will be available at these URLs once they are approved:

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

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

Thank you so much for writing these articles, Jordan Lund

Nice one Jordan!

Anonymous

Jordan,  your awesome!

Question.  I love the new Generate Preview URL functionality (10:10 mark in the video).  Is that only available when using a new Guided Landing Page template?  I created a test page using our old templates, and I don't have that option.  Is that specific to the Guided Landing page?  Seems odd that it wouldn't also be there for the older templates.  Thanks!

Anonymous

Hi Ouida! Usually when new features are added, they are only added to the latest version. The reason for this is that it would require a change to the older user interface and before that can be done, the feature has to be fully vetted and tested to work with the older interface before it can be turned on.

It's possible that will change at some point in the future, and you can always let us know that's a feature you'd be interested in by posting an idea to the community.

Helpful thank you