Body 5 – Statistic Card Collection

Body 5 – Statistic Card Collection

Description

This section has one to four statistic cards. Each card includes a statistic, short text, and an optional link. Choose from several background colors.

View this Section in the Section Gallery

Fields and Character Limits

*required fields

Statistic Group Headline*

  • Character Limits: Recommended limit of 40 characters.
  • Help text: Enter the headline text for the statistic group/section. There is a recommended limit of 40 characters including spaces. This field renders as an <h2>. See Headers for guidelines and best practices for headlines and sub-headlines.

Display Statistic Group Headline*: Y/N

Statistic*

  • Character Limits: Recommended limit of 6 characters.
  • Help text: Enter the statistic text (e.g., 12K, 3M, 80%, 70,000, 1 in 4, 4/5, Top 10). There is a recommended limit of 6 characters including spaces.

Card Text

  • Character Limits: Recommended limit of 315 characters.
  • Help text: Enter the card text. There is a recommended limit of 315 characters including spaces.

Date

Link URL

  • Help Text: Start typing the title of a piece of content to select it. You can also enter an internal path such as /node/add or an external URL such as http://example.com. Enter <front> to link to the front page. Enter <nolink> to display link text only.

Link Text

  • Character Limits: Recommended limit of 30 characters.
  • Help Text: Enter the link text. There is a recommended limit of 30 characters including spaces. Avoid link text like Click Here, Learn More and More. See Links for more info, including accessibility concerns, examples and best practices.

Available Style Options

Display Group Headline*

  • Yes
  • No

Background Color*

  • White
  • Lake
  • Steam Lightest
  • Night

Where Can You Use This Section?

The section is available in the following templates and content types:

Templates

  • Start

Content types

  • Landing Page

Using on a Start Template

  1. Locate Body 5 – Statistic Card Group in the Body area
  2. Select Edit
  3. Replace the placeholder text with the Statistic Group Headline
  4. Select whether to Display theStatistic Group Headline or not
    View ScreenshotSelect whether to Display the Statistic Group Headline or not
  5. Select Edit for each Statistic Card
  6. Replace the placeholder text with the Statistic
  7. If your statistic is a date use the Date Picker to select the date, leave the Statistic field empty
    View ScreenshotIf your statistic is a date use the Date Picker to select the date, leave the Statistic field empty
  8. Replace the placeholder text with the Card Text
  9. Replace the Link URL and Link text if you want a link. If not remove the contents of the fields.
  10. Repeat steps 5 - 9 for each Statistic Card
  11. Select the Style Options tab select the Background Color
    View ScreenshotSelect the Style Options tab select the Background Color
  12. If you would like less than 4 statistics select the vertical ellipsis to the right of the Edit button and select Remove
    View ScreenshotIf you would like less than 4 statistics select the vertical ellipsis to the right of the Edit button and select Remove
  13. Select Save at the bottom left of the page

Adding to a new Landing Page

  1. In the Body area, select Add Body Section
  2. Select Body 5 – Statistic Card Group, select Add
    View ScreenshotSelect Body 5 – Statistic Card Group, select Add
  3. Enter the Statistic Group Headline
  4. Select to Display theStatistic Group Headline
    View ScreenshotIf your statistic is a date use the Date Picker to select the date, leave the Statistic field empty
  5. Enter the Statistic
  6. If your statistic is a date use the Date Picker to select the date, leave the Statisticfield empty
    View ScreenshotIf your statistic is a date use the Date Picker to select the date, leave the Statistic field empty<
  7. Enter the Card Text
  8. To add a link enter the Link URL and Link text
  9. Select the Style Options tab select the Background Color
    View ScreenshotSelect the Style Options tab select the Background Color
  10. Select either Save as Draft or Published with the drop-down menu
  11. Select Save at the bottom left of the form

Accessibility

  • Avoid link text like Click Here, Learn More and More. See Links for more info, including accessibility concerns, examples and best practices.

Guidelines and Best Practices

  • Strongly recommend using this slice only once on a page.
  • Statistics are limited to a maximum of 6 characters including spaces. Recommended formats include: 125K, 3.5M, 15%, Top 5, 1 of 7, 12/56, 25,000.
  • This section allows for two to four columns with several variations for maximum flexibility.
  • The section can be used to break up a page flow and draw attention to a small list of stats.

Removing a Section

To permanently remove a section from a page:

  1. Select the vertical ellipsis to the right of the Edit button at the top-right of your section, select Remove
    View ScreenshotSelect the vertical ellipsis to the right of the Edit button at the top-right of your section, select Remove
  2. Select Save at the bottom left of the form