What you need to know about Brightspot promos

As described on Brightspot's documentation guide, a promo is a “teaser” module that encourages users to view the corresponding content. Promos typically consist of some or all of the following elements:

• Headline
• Body text
• Image, video, or gallery
• Link to the promoted page

The title, description, and image are pulled from the original content. Each of these elements can be manipulated to show something other than the default. Below, the title of each has been changed to reflect the title of the content as it is shown in Brightspot.

Any of these promos can be used in a list format by duplicating the module. Unlike the Lists section, these promos do not have the option to populate multiple promos vertically.

Above: Promo Ad Lede

This promo only works in the Lead section of a page, but it allows page authors to add a big image with a colored overlay. There are controls for the overlay color, overlay opacity, text color, button color, and so forth. It also has the option of a rounded overlay or an angled straight overlay.

1. Full-Width Promos

Here are the two full-width promo options. The text box width is set.

2. Standard Content Promos

These promos come in three standard sizes: small, medium, and large. These promos can be used well in a list if desired because the formatted space between the promos is small.

3. Image Promos with a Button

These promos are similar to the ones above, but the promo includes a customizable button and the image is more prominent than the associated text. Due to the larger padding between promos, these appear more as stand-alone promos than in lists.

4. Carousel Promos

Generally, carousels display multiple images or promos in a rotating fashion. The first carousel is found in the promos category in Brightspot while the other three are from the lists category.

The lists are generated like other vertical list modules but the content appears in a carousel fashion. The text and images in the list options can not be changed and will display as they are in the original content.

Carousel Promo - Large Image

This carousel is available in the promo section of Brightspot. Unlike the list carousels, this doesn't function like those carousels with multiple pages of content.

Carousel, Headline

This carousel is found in the list content section of Brightspot. It looks similar to the full-width promos but has the option to display more than one promo.

Carousel, Boxed Headline

This promo appears in the list section of Brightspot. These are ideal if the text is hard to read over the image you have selected because of the grayed box behind the headline.

Carousel, Three Buttons

This is in the list section of Brightspot. The default styles are light gray with white text which is unreadable and unaccessible. Please make sure you change the text color or background color.

5. Small Promos

These promos are very small and can be used in many scenarios. These would also work well in lists as the padding between promos tends to be very small. For example, the padding on either of the "icon" content types is zero. The "Icon on Side" promo is duplicated to display what it would look like in a list.

6. Displaying Multiple Promos

This example is found in the list category of Brightspot and is called "Promo - Highlight A." This option is a great way to display multiple promos in a single module while highlighting the first promo on the list.