Building Custom Contact Directory Pages

This guide shows you how to create contact directory pages that list multiple contacts, departments, or team members on your WordPress website.

Step 1: Plan Your Directory Structure

Decide how you want to organise your contacts. Common approaches include:

• By department (Sales, Support, Administration)
• By location (Dublin office, Cork office, Remote team)
• By role (Management, Customer Service, Technical)
• Alphabetically by surname

Write down your contact categories before you start building.

Step 2: Create Your Main Directory Page

1. Log into your WordPress admin dashboard
2. Go to Pages → Add New
3. Enter a title like "Contact Directory" or "Our Team Contacts"
4. Add a brief introduction explaining what visitors will find on the page
5. Click "Publish" to save your page

For detailed steps on creating pages, see our guide on Adding Pages to Your Website.

Step 3: Add Individual Contact Sections

For each contact or department, create a section with:

• Name and job title (use Heading 3 format)
• Photo if available
• Direct phone number
• Email address
• Office location or department
• Brief description of their role or expertise

Example format:

### Sarah Murphy - Sales Manager
Phone: 01 234 5678
Email: sarah@yourcompany.ie
Location: Dublin Office
Sarah handles new customer enquiries and business partnerships.

Step 4: Organise with Clear Headings

Use Heading 2 format for your main sections:

• Sales Team

• Customer Support

• Administration

This makes your directory easy to scan and helps visitors find the right contact quickly.

Step 5: Add Contact Images

Professional headshots make your directory more personal and trustworthy. Upload photos that are:

• Same size and style for consistency
• Professional quality
• Recent and clear

For help with uploading images, check our Adding Images and Media guide.

Step 6: Include a General Contact Form

Add a general contact form at the top or bottom of your directory page. This gives visitors an option if they're not sure who to contact directly.

See our Creating a Contact Form article for step-by-step instructions.

Step 7: Add Navigation and Search

For larger directories, add:

• Quick navigation links at the top of the page
• "Back to top" links between sections
• Search functionality using a simple browser search (Ctrl+F)

Create anchor links by adding sections like:

[Jump to Sales Team](#sales-team)
[Jump to Support Team](#support-team)

Step 8: Test Your Directory

Before publishing:

• Check all email links work correctly
• Verify phone numbers are clickable on mobile devices
• Test the page layout on both desktop and mobile
• Ask colleagues to review for missing information

If you're still stuck with creating your contact directory or need help with more advanced features like searchable databases, contact Web60 support through your account portal.

FAQ

Q: Should I include personal mobile numbers in my contact directory?

A: Only include mobile numbers if staff have agreed and it's necessary for their role. Most directories work fine with office numbers and email addresses.

Q: How do I make email addresses clickable?

A: In WordPress, highlight the email address and click the link button in the editor. Add "mailto:" before the email address (e.g., mailto:sarah@company.ie).

Q: Can I password protect my contact directory page?

A: Yes, WordPress allows you to set pages as private or password protected. Edit your page and look for the "Visibility" settings in the publish box.

Q: How often should I update my contact directory?

A: Review your directory every 3-6 months or immediately when staff changes occur. Outdated contact information frustrates customers.

Q: Should I include social media profiles in my directory?

A: Only include business-relevant social media profiles like LinkedIn. Avoid personal social media accounts unless they're specifically for customer service.

Q: How do I make phone numbers clickable on mobile devices?

A: Use the same linking process as email addresses, but start with "tel:" (e.g., tel:01234567890). Remove spaces and hyphens from the phone number in the link.

Q: Can I add a map showing office locations?

A: Yes, you can embed Google Maps or other mapping services. This works well for directories with multiple office locations.