Site Members: Customizing the Members Page Element

4 min read
Customize the Members Page that shows a list of all site members on your site. Make this element fit your style by adjusting the layout, refining the design, choosing whether to make the page public or private, and personalizing member badges.
In this article, learn more about:
Can't click on members on this page?
Clicking a member on the Members Page leads to their profile – unless that page doesn't exist on your site. You can quickly add it from the Pages panel

Adjusting the page layout

Choose from a Card or List layout to display all members on your page. Then customize the chosen layout to your needs, deciding how member profile pictures should look and whether or not to add a cover photo behind each member.   

To adjust the page layout:

  1. Click the Members Widget in your Editor.
  2. Click Settings.
  3. Click Layout.
  4. Select the layout you like best; Cards or List.
  5. Customize the layout using the following options:
    • Show a cover picture: Enable the toggle to display a cover photo behind each member.
    • Profile picture layout: Click to select a circular or square profile picture layout.

Customizing the page design

Make your Members Page complement your site's design by customizing the fonts, buttons, colors, background, borders, and more.

To customize the page design:

  1. Click the Members Widget in your Editor.
  2. Click Settings.
  3. Click Design.
  4. Customize the design of this widget to make it your own. Click a tab name below to learn what you can design there:

Setting your page to public

You can choose whether to display your Members Page to the public or keep it private, available to your signed in members only.

To set your page to public:

  1. Click the Members Widget in your Editor.
  2. Click Settings.
  3. Click Settings.
  4. Enable the toggle to allow all site visitors to see this page.

Personalizing how member badges look

Inject some extra personality into your Members Page by customizing the badges you assign to your members. Choose a badge layout (e.g., Name & Icon, Icon Only) that meets your needs, and change its size to match your style.

To personalize how badges look:

  1. Click the Members Widget in your Editor.
  2. Click Settings.
  3. Click Badges.
  4. Customize the appearance of member badges using the following options:
    • Layout: Choose a badge layout and your preferred badge size.
    • Style: Drag the slider to adjust the roundness of the badges.
Tip:
Further personalize your Member Page by customizing member profile fields. Choose what information is displayed on a member's My Account and Profile pages.

Did this help?

|