Page Comparison

Landing Pages should be content hubs for large sections of your site.

...

Once we understand your needs, we will determine what, if any, cost will be necessary for planning and building the Landing Pages. Please open a support request to start the conversation.How to Create

Landing Page Best Practices

• Landing Pages are not intended to house content but rather to easily connect users to related content, acting as the starting point for sections of information. Consider Landing Pages a “hub” of related content.
• Landing Pages work well as the starting point for sections of information. They are typically high in the site navigation, have only short blurbs of text, and lots of links. Landing Pages give you control over the layout with stackable sections.
• Landing Pages function significantly differently from other D8 content types.

Creating the Landing Page Container

1. Log into your agency website.
2. Click on Add Content.
3. Select Landing Page.
4. Add Title (required).
   1. The Title is required so that the Landing Page can be found in the back-end of the system.
   2. It will not appear on the Landing Page itself.
5. Add Short Title (optional).
   1. The Short Title will replace the title in URLs, navigation, and anywhere the page is linked to from other content across the site.
6. Select the Include Navigation? checkbox if you want the Landing Page to display with the side navigation visible (optional).
7. Add a Label (optional).
   1. This will only display in very specific circumstances and in most cases can be skipped.
8. Add Summary (optional).
1. Add a short statement to summarize the page’s content or purpose. In most cases, this will not show on the page itself but will be used in any links to the page that are configured to include a description.
9. In the Associate this Content with box…
   1. Associate the Landing Page by Selecting (optional): 
      
      1. Program or Service References
      2. Division / Section
      3. Categories
10. For the moment, leave the moderation state to Save as: Draft.
    1. Until you complete the next phase – Adding Layout and Content – the page will appear empty.
11. Click Save.

...

You can customize the layout of your Landing Page by stacking Sections of various layouts. Then add Blocks of content to each section.

The Layout initially provides one default section which you do not have to use. Since there is no way to change the layout of a section, once created, click the X next to the Configure Section link if you don't want to use it.

Add a Section

1. Click + Add Section link in the middle of your screen.
2. Select which layout you need for this section:
   1. One full-width column
   2. Two columns, with a 2/3-width region on the left and a 1/3-width region on the right
   3. Two columns, with a 1/3-width region on the left and a 2/3-width region on the right
   4. Three equally-sized columns
3. Enter a Section title (optional).
   1. This title will display at the top of the section, so leave this blank if the section doesn't need a title.
4. Select a Background color (optional).
   1. Use the drop-down selector to see what colors are available in your palette.
   2. The lightest background color in every palette is White.
   3. You can also remove the background color with the X on the right side of the selector.
      1. This is, in effect, the same as selecting White as the background color.
   4. If the Landing Page includes side navigation, all sections should have a White or no background color.
5. If the Section uses the layout with one full-width column, you can choose to show a Background image (optional).
   1. Select an image from the system library.
6. Click Add section.
7. To edit the section title or background, click Configure Section to return to the options.

Add Content to a Section

1. Click + Add Block in the area you want to add the content.
2. Use the menu on right side to select the content you want to add. Block options are categorized by Micro-content and Content:
   1. Micro-content is content created specifically to be embedded as a block on another page. Learn about Micro-Content Types
   2. Content is content that exists on a page of its own. When embedded on the Landing Page, it will display as a type-specific teaser.
      1. For help understanding each content type or deciding which is most appropriate for your needs, refer to training on those content types.
3. To rearrange content, drag and drop the content block into different sections and regions in the layout.

...