Contact Callout

A prominent box displaying contact information.

Understanding the Contact Callout component

Example image of the Contact Callout component/paragraph

The Contact Callout is a styled box that gives a person, office, or department a clear, visible way to be reached. It pairs a heading and short message with optional email and phone fields, making it easy for readers to know exactly who to contact and how.

When to use a Contact Callout

Reach for the Contact Callout when a page needs to point readers to a specific person, office, or service for help or follow-up. Good use cases include:

  • The Office of Admission's contact information on an academic program page
  • A department chair's email and phone on an academic department page
  • The IT Service Desk on a technology support page
  • A program coordinator's contact info inside a course or program description
  • General office hours and contact details on a service unit page

Avoid using a Contact Callout for content that isn't about reaching someone. If you're highlighting a piece of important information that isn't a contact, the regular Callout is a better fit.

Adding and modifying Contact Callouts

Heading (required)

The Heading is the bold title at the top of the box. Use it to name the person, office, or service the callout is about. The Heading supports up to 255 characters, but 100 or fewer is recommended for readability.

Good headings are direct and identify who the contact is for. Examples: "Office of the Registrar," "Questions About Admission?," "Contact Professor Smith."

Content (required)

The Content field is the body of the callout. Use it to give readers a short message about who to contact for what, when to expect a reply, office hours, or any other useful detail.

The Content field supports rich text editing. See the Text component for the full list of formatting options. There is no hard character limit, but around 255 characters reads best inside the callout.

Email (optional)

The Email field holds an email address that readers can click to open their default email client. Enter a single email address, like admission@ithaca.edu. The address supports up to 75 characters.

If you do not have an email to share, leave this field blank. The email line will not appear on the rendered page.

Phone (optional)

The Phone field holds a phone number that readers can click to call from a phone or compatible device. Enter the number in a clean, consistent format like "(607) 274-3011." About 15 characters is recommended, so keep formatting tight.

If you do not have a phone number to share, leave this field blank. The phone line will not appear on the rendered page.

Supported content types:

  • sites,
  • topics,
  • pages,
  • academic programs,
  • academic departments,
  • blog posts,
  • custom landing pages,
  • IC View articles,
  • and news articles.

Need further support?

This Contact Callout was added to tell you that our Web Team is standing by to answer any questions or concerns. 

The phone number below is a demo number, as we do not offer phone-based support.

555-555-1234