Contact Boxes

Owned by Zachary Restifo
Last updated: Dec 19, 2024 by Denise Meyer
3 min read

Contact Boxes are used to help visitors find contact information in a quick and concise format.

The following instructions will provide information on how to create and insert the Contact Box into your page.

 

Table of Contents

 

Creating a Contact Box

The first step in adding Contact Boxes is to create the item of content either in the content folder or by creating content from your page:

 

The Content item has fields for:

Title, Additional information and Links, in addition to email, phone and fax numbers:

 

Creating a Contact Box component.

 

There are a few important steps to creating a Contact Box component:

  1. Name the content item.

  2. Enter the appropriate text for Title.

  3. Choose what type of contact information you want to list in the contact box with the Contact type drop down menu.

  4. Enter the Contact Email, Telephone or Fax number.

  5. You can also add additional info with the Additional info text field.

  6. You can add or delete contacts and links by clicking on the listing and then clicking on Delete.

  7. You have an option to add a link to appropriate content already published on your website, if desired.

    • To do so, click the magnifying glass icon to the right of the Links field (highlighted in green above).

  1. Tip: Do not enter any ( ) or - in phone or fax numbers. Just use the 9 digits so. The autoformatting will add the telephone hyperlink.

If you choose to add a link by clicking the magnifying glass icon, the Content folder will pop up in a new window (shown below):

 

Select the Content you want to link to, and click Add:

 

If you created this in the Content folder, then navigate to your Page and click Browse for Content to insert it.

Contact Box Examples

Below is an example of a Contact Box (both normal and side) component, as it lives on a web page:

Side (yellow) and regular (green) Contact Boxes as they appear on a web page.

You can see an example of a regular Contact Box (highlighted in green above) and and side Contact Box (highlighted in yellow above).

  • Both types have the Title, Additional Text, a link for the Email contact info, and a button or link for the additional content we linked in Tridion.