Customize Mobile View for Your Free-Form Landing Page customize-mobile-view-for-your-free-form-landing-page

The mobile view of your free-form landing page is mostly automatic, but you can customize it. Here’s how.

  1. Select your free-form landing page.

  2. Click Edit Draft.

  3. Click the Mobile tab.

Mobile vs. Desktop View mobile-vs-desktop-view

Under Page Elements, you’ll see a (desktop) icon and a (mobile) icon. This allows you to show/hide different elements dynamically.

By default, everything on the desktop view is shown on the mobile view.

NOTE
Rectangles aren’t shown on the mobile view.

Important Things to Know: important-things-to-know

  • Images will expand to the width of your mobile device. If you want smaller images, pull in the rich-text element and add your image from there.

  • Only use Forms 2.0 forms. They are responsive and will adjust automatically.

  • Only one template element is editable, BODY#bodyid (Mobile). You can use this to change the background color.

Hide an Element from the Mobile View hide-an-element-from-the-mobile-view

TIP
Less is more on mobile. Use fewer words for happier customers.
  1. To hide an element, click the corresponding check box under the mobile column.

  2. Perfect! That element will no longer be visible in your mobile view.

Add an Element to the Mobile View add-an-element-to-the-mobile-view

TIP
Make special (shorter) content just for the mobile view.
  1. To add an element, drag-and-drop it onto the free-form landing page.

    Make sure the element is set to display only on the mobile view.

TIP
The mobile view can also have a different arrangement of page elements. Move things around on the free-form landing page, or reorder the objects listed under Page Elements using drag and drop.

Preview Mobile View preview-mobile-view

  1. Click Preview Draft.

  2. Want to see something cool? Select Side By Side.

  3. You can now see the desktop and mobile versions of your landing pages at the same time!

  4. If you love it, click Approve and Close.

    note note
    NOTE
    The preview is not interactive. Every smartphone displays things a bit differently. We recommend previewing your landing page on a few devices to see exactly how the landing page will behave.

Have fun!

recommendation-more-help
94ec3174-1d6c-4f51-822d-5424bedeecac