Skip to main content

Landing Page Snippets

placeholder

Optional Header CTA Image Overlay. Use 75 characters or fewer.

Optional Header CTA Image Overlay. Use 75 characters or fewer.

This is the Page Intro Panel for the landing page template. Information in the Page Intro Panel is administered using the MultiEdit button at the top of the edit screen. Header image is required and uses a "large" 4x3 ratio photo at 3000 pixels wide. (photos in different ratios will crop). 30-55 words recommended for this space.

This defaults to OVERLAP UP*

Optional tag link

This is the editorial text for the teaser feature. Below is a an optional supporting text subhead with a Rich Link, featuring a variable icon and a large link.Always use the right-click / option-click to change link information.

*If you'd like to forgo the overlap, you can right click in the topmost table field of the Teaser content area and delete the table. Then start adding content in the Main Content area.

Optional supporting text

placeholder

Landing Teaser Columned

Features:

  • Allows backgrounds, arrows and overlaps
  • Styles include:
    • Default - Uses a drop shadow effect to separate from other items (shown above)
    • Slab - Full width with image on the right (shown below)
    • Slab Image Swap - Full width with image on the left (not shown, but looks exactly like Slab style with image swapped)
  • Image is a "small" 4:3 ratio (800 by 600px; 3MB limit). Photo moves below text in mobile.
  • Rich link table may be deleted to create buttons or text links, or to have no links at all.
  • A version of the default look is available with a list of text links. Just search for the snippet labeled "Landing Teaser Columned with Link List"

Feature Panel

Optional Tag Link

Formatted paragraph text (up to 55 words) allows for inline links. Image can be floated left or right. Background color is customizable, though default/none or light is recommended for most use cases.

Placeholder

Section Column Teaser

Features:

  • Two heading styles available (with or without dotted line).
  • Allows different background and arrow styles.
  • Can be used with arrows and overlap to connect with other snippets.
  • Optional button
  • Presents in 4-up, 3-up or 2-up (Right-click in a row cell and select "Row > Cut row" to get the 3-up look shown).
  • Images are 4:3 ratio (800px by 600px shown; 3MB limit).
  • Item headers up to 35 characters.
  • Item headers can be links, but can be non-linked as well.
  • Images with linked headers will automatically be linked.
  • Tags are optional.

Section Column Teaser: 3-up

  • Item header one

    Optional Tag

    Dictum sit amet justo donec enim diam vulputate ut pharetra. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit amet. Neque egestas congue quisque egestas diam. Convallis tellus id interdum velit laoreet id.

  • Item header two

    Augue neque gravida in fermentum et sollicitudin ac orci phasellus. Faucibus ornare suspendisse sed nisi lacus sed. Tortor consequat id porta nibh venenatis cras sed felis eget. Feugiat sed lectus vestibulum mattis ullamcorper.

  • Item header three

    Morbi tempus iaculis urna id volutpat lacus laoreet. Sed faucibus turpis in eu mi bibendum neque egestas. Egestas congue quisque egestas diam in. Sit amet mattis vulputate enim nulla. Blandit libero volutpat sed cras. Lacus sed viverra tellus in hac.

Section Column Teaser: 2-up

  • Unlinked header one

    Dictum sit amet justo donec enim diam vulputate ut pharetra. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit amet. Neque egestas congue quisque egestas diam. Convallis tellus id interdum velit laoreet id.

  • Unlinked header two

    Augue neque gravida in fermentum et sollicitudin ac orci phasellus. Faucibus ornare suspendisse sed nisi lacus sed. Tortor consequat id porta nibh venenatis cras sed felis eget. Feugiat sed lectus vestibulum mattis ullamcorper.

 

Snippet: Section Teaser Slab

Features:

  • Image is a "medium" 4:3 ratio (1400px by 1050px; 3MB limit).
    • In mobile, the image will be almost completely obscured by the screen.
  • Headline up to 35 characters.
  • Formatted text up to 35 words.
  • Button color can be changed. Yellow-to-White shown. To change, right click (option click), select the "Insert / Edit Link" option and change your color in the Class dropdown.

This is the heading text

optional tag

This is the editorial text Sint totam veritatis officia aliquid asperiores animi. Ea harum ut ipsa et et. Voluptatum officiis modi libero harum aliquam numquam molestiae in blanditiis quaerat quam rem. Iure aperiam et eius dolorum hic libero unde dicta placeat distinctio blanditiis.

Optional supporting text (add a shift-return after the text)

 

Snippet: Section Landing Standalone Image

Features:

  • Intended to be used as an atmospheric full-width feature photo to break up sections.
    • If a photo credit or caption is required, use "Media with Caption" snippet instead.
  • Image is a "medium" 4:3 ratio (1400px by 1050px; 3MB limit).
    • In mobile, the image will scale or crop depending on the screen width of the device.
    • Keep the focal point of the photo in the middle third to preserve meaning.
placeholder

 

Snippet: Generic Section

Features:

  • Exists mainly to create a background and inset for text or other snippets and features.
  • Allows different background styles, arrows and overlaps.
  • Text may be used.
  • Images may not be inset in text if this snippet is used on the Landing Page Template.

Content Area

Quo doloremque ut vel nemo vero nulla aliquid eum vel fugit non nostrum voluptas ipsum similique sunt iusto sunt est quo accusamus error. Quo doloremque ut vel nemo vero nulla aliquid eum vel fugit non nostrum voluptas ipsum similique sunt iusto sunt est quo accusamus error. Quo doloremque ut vel nemo vero nulla aliquid eum vel fugit non nostrum voluptas ipsum similique sunt iusto sunt est quo accusamus error. Quo doloremque ut vel nemo vero nulla aliquid eum vel fugit non nostrum voluptas ipsum similique sunt iusto sunt est quo accusamus error.

Quo doloremque ut vel nemo vero nulla aliquid eum vel fugit non nostrum voluptas ipsum similique sunt iusto sunt est quo accusamus error.

 

Feature Text Panel

Larger text, centered, for short messaging copy.

Features:

  • Featured text section. Up to 35 words of high-level messaging or very brief introduction / context.
  • Optional buttons. Up to 3. Each button added decreases conversion rate of other buttons.
  • Allows different background styles, arrows and overlaps.

Feature Content

Omnis hic aut et quod corrupti aut pariatur est. Omnis architecto quam possimus exercitationem odit voluptatem. Voluptate suscipit non nesciunt dicta. Test link inside feature text.

 

Teaser Card (Horizontal or Vertical)

Features:

  • In page editor, the topmost image in the table is the background image, which will be ghosted behind the photos and content that come after.
  • Headline up to 35 characters.
  • Main images are "small" 4:3 ratio (800px by 600px; 3MB limit).
    • In mobile, the image will be full screen.
  • Linked labels up to 55 characters each.
  • To create additional boxes, right click (option click) on the last row and choose "Copy row" from the Row submenu. Then right click again and choose "Paste Row After" from the same submenu. Then change the image and information.

This is the headline (horizontal card)

This is the headline (vertical card)

 

 

Landing Page Routing Panel

Features:

  • Headline up to 35 characters.
  • Text. Up to 35 words of high-level messaging or very brief introduction / context.
  • Buttons. Use 2 or fewer calls to action, 5 or fewer for routing links. Each button added decreases conversion rate of other buttons.
  • Allows different background styles, arrows and overlaps.

Routing Panel Heading

Landing Panel Content suscipit quidem esse ab tempore. Deserunt error vero nihil illo est optio sed. Dolor repellendus earum voluptatem nisi unde. Quos quis odio reiciendis temporibus. Test link inside feature text.

 

Quicklink Button Bar

  • Headline up to 55 characters.
  • Buttons. Up to 3. Each button added decreases conversion rate of others.
  • Allows different background styles, arrows and overlaps.

Looking for Something?

©