Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Program Info Landing pages are meant to highlight specific programs or degrees. They offer a consistent presentation option across websites in Cascade CMS.

...

➡️ View additional instructions on how to control this visual element in our knowledge base.

Working with the Program Facts Block

The program information landing page template in Cascade CMS includes a Program Facts Block. The block is a sticky element that appears on the left hand side of the page.

Features of the Program Facts Block

...

Customize Block Heading and optional disclaimer text field.

...

Page Options for Program Info Landing Page

While editing your landing page in Cascade CMS, you can select the page options to include additional visual elements to add emphasis to important information. These page options can be turned on and off at any time.

...

The program facts block is built using Site Configuration Blocks. It includes:

  1. Program Facts Block Heading - Display a custom heading for the program info block.

  2. Program Details - Program details appear as two columns per row and include options for label and content. You can create an unlimited amount of program details. You can turn off program details by selecting “No.”

  3. Disclaimers - Option to include any relevant program disclaimers. This content will appear in a smaller font size between the Program Details and Program Contacts sections.

  4. Program Contacts - Program contacts display in single column row. You can create an unlimited amount of program contacts. You can turn off program contacts by selecting “No.”

...

How to Create/Edit the Program Facts Block

Each Cascade CMS site includes a starter Landing Page - Program Info - Sidebar available in the _Site Configuration folder. You can create as many Program Fact Blocks as you’d like.

Edit the Program Facts Block

  1. From the _Site Configuration folder, select the Landing Pate - Program Info -Sidebar block to edit.

  2. Click Edit, and make your edits.

  3. Click Preview Draft (blue button at the top of the screen). After previewing the draft, click Submit to save these changes to the CMS.

Create a Program Facts Block

  1. Look for a red plus sign in the topmost header area of the page, and click on Add Content.

  2. Inside the Add Content menu, select Add Site Configuration Builder Block from the dropdown menu.

  3. Select Program Facts Sidebar for Landing Page.

  4. Enter a Block Name. The block will automatically be placed in the _Site Configuration folder.

  5. Configure the program facts block content.

  6. Click Preview Draft (blue button at the top of the screen). After previewing the draft, click Submit to save these changes to the CMS.

add gif to include selection of block

Page Options for Program Info Landing Page

Related Programs

Highlight

...

The program info landing page page options can be previewed on our demo website.

...

Highlight

This page highlight provides a content area on grey background. This is useful for including content such as quotes from alumni, current students, or faculty.

How to Add an Highlight from Page Options

  • Under the Show Highlight? option, select Yes.

  • The Page Highlight section appears. Add the Highlight Content.

...

Related Programs

The related programs page option utilizes a row of up to three columns in a card format to highlight related content such as other programs in your department or college. You can customize the heading for this section and add an unlimited number of cards.

Depending on the options you have selected, this will appear under the highlight on a grey background or content area and above the call-to-action banner or footer of the page.

How to Add Related Programs from Page Options

  • Under the Show Related Programs? option, select Yes.

  • The Related Programs section appears. Add the Program Cards.

➡️ View additional instructions on how to control this element in our knowledge base.

...

Call-to-Action Banner

The call-to-action highlight element should be used as a banner to highlight something important. The highlight will appear on a crimson background and will appear above the footer of the page.

How to Add a Call-to-Action Banner from Page Options

  • Under the Show Call-to-Action? option, select Yes.

  • The Call-to-Action Banner group appears.
    Add the Banner Content.