Carousel

Adding Banner and Slider Images

Summary

The Carousel band creates either a banner (a single image or slide) or slider (multiple images or slides). A Carousel stretches the full width of a Landing Page and usually links to another page. However, the link can be omitted. 

Audience

Site managers and site admins can create carousels. Publishers have the ability to edit existing cards on a landing page and can access them through the band menu.

How To

  • 1

    Add a Carousel

    • On a Landing Page, add a Full Width Band.
    Full Width Band
  • 2

    Add Carousel

    • Under Column Paragraph, choose Add Carousel from the dropdown menu.
    Add Carousel
  • 3

    Banner Type

    Fields with an asterisk (*) are required.

    • Banner Type (*) — Choose the desired format from the dropdown menu:
      • Container, Widescreen (Default)
      • Container, Letterbox
      • Full-Width, Widescreen (This option looks like Container, Widescreen, but the image extends to the edges of the screen (like the main menu). 
    Banner Type menu.
  • 4

    Slide

    Fields with an asterisk (*) are required.

    Slide Settings

    • Expand the Slide Settings field.
    Carousel Slide Settings field.
    • Slide Image (*) — Choose or upload an image for the slide.
      • Minimum Recommended Image Size = 3840 (w) x 1200 (h)
    Add Media button.
    • Slide Category — Write a short, general description of the content being linked to or presented in the Carousel. In the published Carousel slide, this text appears first in a smaller text in italics.
    • Slide Heading — Write a title to describe the specific content being linked to or presented in the Carousel. In the published Carousel slide, this text appears second in larger bold text.
    • Slide Text — Write a short description of the content being linked to or presented in the Carousel. In the published Carousel slide, this text appears third in medium-sized text.
    Slide Category, Heading, and Text fields.
    Slide Link Button
    • URL — Enter the URL where a site visitor is directed after clicking on the slide. If the slide link button points to an internal URL, enter the relative (friendly) path of the URL, not the full URL. For an external site, include the full URL. In the published Carousel slide, this URL appears fourth in a button format.
    Slide URL field
    • Link Text — Write a title describing the page being linked to. In the published Carousel slide, this text appears in the button with the URL. If no URL is entered, the text entered in this field will appear in the button format but will not point to a link.
    Slide Link Text field.
    Hide Slide
    • Hide Slide — Check this box to hide the slide.
    Hide Slide checkbox.
  • 5

    Add Slide

    With a single image, the Carousel presents as a banner. To add additional slides to make it a Carousel:

    • Select Add Slide.
    Carousel Add Slide button.
    • Repeat the process to add as many slides as desired.

    To remove an existing slide:

    • Click Remove for that particular slide.
    Carousel Remove Slide button
  • 6

    Autoplay Interval

    From the dropdown menu, choose an option for the Autoplay Interval:

    • Disabled
    • 3 Seconds
    • 5 Seconds
    • 10 Seconds
    • 20 Seconds
    Carousel Autoplay Interval menu.

     

  • 7

    Save

    To save the Carousel:

    • Click Save at the bottom of the edit page.
    Carousel Save button.
  • 8

    Slide Scrolling Options

    • Use the scrolling options below the published Carousel to manually click through the slide images, or pause and restart the autoplay.
    Carousel Autoplay scrolling options.