Promo Block Card

Introduction

The Promo Block Card is used to display a block of text with an image.

 


Specifications

 

Character Limit/Usage

Text can be added in the following properties: Title (required), description, Content Type and Read length. There is no strict character limit.

It is important to note that cards should always be in a Card Container component. For more information about the card container, go here

Image Requirements

Image is required and must be uploaded to the DAM before it can be placed on the page.

  • Dimensions: 3600x3600 pixels
  • Aspect ratio: 1:1 or 16:9
  • File type: jpg

Video Requirements

This component does not support video.

Styling

CTA only: Please use Link style, with See All Products as the text. Please be aware that 'grey border', 'no border' and 'support link' in the CTA configuration are only used on Support & Downloads pages.

Authoring Instructions

Below is a list of the configuration options:

  • Title
  • Title Color
  • Title Size
  • Card Description
  • Spotlight Small Text
  • Content Type
  • Read Length (in minutes)
  • Image (+ Alt Text)
  • CTA (The CTA includes the various available styles). To learn more about the CTA component, click here.

SEO Guidance

The titles should use a heading tag. The default is H5. We do not recommend using H1 tags for the container title or the individual card titles.

If a container title will be used for the component, we recommend that the container title use a heading that is one level higher than the titles in the cards. For example, set the container title as H4 and set the card titles as H5. 

For any images used within this component, make sure to add an image alt text that describes the image.


Use Cases and Style Variations


Need Help?

If you need help with a specific use case for the promo block card component or need guidance with appropriate configuration, please contact the web team.