Skip navigation links

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.

box-cta-example
Figure 1: Example of a Box CTA.


 

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.

Frequently Asked Questions

No, it is a text-only CTA.

It is only used inside a small cell of a Grid Container component.

Instructions for Use

In Pages:

  1. Add a Grid Container to the page where the Box CTA component is needed.
  2. Select a Grid Container variation that contains a small cell space.

In Pages:

  1. Select a small cell in the Grid Container for the Box CTA.
  2. Click on the placeholder of the cell. Select Box CTA from the Components panel.
  3. In the Assign content item window:
    1. To use an existing Box CTA component, choose the desired Box CTA component from the page’s Data folder and click on the Assign button.
    2. To create a new Box CTA component, click on the “+” create new icon to the left of the Data folder, select Box CTA, type in the Box CTA name and then click on the Assign button.
  4. Add or edit the text and link details by clicking on the appropriate field in the Box CTA.
  5. To add or remove the Arrow icon, select the Box CTA and then click on the Display Arrow icon checkbox in the Advanced styling area of the Component Options panel.

Tool Use Guide

 

 PagesExplorerContent Editor
Add componentOptimal  
Add headerOptimalPossiblePossible
Add subheaderOptimalPossiblePossible
Add CTA linkOptmalPossiblePossible

 

Documentation updated: Sept. 14, 2024