Creating Landing Pages and Adding Content

As discussed in the overview, landing pages are a great way to build pages with custom content and navigation points that allow your users/patrons to interact with the content you choose to place on the page.

Each Stacks site will have a default homepage, which is a landing page, and users with the appropriate permissions can add more landing pages as needed. This article will focus on the basics for creating a page, as well as describe how to add sections and blocks of content to the page. 

Users with the Administrator or Moderator role have the permissions to create, edit, and if needed delete landing pages. 

Adding Landing Pages

To create a landing page:

1. From the Dashboard, click the Landing Pages tile
2. Click Add New 
3. In the window that opens, complete the fields
   1. Title, enter a name for the page
      1. The value entered here is also used to create the URL alias, this is the path that can be used in link fields throughout Stacks for users/patrons to navigate to this page
         1. The URL alias can be customized, as discussed in the publication workflow (below)
      2. Via the style editor, the title can be configured to display at the top of the page, if needed
   2. Language, if applicable, select the language the content is using
   3. Review and adjust the Publication Workflow settings as desired
   4. Click Save
      1. You'll be returned to the landing pages list view, from here you can navigate to the page's layout builder to begin adding sections and content

Adding Sections and Content

Adding Sections

Once a page has been created you can begin adding sections to the page which will hold the content you plan to add.  Sections act as containers for your content and can be added in 3 different configurations depending on the content you plan to add and the look you would like to achieve for the page. 

Once the page has been created, you'll need to navigate to the Layout Builder to begin adding sections and content, to do this:

1. From the Landing pages list view, either
   1. Click the title link from the column on the right, then click the Layout tab just under the page header; OR
   2. Under the Operations column, click Edit, then click the Layout tab near the top of the screen
2. Once in the Layout Builder, you see an initial page layout with an option to add new sections and blocks of content
3. To add new sections
   1. Click + Add section
      1. A window will open with 3 layout options
         1. 1 column, the section will be the full width of the content area
         2. 2 column, the section will be split into two columns both 50% of the content area
         3. 3 column, the section will be split into three columns, with an additional option to choose between either a 33%/34%/33% split OR a 25%/50%/25% split, select the appropriate option
      2. Administrative label, once the column configuration is selected, you will have the option to add this label
         1. This will only be visible to administrators when in this layout builder view and may be helpful in identifying the type of content being added to the section, especially if you have multiple administrators who manage the site
      3. Click Add Section

Repeat the steps in #3 to add more sections to the page as needed. 

Adding Blocks of Content

Within the columns of each section is the option to add a block, this is where you will add the content that you wish to appear in that section. 

1. Click + Add block
   1. A window will open on the right listing the content that can be added to the section
      1. Content will be organized by feature type, scroll to the content or filter by name in the filter field at the top
   2. Once the content is found, click the Title
      1. A window will open displaying the current Heading
         1. By default this will be the Title value entered when the content was created, you have 3 options
            1. Leave the heading as is, by default this will be visible to your users/patrons
            2. Change the heading name, click into the field and type in a new heading name
            3. Hide the heading, if you do not wish to show any heading, click the eyeball icon to the right
               1. The field (and helper text field below) will then be "greyed-out" and cannot be edited
         2. Helper Text, if applicable, enter a short description or instructions to provide guidance to the user/patron
            1. This will appear as an 'i' icon to the right of the heading, users/patrons can click or hover over the icon to view the helper text
         3. Subheading, if applicable, enter a value to display as a subheading
            1. Sub-Title URL, if applicable, enter the full URL to the page you wish to direct users/patrons to when they click the displayed subheading
            2. Open in new tab/window, if adding a Sub-Title URL, check this box to open that page in a new browser tab/window
      2. Click Add Block

Repeat the steps described above for adding additional sections and blocks of content as needed. When finished, scroll to the top of the page and click the Save Layout button to save your changes.