Undergrads apply for free in October
Skip to main content

Next Steps Callout

For use in the full width containers only.

The NextStepsCallout is useful on a page to call out actions for the end-user to take if relevant to the content.

Next Steps Callout screenshot

Next Steps Callout Widget

Visual demo

Widget standards

No layout is needed for this widget.

Do:

  • Desktop Image Size: 1800 x 400 - Ratio: 9:2.
  • Use only once per page.
  • A marketing widget to use only for the call to action relevant to the content. 

Do NOT:

  • Use more than one on a page

Written instructions

1. Add the NextStepsCallout widget to the page in the "Drop here contentplaceholder 1" container on the page.

Screenshot of: Add the NextStepsCallout widget to the page in the

2. Click "Create content".

Screenshot of: Click

3. Template: Card.

Screenshot of:  Template: Card.

4. Heading: Enter your heading text. Recommendation: Max 50 characters.

Screenshot of:  Heading: Enter your heading text. Recommendation: Max 50 characters.

5. Click "Select Image". Navigate to the folder where the image is located.

Screenshot of: Click

6. Link Text: Enter your Call To Action Text. Recommendation: Max 30 characters.

Screenshot of: Link Text: Enter your Call To Action Text. Recommendation: Max 30 characters.

7. Link Target: Same window: For internal CMU pages. New window: For URL links outside of cmich.edu.

Screenshot of:  Link Target:
Same window: For internal CMU pages.
New window: For URL links outside of cmich.edu.

8. Link ADA text: Enter your ADA text.

Screenshot of: Link ADA text: Enter your ADA text.

9. Link to: Page within the site...This will take you to the page tree for selection. External URL…include full URL of links outside of cmich.edu.

Screenshot of: Link to:
Page within the site...This will take you to the page tree for selection.
External URL…include full URL of links outside of cmich.edu.

10. Secondary Link: Repeat steps six to nine.

Screenshot of: Secondary Link: Repeat steps six to nine.

11. Tertiary Link: Repeat steps six to nine.

Screenshot of: Tertiary Link: Repeat steps six to nine.

12. Click "Save".

Screenshot of: Click

Save and send

  • If you'd like to continue working on this page, but need to save your progress, click Save as Draft.​
  • If you're finished making changes to the page, and the page is ready for review, click Send for Approval.
Screen capture of the buttons for Send for Approval and Save as Draft in Sitefinity
Table of Contents