Contact Blocks - Cascade Training

Highlight Important Information with Styled Boxes

A callout contact block displays key contact information in the sidebar, typically located below the navigation menu. These blocks help users quickly find the people and offices they need.

On This Page:

Interactive Walkthrough
Instructions
Best Practices
Additional Resources

Interactive Walkthrough

Instructions

Understanding Callout Inheritance

A _callout-contact block is located in each department folder.
This block affects the callout contact area of every page in that folder, including pages in subfolders.
If a subfolder contains its own _callout-contact block, it will override the callout for that subfolder and its contents.

How to Edit a Callout Contact

In Cascade, navigate to the folder containing the callout you want to edit.
Click on the _callout-contact block.
In the page menubar, click "Edit".
This opens the editor, where you can add or modify the contact information.

Publish a Callout Contact

Because the _callout-contact block affects multiple pages, publishing it requires publishing the entire folder.

In the Cascade sidebar, right-click on the folder containing the _callout-contact block.
From the dropdown, select "Publish".
In the confirmation modal, click "Publish".
This will publish all pages in the folder, applying the updated callout to each one.

Best Practices

For consistency across the university website, department callouts should follow the standardized format below.

Format for department callout contact blocks
Section	Format	Example
Title	How to Reach Us	How to Reach Us
Content	<Department Name> Fort Hays State University 600 Park Street <Building> <Room Number> Phone: <Phone Link> Email: <Email Link>	University Marketing Fort Hays State University 600 Park Street Hammond Hall 108 Phone: 785-628-4206 Email: web@fhsu.edu

Key Formatting Notes

Department Name: Bold the department name for visual emphasis.
Address: List each address element on its own line for readability.
Phone and Email: Use proper link formats:
- Phone: tel:+17856284206 (include country code, no spaces or dashes)
- Email: mailto:web@fhsu.edu (no space after the colon)

Additional Resources

Next: Use an Accordion

Now that you can manage callout contacts, learn how to organize content with expandable accordions.

For more information, see How to Use Accordions