10 Tips for Creating Landing Pages in Marketo


Over the years I’ve created hundreds, if not thousands of Marketo landing pages. It seems like every time I create a landing page I learn something new. Sometimes it’s a new feature Marketo released that makes my life easier, or sometimes it’s a new trick for creating better landing pages. Here are my top 10 tips for creating landing pages in Marketo.

1. Upload all CSS files to Marketo

Have you ever run into the issue where the styling for your Marketo landing page doesn’t display properly in the editor? This is most likely because your landing page template references an external CSS file and the editor is not pulling it in. To fix the issue, you can download the CSS file and upload it under Design Studio > Images & Files and update the landing page template to use the Marketo hosted file.

2. Guided Templates vs Free Form Templates

In May 2015 Marketo released fully responsive landing pages, also called guided landing pages. Unlike the free-form (drag & drop) landing page editor the new guided landing page editor provides structured editing for fully responsive landing pages. Learn how to create fully-responsive, guided landing pages in my tutorial.

3. Name the page elements

When you drag and drop an element on a landing page, it will have a default name that is not descriptive (ex. “HTML 1” or “Rich Text 1”). Rename these areas by double clicking the name in the sidebar under page elements. Not only will this keep your landing page organized, but if you add any custom styles to the page, the names become the IDs of the elements.


4. Generate an external preview link

Share your landing page draft with anyone, even if they don’t have access to Marketo, by generating a preview link. Preview links can be generated by navigating to landing page actions > generate preview URL. This is a great feature for anyone who wants to share their landing page with stakeholders but doesn’t want to approve it in Marketo and have it publicly available yet.



5. Activate the mobile version

If you are using a free from landing page template you will see an option in the landing page editor to activate the mobile verison. Activating this will allow you to switch out the content and images for a mobile friendly version.


Note: Activating the mobile version will strip out any header and footer content that is defined within your landing page template.

6. Add page meta tags

Adding meta tags to Marketo landing pages are usually overlooked. You can add them in the landing page editor under landing page actions > edit page meta tags.


7. Change the URL

By default, Marketo will use the name of your program and the landing page name to create the URL for the page. This can mean that the URL is not easy to remember and not SEO friendly. Update your landing page URL by navigating to landing page actions > edit URL settings.


8. Stop the WYSIWYG editor from adding in paragraph and DIV tags

Have you ever experienced an issue with the WYSIWYG editor adding unwanted paragraph tags or DIV tags to your landing page? Turn this feature off by navigating to Admin > Email > Editor Settings and change the landing page editor root block elements to none.


9. Make your images responsive too

Marketo automatically sets a width and a height for all images that are added in the landing page editor. To make the image responsive, select the image and click on the image icon in the WYSIWYG editor and set the width to 100% and the height to auto.


10. Change the height of the elements

If you are seeing some whitespace at the bottom of your landing page, or some of the landing page elements are not showing up when you view the page, try adjusting the height of the template elements. This can be done by clicking on the element in the sidebar and then adjusting the height in the property sheet.



Have some Marketo questions?

Send them to me by emailing me, sending me a tweet @jennamolby or by leaving a comment

Related Posts

  • 23/09/2020
    7 Ways Pardot Users Can Use Chrome Developer Tools For Troubleshooting & Testing

    Chrome Developer Tools is widely used by developers to help edit pages on-the-fly and diagnose issues. Pardot users can use DevTools to troubleshoot and test landing pages and forms. In this post, I’ll show you 7 ways you can use DevTools, including how to identify errors on a landing page, how to customize the CSS of a form and how to view hidden form field values.

  • 17/06/2019
    How to Integrate Gravity Forms With Pardot

    Gravity Forms is one of the easiest tools to create advanced forms for your Wordpress website and with some customization they can be integrated with Pardot. In this post, I will show you how to integrate Gravity Forms using Pardot Form Handlers.

  • 28/02/2019
    Creative Ways to Spice Up Your Pardot Forms: Part 1

    Looking for some creative ways to spice up your Pardot forms? In this post, I will show you how to implement the popular floating label technique in three easy steps. I will also show you how to turn your long drop down menus into user-friendly, searchable dropdowns.

4 comment(s)
  • Steve

    21/07/2019 at 9:14 am

    Very helpful post! #8 is a mandatory one everyone should know about!

  • Rasmus B

    23/11/2016 at 9:57 am

    I make an iframe, and frame in my index.html file from the server. Landingpages are the worst in marketo.

  • Graham Ó Maonaigh

    14/11/2016 at 3:46 am

    Any idea how one can add an ALT tag on images in Marketo? I keep getting ALT tag warnings on our Amazon Repricer page

    • Jenna Molby
      to Graham Ó Maonaigh

      14/11/2016 at 12:18 pm

      Hi Graham, you can add alt tags within the landing page editor by clicking on the image and adding an image description. Here's a screenshot: https://jennamolby.com/wp-content/uploads/2016/11/marketo-image-alt-tag.png

Leave A Comment

Your email address will not be published. Required fields are marked *

About Me

Welcome to my blog, where I share, tips, tricks, thoughts and solutions that I learn in my daily life as a Marketing Operations leader.

Most Commented
Popular Posts