Specifications for the Promo Banner
The Promo Banner is a lot like the classic web banner ad. It is a independant image near the top of the page which promotes something and contains a link to follow from.
The Promo Banner on Viasat.com is a flat image with the ability to link to another page. It is important to use all three assets for the different viewports so that we have a good experience regardless of the device used to view the site.
The three asset specifications for the Promo Banner
Authoring Experience
Below are screenshots and authoring notes regarding the authoring of the Promo Banner component. Authoring notes are found in red text on the screenshots and below images as captions.
Adding the images for the three major breakpoints.
Use the scroll bar to add the images for Tablet and Mobile
Properties tab is used to add CTA link URL information
Promo Banner: Paintbrush
There aren't paintbrush options for the Promo Banner. Entering in your banner URL, choosing your assets, and choosing which certain sizes all happens within the configure menu.
Live component examples
Below is an example of the Promo Banner with an approriatly sized asset and URL that can be activated by clicking anywhere on the banner image.
Looking for other components?
Follow the link below to return to all components.
