1. Step-by-Step
    1. Homepage Editor
    2. Banner Text
    3. Banner Image
    4. Banner Buttons
    5. Banner Slideshow
  2. Video Tutorial
    1. Transcript
  3. Try It Out!


Homepage Editor

To access the Homepage Editor from the back end of your site:

  1. Click Homepage on the side menu
  2. Hover over the Homepage, and click Edit

Note: We recommend that you always edit the current Homepage instead of adding a new one. If you create a new Homepage, you will need to contact Web Services to have it previewed and published.

This is an example of the Web Services homepage banner with a banner image, two banner buttons, a header, and small text.

Banner Text

By default, the banner text is your site title. However, you can customize the banner text by filling out the Banner Heading and Banner Small Text fields under the Homepage Banners tab.

Banner Image

You may not have permissions enabled to change the homepage banner. If you want to gain access to this option, please contact Web Services. If you just want to test out these options, you should have permission to do so on the CCMS Playground

  1. Expand the Homepage Banners tab.
  2. Under Banner Type, select Single Image.
  3. You have the option to upload your own image, or use a hosted image.
    1. If you select Hosted Image, insert the hosted banner name in the Banner Hosted Image field. For detailed instructions on how to use Hosted Images, visit Advanced Training Module 2: Hosted Images.
    2. If you select Upload, click the Add Image button under the Banner Uploaded Image field.
  4. Select the appropriate Banner Image Opacity to make sure your text is readable on the banner. Hosted banner images are already darkened.

Banner Buttons

  1. Expand the Homepage Banners tab.
  2. Under Banner Button, select Yes.
  3. Under Banner Buttons, add the Button Text, which is the text that appears on the button, and a Button Link, which is the destination of the button.
  4. To add another button, click Add Button. You can have up to 2 buttons on the Homepage banner.

Banner Slideshow

This is an example of a banner slideshow. To create a banner slideshow:

  1. Under Banner Type, select Slideshow.
  2. Toggle Slideshow Autoplay on or off.
  3. Under Banner Slideshow, you can customize each banner on the slideshow. The steps are similar to customizing a single banner.
  4. To add another banner to the slideshow, click Add Slideshow Item. You can have up to 5 banners on the slideshow.

Video Tutorial


Try It Out!

Now that you have learned how to customize your homepage banner, time to try it out!

  1. Customize your banner text.
  2. Add a banner image.
  3. Add some banner buttons.