Re: Responsive Landing Page & IE

Joe_Reitz · ‎06-05-2015

First of all, massive "Thank You" to Edward Unthank for the totally dope tokenized responsive landing page template he launched this week. If you haven't seen these yet, get them here: Responsive Marketo Landing Page Templates V2. I've made 2 programs with tokens since immersing myself in Edward's Summit session(s), and I can attest for how much time and energy they can save. VERY exciting stuff.

I have a question that I'd like to pose to the community as a whole, though... I customized Edward's template to make this awesome page, but it doesn't seem to work well in the last several versions of Internet Explorer. Currently, about a third of our traffic comes from IE users, so it's an important segment for us to address (regardless of my personal opinions on the worthiness of IE-users to receive my content ).

I'm not familiar enough with responsive CSS to know any IE hacks, but does anyone else have any tips or can point me in the right direction to get this LP to render consistently regardless of browser used? In a perfect world, there would be a single javascript file to embed in the <head> and a mini-fridge of beer under my desk...

thanks, all!

/joe

Full Disclosure:

I didn't follow Edwards instructions perfectly (which I suspect to be the source of my frustration). Getting access to the file structure of our site is a multi-week process with corporate IT (that probably won't get approved in the end). So while I wait for that news, I put the core CSS, Javascript, and image files in Marketo's design studio and revised any references in the template's HTML.
IE versions in order of usage:
- 11.0 (47%)
- 9.0 (21%)
- 8.0 (15.5%)
- 10.0 (13%)
- 7 (2.5%).

If it doesn't look cool, you're probably doing it wrong.

Kenneth_Law · ‎06-11-2015

Hi Joe Reitz,

I moved your question over to the Product and Support space where the question might get a little more viability.

Joe_Reitz · ‎07-28-2015

Ultimately, we found that it was an issue isolated to Internet Explorer 8 and lower. I was able to get these landing pages to work much better for modern browsers, and we found that less than 3% of our total traffic used outdated browsers... So we feel relatively safe that using these responsive pages now won't negatively affect our conversion rates.

Sample landing page here: https://info.stanleycss.com/2015-Video-Storage-Options_Responsive-LP.html

If it doesn't look cool, you're probably doing it wrong.

Anonymous · ‎08-12-2015

Hi Joe. I was wondering how you managed to get the landing pages to look better in the more modern versions of IE? I am having the same problem where my new guided landing page is looking really good in Chrome but looks really strange in even the most recent versions of IE.

Any help as to how you resolved this would be hugely appreciated!

Anonymous · ‎08-05-2015

Hi Joe - probably a stupid question - but how did you define which form to use in your landing page?

Joe_Reitz · ‎08-05-2015

That was the one time I opened the landing page in the editor. Just double click the form in the elements menu and define your form like you normally would. We use a templated master form for all our content downloads, and then tokenize the download link. See below:

One note: if you have any CSS on your form, you may want to clone it and strip out all the custom stuff... That way, the style sheets from the template can define your form look & feel, and everything looks right.

If it doesn't look cool, you're probably doing it wrong.

Anonymous · ‎08-05-2015

Thanks Joe - Was your template guided or free form?

Anonymous · ‎08-07-2015

I figured it out - it needed to be guided. Maybe I should read instructions!

Joe_Reitz · ‎08-10-2015

No worries! Glad you figured it out.

To be honest, I didn't follow the instructions completely, either... Edward Unthank's guide said to upload the whole directory of style sheets/images to your website... but because we don't have SSL (and IT was going to take FOREVER to accommodate the request), I just modified all the links and have the style sheet + JavaScript living inside Marketo. It seems to work fine, just an added technical hurdle.

If it doesn't look cool, you're probably doing it wrong.