Contact Information

Insert a Contact Information Item

1. Choose a sublayout placeholder area to add the Contact Information rendering into.
a. Optimal sublayout will be a 4-4-4-sublayout if you wish it to display like example above.

Contact Information 2

2. Select the Contact Information tab, then select the Contact Information rendering.

Contact Information 3

3. Click the Select button. The Select Associated Content dialog box appears.

4. Select the Contact Information item, then select the Create link.

Contact Information 4

5. Enter the name of the Contact information.

Contact Information 5

6. The Contact Information rendering will appear in the page, ready to edit.

Contact Information 6

Edit a Contact Information Item

The Contact Information rendering is made up of:
• Title
• Description
• Links

1. Click on the Contact Information Title [No text in field] to add a title.
Contact Information 7

2. Click on the Contact Information Name [No text in field] to add content.
Contact Information 8

3. Click on the Contact Information Address [No text in field] to add address information. Repeat this for the other two address areas.
Contact Information 9

4. Save your changes.

5. Select the Edit Contact Information icon from the toolbox to edit the link types added.
Contact Information 10

6. Enter the name of the link type you wish to create (i.e., phone, email, staff directory, etc.)
Contact Information 11

7. Select OK. The link item will be created, but no visual changes will display yet until we link them up. Repeat steps 5-7 for each link you wish to create.

8. Save your changes.

9. A dialog box appears with the created contact links displayed in the left box.

10. Select the Select All link to move them all to the right box.
a. To move individual items, select the item and double-click on it to move it to the right box.
b. Select the up and down arrows on the right side to order them to your preference.
Contact Information 12

11. Save your changes to see the links displayed.
Contact Information 13

12. Select the first Edit Link to create a title and hyperlink. A toolbox appears.
Contact Information 14

13. Select the blue cube icons. A Data dialog box will display.

14. Select a link option to any of the following:
a. Insert link - Hyperlink to a page within a Sitecore website
b. Insert media link - Hyperlink to a document file within the Sitecore Media Library
c. Insert external link - Hyperlink to a website page outside of Sitecore
d. Insert anchor - Hyperlink to an anchored title on the page
e. Insert email - Hyperlink to an email address
f. Insert JavaScript - Hyperlink to a JavaScript file (Not Allowed)
g. Follow - TBD (Currently does nothing)
h. Clear - Clears the contents in the field
Contact Information 15

15. Select OK.

16. Save your changes to see the links displayed.

Example of Contact Information when completed:

This view displays in the following sublayouts:

Contact Information 16 • 3-3-3-3-Sublayout
• 4-4-4-Sublayout (Optimal)
• 4-8-Sublayout (in the smaller area)
• 8-4-Sublayout (in the smaller area)
• Mobile view

This view displays in the following sublayouts:

Contact Information 17 • 6-6-Sublayout
• 4-8-Sublayout (in the larger area)
• 8-4-Sublayout (in the larger area)
• Full-Width-Sublayout