Responsive menu on a Marketo landing page

[Anonymous]

Wondering if anyone knows how to create an expendable/collapsible menu on a mobile version of a Marketo landing page (with a hamburger icon)

[Chris_Johnston]

It is certainly possible by editing the code, but the bigger question is why would you want to? The idea of a landing page is to drive 1 CTA and by creating multiple options on a menu, it would take away from that and likely lower conversions. Other questions would surround, what would you be looking for in terms of functionality, leading to other pages? Anchor points on a really long page?

[Anonymous]

Hi Chris, sorry for a late response. Our business requirement is to make sure that landing pages look identical to the corporate website.

[Chris_Johnston]

The simplest way to accomplish this would be to then embed a form on a new page of your website. Is there any reason you are looking to create a landing page other than to host the form?

[Eric_Salamon1]

Chris that may be the simplest way, but if you are running the HTTPS site (as we all will be in the near future thanks to google) it could cause issues. I am looking into this issue as well but the <? include "file.php">;?> route doesn't seem to be working yet.

Do you have any other ideas?

Olga, I totally get it good luck in finding the answer?

[SanfordWhiteman]

I'm not getting your reference to HTTPS nor to PHP include() in this context... ?

[Eric_Salamon1]

Well Sanford if you try to put an iframe of your Marketo landing page with form on to your website and your site is a secure site, in chrome as well as other browsers it will mention that you are leaving a secure site in the iframe. That can be problematic from a user experience. Google SEO recommendations include convert all websites to secure by the end of this year.

A work around that I am looking into is applying the footer and header of the primary site along with the full css in a custom guided template. The <? php include file.php?> is the way to quickly apply the footer and header to specific divs and get your regular functionality also because this is a guided landing page you can set the div to not be visible if you turn off the section.

This will allow your design in Marketo to match the design in the on your web site.

[SanfordWhiteman]

The solution to that is to run SSL on the IFRAMEd site, which, as you mention, is a best practice and one we routinely follow for LP domains. I don't consider LP domains to be inherently plaintext sites, thus the confusion.

Re: the include, you could only use include() on your PHP site, not Marketo.

[Casey_Grimes]

Hi Olga,

In cases like this, what typically makes the most sense is to go to a page on the corporate website with the same basic structure as you have now and look at the final, rendered code in the browser. Copy all of it and see where you may need to correct relative paths (i.e., <img src="/images/myimage.jpg"> vs. <img src="https://example.com/images/myimage.jpg"> and if it makes sense to locally upload things like images, stylesheets or JavaScript to Marketo itself.

Blank out the main content of the page and set up editable areas in the main part of the site. You may wind up doing a few variations of this per site layout (or alternately you can show/hide divs) but that should give you a basic template with your site's design.