Primary banner carousel

A primary banner carousel spans a page and can contain up to six banners. Use primary banners to grab your customers’ attention and direct them to your important campaigns or promotions.

When adding a banner, you can upload an image or animated looped image and, optionally, add text and a call-to-action button. When assigning the creative to a static slot on a content page or custom homepage, you can control the visual composition of the banner:

• Choose whether the image and text appear side by side or whether the text is layered on top of the image.
• For side-by-side layouts, choose whether the image is on the left or right side.
• For side-by-side layouts, control the proportion of image to text: from a more image-heavy composition (60% image) to equal halves or more text (60% text). Changing the proportion requires uploading a new image at the correct dimensions.
• Align the text within the banner to the left, center, or right.

Primary banner carousels come in two formats:

• Single Primary Banner Carousel. Shows one banner at a time.
• Split Primary Banner Carousel. Shows two banners at a time.

The carousel automatically scrolls through different banners every five seconds. Customers can pause carousels by clicking the pause button. Customers can also swipe (on mobile) or click an arrow (on desktop) to view the next banner.

tip

Consider using primary banners sparingly to avoid pushing shoppable content below the fold.

The following example shows a primary banner carousel with three banners:

The following example shows a split primary banner with two banners:

note

Depending on the customers' browser window size or zoom settings, primary banners might span the entire width of the page or include some padding on each side of the banner. Secondary banners always have padding on each side of the banner.