Skip to main content
CMS Example Site CMS Example
  1. HOME
  2. Templates
  3. Homepage Template

Homepage Template

The homepage consists of the full width hero banner and any number of middle column blocks. These blocks can be WYSIWYG fields in the homepage template itself, or modules. Modules are pre-canned blocks that have images and formatting built in. You need to create your modules before adding them to a page.

Edit your homepage

To modify your homepage, including the hero, navigate to your site's index page and click Edit.

Page information

  • Display Name: Display name of the page
  • Title: Page title
  • Summary: A short blurb that will appear under the page title in search results
  • Author: Name of the person responsible for updating this page

Main Content

Hero

The hero image rotator is built into and can only be used on the homeplage template. You can add a single image or multiple images (slideshow). Images must be 1440 x 530 pixels. Check out our image library for pre-croppped hero images you can drag and drop into your website.

The Hero Examples page provides best practices and examples of what and what not to do when building the hero section.

Scroll down to Main Content > Hero Section

Complete the fields you want to appear on the page. Blank fields won't show up.

  • Headline: Large, white, all caps text rendered towards the top of the image (choose "dark" text to use if your background image is too light for white text, but note this is not available for the pre-canned backgrounds)
  • Headline Break (yes/no): A second, indented headline
  • Blurb: Smaller, white text rendered below the Headline. Will be omitted on smaller screens.
  • Button: Yellow button with gray, all caps text
  • Link Type: Choose an internal or external link
  • Internal/ External Link: Navigate to the internal link or enter the external link
  • Background Image: Use the file chooser to select your image (size: 1440 x 530 pixels), or use one of the pre-canned blue or gray backgrounds

To add another image into the rotation, click on the green + sign next to Hero Section. Complete the fields for each additional section. Use the up and down arrows to set the order of the hero sections. Use the red X to delete a section.

Middle Blocks

You can add any number of middle blocks. Use the icons to the right of Middle Blocks to manipulate them:

  • Up and Down arrows: Change the order of your middle blocks
  • Green + : Add a new middle block
  • Red X : Delete a middle block

Each block can use a module or a WYSIWYG field (free text and HTML). Under Content to Use choose:

  1. Shared Block to add a module. Use the file chooser 'Shared Block' to choose the module you want to place on the page. earn more about the different modules:
  2. WYSIWYG to add your own content using the WYSIWYG editor.

Save your changes

Click Save & Preview and if you are satisfied, Submit your changes. Publish your page when ready.