Staff Directory

The Staff Directory lets you showcase your church's leadership and staff on your public website. You can add staff members with photos, bios, contact details, and social media links, then control how they are displayed to visitors.

Accessing the Staff Directory

1. Go to Website Studio from the left sidebar.
2. On the dashboard, find the Staff Directory card and click Manage, or navigate to Website Studio > Staff Directory directly.

Adding a Staff Member

1. Click the Add Staff Member button.
2. Fill in the following information:

Basic Information

• Link to Person Record (optional) -- If this staff member is also in your People database, you can link the records together. Once linked, a Sync from Person action becomes available on the staff card. Clicking it pulls the latest name, email, phone, and other contact details from the People record so you do not have to maintain the data in two places.
• Name (required) -- The staff member's full name.
• Title/Position (required) -- Their role at the church (e.g., "Senior Pastor", "Worship Leader", "Children's Director").
• Department -- Select the department they belong to (e.g., Leadership, Worship, Children, Youth, Administration, etc.).
• Email -- Their email address.
• Phone -- Their phone number.
• Bio -- A brief biography or description.

Photo

• Click the file upload area to select a photo.
• Recommended: A square image, at least 400x400 pixels.
• To remove an existing photo, check the Remove current photo checkbox.

Social Links

Add URLs for the staff member's social media profiles. Available platforms include common social networks. Each field accepts a full URL.

Visibility Settings

• Active -- Whether this person is currently on staff. Inactive members can be kept in the system but hidden from the public site.
• Show on public website -- Controls whether this specific staff member appears on your public website. You may want to keep some team members internal-only.
• Display email address publicly -- Check this to show their email on the public website.
• Display phone number publicly -- Check this to show their phone number on the public website.

1. Click Add Staff Member to save.

Editing a Staff Member

1. In the Staff Directory list, click the edit (pencil) icon on the staff member's card.
2. Update any fields as needed.
3. Click Update Staff Member to save your changes.

Deleting a Staff Member

1. In the Staff Directory list, click the delete (trash) icon on the staff member's card.
2. Confirm the deletion when prompted.

Important: Deleting a staff member is permanent and cannot be undone.

Display Settings

The Staff Directory offers extensive layout customization to control how staff members appear to website visitors.

Accessing Display Settings

1. On the Staff Directory page, click the Display Settings button.
2. A settings panel will expand showing all layout options.

Layout Styles

Choose from five layout styles:

Photo Shape

Control how staff photos are displayed:

• Circle -- Photos cropped to a circle.
• Rounded -- Photos with rounded corners.
• Square -- Photos with no rounding.

Card Detail Level

Control how much information each staff card shows:

• Minimal -- Name and title only.
• Standard -- Name, title, and a bio excerpt.
• Detailed -- Name, title, bio, and contact/social links always visible.

Department Options

• Group staff by department -- When checked, staff members are organized under their department headings.
• Show department headings -- When checked, department names appear as section headers.

Saving Display Settings

Click Save Display Settings to apply your layout choices. Changes take effect immediately on your public website.

Filtering Staff Members

Use the filter bar at the top of the Staff Directory to narrow the list:

• Search -- Type a name to find specific staff members.
• Department -- Filter by a specific department.
• Status -- Filter by Active or Inactive status.

Click Filter to apply, or Clear to reset.

Adding a Staff Section to a Page

To display your staff directory on a specific page:

1. Go to Website Studio > Pages and open the page you want to edit.
2. Click Add Section.
3. Under Dynamic Content, select Staff Directory.
4. The section will be added to the page and will automatically display your active, visible staff members.
5. Click the edit icon on the section to customize the heading, subheading, and display settings (columns, layout).

Tip: The Staff section on a page pulls from the same staff members you manage in the Staff Directory. Any changes you make to staff members will be reflected automatically.

Best Practices

• Use high-quality, consistent photos. Square photos at 400x400 pixels or larger work best. Try to use photos with similar backgrounds and framing for a professional look.
• Keep bios concise. Two to three sentences is enough for most staff members. Share their role, a personal detail, and something about their passion for ministry.
• Be thoughtful about contact visibility. Only show email and phone for staff members who are prepared to receive public inquiries.
• Use departments to organize. Grouping by department helps visitors quickly find the right person to contact.

Next Steps

• Website Sections -- Learn about other section types
• SEO Settings -- Optimize your website for search engines