Skip to main content
Site Builder
Indiana University
Content Components

Contact Card

Add contact information to the bottom of a page

Included on:

Contact cards are shared elements

Contact cards are created on their own as shared elements and added through Page Settings. They are not added in the normal content component area.

Overview

Contact cards let you display consistent contact information across multiple pages. Create a shared contact card once, then add it anywhere via Page Settings.

Common uses

  • Provide official contact information for an office, department, or program
  • Give users a clear next step for questions, support, or services
  • Display consistent, reusable contact details across multiple pages

Component example

  View in new window

Create a contact card

  1. Go to Add Content > Add Shared Element in the top-left menu.
  2. Select Shared Contact Card.
  3. Enter your contact information.
  4. Save your new contact card. All contact cards are saved to the _shared-elements folder.
  5. Publish your new contact card.
Create links using the Add Content menu
Create reusable contact cards using the Add Content > Add Shared Element menu.

Contact card fields

Element name Required Multiple
Office or department name Unit name (for example, "Office of Admissions").
Yes No
Email address IU email address (for example, mydept@iu.edu). Non-IU email addresses are not supported.
Yes No
Campus Optional. Campus name (for example, Indianapolis). Defaults to Bloomington. Omit "IU" from the campus name.
No No
Address Optional. Physical address of the office or department.
No No
Phone number Optional. Phone number with area code (for example, (812) 855-1234).
No No
Website Optional. Link to an office, department, or program website. Use a full URL, including the https://.
No No
Show hours? If checked, office hours are displayed below the contact information.
No No
Hours (Mon–Sun) Office hours for each day of the week (Monday–Sunday). Includes an optional field for additional information, such as holiday hours or special notes.
No Yes

Add a contact card to a page

  1. Open the page you'd like to add a contact card to.
  2. Select Edit.
  3. Scroll down to Page Settings.
  4. Check the box labeled Show contact information cards?
  5. Use the chooser that appears to add up to three cards.
  6. Save and publish your page.
Page settings screenshot showing the contact card chooser
Add up to three contact cards in Page Settings. Always republish a page after adding or removing contact cards.

Update a contact card

  1. In the WCMS, open the contact card you'd like to update in the _shared-elements folder.

  2. Select Edit.

  3. Update the contact information that needs changed.

  4. Save and republish the contact card. All pages using that contact card will show the updated information.

You only need to republish the contact card itself to update it across your entire site. You don't need to republish each individual page a contact card appears on.

View all pages using a contact card

  1. In the WCMS, open the contact card in the _shared-elements folder.

  2. Select the Relationships tab from the More menu in the top-right.

  3. Review the list of all pages that use the contact card.

Screenshot of contact card Relationships tab
Use the Relationships tab to view a list of all pages using a shared contact card.

Do

  • Reuse shared contact cards across pages to keep info consistent
  • Keep details current—updating a contact card updates every page that uses it
  • Use the Relationships tab to view any pages a contact card appears on

Don't

  • Leave placeholder text in any field
  • Use to show a list of faculty or staff—use a Card Grid Page instead
  • Use contact cards to share personal information—they should only display official IU office or department contact details

Related content

  • Page Settings

  • Learn to Use Site Builder