Mobile landing page

[Anonymous]

Hi ... I've created a landing page but also want to optimize the page for mobile users - i have a mobile landing page template in my instance but not sure how to use it ... I think I have to pull in code from mobile landing page into my landing page? 

Can anyone help?

Thanks!
carla 

[Anonymous]

Carla:

This is a big topic!

If you're looking for the same page (same URL), that's responsive web design. Responsive web pages take the same code and then changes the display/size/order based on the device's width. It requires a shift in thinking about the design, because everything is fluid with percentage widths instead of fixed widths. 

Unfortunately, the Marketo "templates" don't work quite like how you're thinking. Instead of just having a "template" only apply styling changes, it changes the entire structure of the code—it isn't quite as easy as applying a separate template to what you've already made and just having it work seamlessly.

The normal Marketo way (which is NOT responsive web design) to do what you want is to create two pages: one for desktop and one for mobile. Then you create your campaigns specifically for desktop and specifically for mobile. For example, you create AdWords campaigns specifically targeting mobile, then you point the users to your mobile landing page. 

With that said, making responsive Marketo landing pages is possible if you put a bit more into the creation process or change your workflow. I made a responsive Marketo landing page template that you can download with documentation, examples, and instructions.

• The landing page itself, which is also an example of the code. Make your browser skinnier to see it in action.
• I wrote this instructional article on how we did it.

Also, Marketo is supposedly going to have responsive landing pages as native functionality sometime slated for the first half of 2014. There are some apps on LaunchPoint which make responsive landing pages easier, although I've never used any of them. There are also some Marketo-certified agencies on LaunchPoint which can make responsive landing pages, among other services.

Hope that helps as a place to start!


Best,
Edward Unthank
Marketing Operations Specialist
Yesler

[Anonymous]

If you have a snippet of mobile optimization css, you can place it in a html element  or in the "custom head html" located in the  landing page actions/meta tag area of your landing page.

[Michelle_Tizian]

@edward will the Marketo form work with the responsive landing page that you created?  I saw how our Marketo form landing pages look on the iphone which most of our audience use, and it looks awful.  

[Anonymous]

@Michelle:

Yup, it will. That page (resources.yesler.com/responsive-marketo-landing-page-template.html) is a Marketo landing page, and it's responsive. So you can see it on your iPhone as it shows up. Or you can simulate that by just making your browser skinnier. But don't judge the possibilities by prettiness of that page—I made that myself, and I'm no designer. 

This landing page of ours is using the same methodology and pieces, but it's designed by an actual UI designer. Mostly it has a much better form for mobile/tablet. 

So, forms, yes. Also dynamic snippets on the thank-you page.


Best,
Edward Unthank
Marketing Operations Specialist
Yesler

[Michelle_Tizian]

Thanks Edward.  I'm for simplicity and function, so I'm giving your responsive landing page a try.  

[Alok_Ramsisaria]

We are giving away a free responsive mailer and a matching landing page template to Marketo customers. If it meets your needs please feel free to download and use. http://bit.ly/18Zzo50

Note that making responsive landing pages in Marketo is a bit more complicated - but we have done a bunch and wiill be happy to help you get to be responsive.

Regards.
Alok

[Alok_Ramsisaria]

And if you are looking for help with responsive mailers - here is a blog post that maybe useful - http://blog.grazitti.com/building-responsive-design-emailers/