Skip to main content
Anonymous
Aug 11, 2015 11:32 PM UTC
Solved

Resources for Mobile Friendly Forms

Our design team has been working on improving the responsiveness of our website, and they have been asking about making the embedded Marketo forms responsive as well.  Does anyone have any advice or resources that have been helpful in making the forms themselves responsive? I've only ever dealt with responsive templates that rearrange where the form is on the page.

Thanks!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Justin_Cooperm2
Justin_Cooperm2Accepted solution
Level 10
Dec 9, 2015 7:20 AM UTC

Allison, all forms built with Forms 2.0 are responsive by nature. If they are viewed from a smaller screen device, the text boxes, labels, and buttons will adjust to fit the screen real estate. There are some ways to tweak some of the behavior by overriding the CSS and/or adding some JavaScript. Let me know if there are certain things you are trying to do that don't seem to be working for you.

View in thread

6 replies

Anonymous
Nov 24, 2015 12:12 AM UTC

Allison Melendez​ Sorry about the late response

Make an Existing Free-form Landing Page Template Mobile Compatible - Marketo Docs - Product Docs

Translate
Grégoire_Miche2
Grégoire_Miche2
Level 10
Nov 24, 2015 12:32 AM UTC

Hi Allison Melendez,

If Scott's suggestion of creating a mobile version of your Free form LP's is not enough, you may want to consider moving to Guided Landing Pages, that your designers will be able to make fully responsive.

See Understanding Free-form vs Guided Landing Pages - Marketo Docs - Product Docs

and Guided Mode (Easy) - Marketo Docs - Product Docs

-Greg

Translate
    Anonymous
    Nov 28, 2015 2:49 AM UTC

    Hi:

    There are also a bunch of responsive design templates here for you to download:  templates.marketo.com

    Translate
    Fab_Capodicasa3
    Fab_Capodicasa3
    Level 2
    Dec 9, 2015 2:21 AM UTC

    Hi Allison,

    You can also check the Email Template Builder from Hoosh Marketing. The emails are responsive and tested across all devices, so you don’t need to worry about emails breaking or editing the html.

    Translate
    Justin_Cooperm2
    Justin_Cooperm2
    Level 10
    Dec 9, 2015 7:18 AM UTC

    I don't think this would be relevant, as forms cannot be displayed in email clients. So, not sure how any email templates would help Allison, who seems to be trying to improve the responsiveness of her corporate website.

    Translate
      Justin_Cooperm2
      Justin_Cooperm2Accepted solution
      Level 10
      Dec 9, 2015 7:20 AM UTC

      Allison, all forms built with Forms 2.0 are responsive by nature. If they are viewed from a smaller screen device, the text boxes, labels, and buttons will adjust to fit the screen real estate. There are some ways to tweak some of the behavior by overriding the CSS and/or adding some JavaScript. Let me know if there are certain things you are trying to do that don't seem to be working for you.

      Translate
        Terms & ConditionsAccessibility statement

        Loading footer...