People module - How it works

eCatholic's People module allows you to easily create profiles to list people's contact information (including links to their social media accounts and a head shot) on your website.

Instead of manually cropping head shots, formatting contact information, and linking email addresses in a Text/HTML module, let the People module do the work for you!

IN THIS ARTICLE:

How to use the People module

1

Drag and drop the People module onto the page

Navigate to the page on which you would like the People module to appear. Then, click Add Content > Core Modules, and click to drag and drop the People module onto the page.

NOTE: The People module is commonly used to list staff members on a site's Staff page.
2

Add a person

Once the People module has been added to the page for the first time, it will be empty. The next step is to create profiles that can be tagged to appear in the module on the page.

  1. Click on the Add Person icon that appears when you hover your cursor over the module (illustrated above). This will launch the Add People dialog.
  2. Click + New Person to begin creating a person's profile.
  3. Add the person's information in the Person Settings dialog (e.g., Name, Role, Email, Picture, etc.). Once you've added all the appropriate information, click Save.
3

Tag the person's profile to appear on the page

After creating a person's profile, it is added to your site's list of all People module profiles. There is one final step: You must tag their profile to appear on the page by clicking Add to Page. Finally, click Done.

Once you Publish your changes, the person's profile will appear on your website.

How to organize People module profiles

You can easily separate individual profiles into groups within the People module. You can also organize the appearance of the profiles by selecting your desired display format.

1

Selecting a display format

The People module allows you to easily select one of three display formats ( illustrated below):

  1. One per line
  2. Two per line
  3. Grid

Hover your cursor over the module and click the settings icon to select a display format.

2

Creating groups to organize profiles

To create groups and organize your profiles, complete the following steps:

  1. Hover your cursor over the People module and click the + Group icon (illustrated above).
  2. This creates a new group (titled New Group by default). Click the New Group text to edit the name of the group.
  3. Drag and drop profiles into the group (illustrated below). 

How to edit person settings

Hover your cursor over an individual person's profile and click the settings icon to access the settings detailed below. There are three tabs within the Person Settings dialog: Basic, Social Media, and Advanced.

1

Basic person settings

Here's a breakdown of all basic person settings:

  • Name - Visible within the module on the page
  • Role - Visible within the module on the page
  • Email - Visible within the module on the page
  • Phone - Visible within the module on the page
  • Picture - Click + Add Picture to upload and crop a person's head shot.
    • The image will be cropped to to display within the module on the page at 128 x 128 pixels.
  • Bio - Use the WYSIWYG editor to add the person's full bio.
NOTE: The full bio will appear on the person's profile page, not within the module on the page. Visitors can access a person's profile page by clicking on the person's name within the module.
2

Social Media person settings

Here's a breakdown of all social media person settings:

  • Facebook - Add a Facebook username or direct link to the person's Facebook profile/page.
    • e.g., eCatholic or http://www.facebook.com/eCatholic
  • Twitter - Add a Twitter handle or direct link to the person's Twitter profile.
    • e.g., @eCatholic or http://www.twitter.com/eCatholic
  • Google+ - Add a Google+ username or direct link to the person's Google+ profile.
    • e.g., +eCatholic or http://plus.google.com/+eCatholic
  • Blog - Add a direct link to the person's blog.
    • e.g., http://www.eCatholicblog.com
  • Website - Add a direct link to the person's website.
    • e.g., http://www.eCatholic.com
3

Advanced person settings

Here's a breakdown of the advanced person settings:

  • Alias - Edit the default alias (i.e., the URL that can be used to directly access the person's profile page).

Still need help? Contact Us Contact Us