Skip to main content

User List

Divi 5 only

This reference is for Divi 5. The same module exists in the Classic Builder. See User List on Divi 4.

Purpose and when to use​

User List (divi-membership/user-list) shows a grid of WordPress users or members. Its Divi 5 module picker label is User List. Use a built-in loop template for a directory, or a custom loop layout that contains User Item modules.

Add it from the Divi Membership folder in the Visual Builder.

User List

Before you configure this module​

  • Members exist if Display Type is Members or Show Members Only is on.
  • For a custom layout, save a Divi Library layout that uses User Item and reads Current User (loop or single).

Quick setup​

  1. Add User List.
  2. Leave Loop Style on Loop Templates and Loop Templates on Default Style, or switch to Custom Loop Layout and pick a library layout.
  3. Set Display Type: Default (users), Members, or Linked (an ACF Post Object or Relationship field on the current post).
  4. Set Grid Columns (default 4), tablet (2), and mobile (1).
  5. Set User Limit (default 10). Turn on Pagination under Load More / Pagination if the list is longer than one page.

Content tab​

GroupWhat it configures
Main OptionsLoop style, empty state
Loop OptionsRole, which users, limit, include and exclude, ACF filter, sort
Grid OptionsColumns and gutter
Loop Template OptionsAvatar, name, bio, badge, website, profile link. Shown for loop templates
Element OptionsPagination
AlignmentButton, image, and text. Shown for loop templates
Background / Link / Admin LabelStandard Divi groups

Core settings​

SettingTypeDefaultNotes
Loop StyleselectLoop TemplatesOr Custom Loop Layout
Loop TemplatesselectDefault StyleCustom Template is for a developer template
No Users LayoutselectnoneA library layout, or text
No Users TexttextSorry No usersUsed when no layout is chosen
User RoleselectNoneLimit by role
Display TypeselectDefaultMembers asks for comma-separated plan IDs. Linked asks for the ACF field name
User Limittext10Users per page
Sort OrderselectUser LoginIncludes display name, email, registered date, and user meta
OrderselectAscending
Show Members OnlytoggleOffActive membership required
Grid Columnsselect4Desktop. Tablet 2, mobile 1
Enable AvatartoggleOnSize defaults to 200px
Enable NametoggleOnName As defaults to display name
Enable Biographical InfotoggleOn
Enable BadgetoggleOnPlan badge from the membership Options tab
Enable WebsitetoggleOnLink text defaults to Website
Enable Link to ProfiletoggleOnText View Profile, shown as a button
Load More / PaginationselectNonePagination or none

Specific Users and Exclude Users take comma-separated user IDs.

Custom Gutter Gaps defaults to off. When on, row and column gaps default to 25px.

Design tab​

Shown for the loop template (not a fully custom layout you style inside the library layout):

GroupWhat it configures
Loop Template TextName, bio, website, and profile link (when it is not a button)
Loop Template Profile ButtonButton styles when View Profile as Button is on
BadgeMembership badge styles
Grid Item Border / Whole ModuleBorders
Grid Item Box ShadowShadow on each card
Sizing, spacing, border, box shadow, filters, animation, transformModule chrome

Advanced​

Standard Divi groups: attributes, CSS, conditions, visibility, transition, position, and scroll.

What's next​