Call to Action (CTA) Grid

University Communications has provided further information about this component with regards to best practices on their Web Creator Guide. Check out their guide for more tips and tricks for this component and more.

CTA Grid Fields
Create / Edit a CTA Grid

Published - Select or unselect to make component visible or not to site visitors. Defaults to published
Columns (required) - Select the number of columns (2-4) to use before wrapping items
Background Color (required) - Choose the color to use when displaying the
Background Color or Color Options (required) - Choose the colors to use when displaying the component
- CTA Grid - Image
  - White, Black, Gray
- CTA Grid
  - White Background - Gray Cards
  - White Background - Black Cards
  - Black Background - White Cards
  - Black Background - Gray Cards
  - Gray Background - White Cards
  - Gray Background - Black Cards
Section Header
- Include in Jump Links Menu - Select or unselect to make section title an anchor link
- Section Title - Give the section a title that will help identify the component. This also doubles as an anchor link for the section when using the Current Page Section Menu on Basic Pages
- Description - Short description that helps further explain the section
- Button Color - Color of the CTA button (green, gold)
- Button Link URL / Text - Identify where the button should take visitors and what the button should say
Title (required) - Enter a short title to give to the card
Link URL / Text (optional) - Provide a simple link to more information
Image (required) - Choose an image from the Media Library
Available for the CTA Grid - Image

Instructions start on the Create or Edit Page within a piece of content.

Create Content using the Add Component button
Choose CTA Grid or CTA Grid - Image from the list of Components in the Call to Action (CTA) section
OR
Edit CTA Grid or CTA Grid - Image content using the Edit button
Switch the Published field on or off for the component to be published or unpublished
(required) Select the number of Columns (2-4) to display before wrapping items
(required) Choose the Background Color or Color Options for the component
1. CTA Grid - Image
  1. White, Black, Gray
2. CTA Grid
  1. White Background - Gray Cards
  2. White Background - Black Cards
  3. Black Background - White Cards
  4. Black Background - Gray Cards
  5. Gray Background - White Cards
  6. Gray Background - Black Cards
(optional) Section Header allows for the creation of a Call to Action (CTA) to display beside the articles
1. Include in Jump Links Menu (defaults to yes)
2. Section Title
3. Description
4. Button Color (green, gold)
5. Button Link URL / Text
(optional) Enter a short Title to give to the card
(required) Provide a Link URL / Text
(required) Choose an Image from the media library to display
Available for the CTA Grid - Image
Click Add CTA Grid Item to add another item
Repeat steps 6-9 to add as many CTA Grid Items as desired