Please login to access all of the features of the Community Site.


    Customize Layout Options

    As we mentioned in the last article, Landing Pages have a few more layouts than other site templates. Below, each layout is shown as a diagram of its zones and as a screenshot of Rock's sample landing page, so you can decide which layout to use for your new page.

    Simple layouts are designed not to scroll and will adjust to the height of the browser whenever possible. Full layouts scroll, and most of them start with a hero image sized to the height of the browser. The dashed Viewport Height line marks where the first screen ends. You don't have to have content in all of the zones shown; they're simply available so you can add blocks wherever you want them on the page.

    The following table lists the zones each layout shows. The Workflow zone holds the page's form, a Workflow Entry block. Every layout has a Workflow zone, but only some show it on the page. In the others, the form stays hidden in a pop-up until someone clicks a button that opens it, usually one in the CTA Buttons zone. The Secondary Image column shows which layouts use the Secondary Image page attribute for the secondary hero near the bottom of the page. Every layout uses the Header Image page attribute.

    LayoutWorkflow zoneOther zonesSecondary Image
    Full Bottom, Full Card, Full Centered and Full Fifty FiftyPop-upHeadline, CTA Buttons, Section A, Section B, Section C, Section D, Main, Extra, Secondary Hero, FooterYes
    Full Centered Inline and Full Fifty Fifty OverlayOn the pageHeadline, Section B, Section C, Section D, Main, Extra, Secondary Hero, FooterYes
    Full WidthOn the pageHeadline, Section A, Section B, Section C, Section D, Main, Extra, Secondary Hero, FooterYes
    Full ClassicOn the pageHeadline, Main, Extra, Secondary Hero, FooterYes
    Simple Card, Simple Centered and Simple Fifty FiftyPop-upHeadline, CTA Buttons, Section ANo
    Simple Card - InlineOn the pageHeadline, Section ANo
    Simple Fifty Fifty OverlayOn the pageHeadlineNo

    A layout hides any zone the table doesn't list, so blocks you place there don't appear on the page.

    Full Layouts

    Full layouts scroll, with more zones below the first screen. Shaded areas show where the layout's images appear. When a layout opens its form in a pop-up, a dashed Workflow (pop-up) box shows where it opens. The diagrams show a desktop browser; on a phone, side-by-side zones stack.

    Simple Layouts

    Simple layouts fit on one screen. They hide the zones a Full layout shows below the first screen, such as Main and Footer.