Box CTA

The Box CTA component is a text-only call to action box. It has header and sub-header text and a link. It is only used inside a Grid Container component.

Component Information

Benefits

A Box CTA can be used to drive visitors to another webpage or story page.
The Box CTA provides more room for text than the Grid Ad component.
As a text-only component, it provides an option for a CTA when a background image is not appropriate or not available.
The solid color styling provides a way of visually breaking up a webpage design when placed among other components, such as images. It is helpful to give visitors’ eyes a place to rest. The lack of image can sometimes call attention to the content.

Component Options and Limitations

The Box CTA component is used only in a Grid Container component inside a small cell.
Header text displays at the top of the cell. This text is smaller and lighter in color than the subhead text.
The sub-header text displays at the bottom in a larger bold font.
An optional arrow icon may be added that displays to the right of the header text.

Guidelines

The Box CTA is best used when more text is wanted with a call to action, but no background image is needed.
The Box CTA text and link are added and edited directly in the component in Pages.
The Header text may be longer as it displays in a smaller font size, leaving room for additional lines of text.
The Sub-Header text should be short, as it is displayed as a bolder and larger font.
The Display Arrow icon is found in Pages under the Component Options > Advanced Styling panel.
Be sure to check how the Box CTA looks at various screen sizes to make sure the length of text works across all devices and sizes.