Agent List

The Agent List widget in the Zozonest plugin is a specialized Elementor tool used to display multiple real estate agent profiles in a clean, vertical stack. Unlike the “Grid” view, this layout is designed to prioritize readability, making it perfect for sidebar sections or dedicated “Meet the Team” pages where detailed bios are important.

1. Content & Layout Options

These settings control the core structure and data of the list:

• Module Type/Skin: Switch between different design versions (e.g., List Style 1 or 2) to change the alignment of the agent photo relative to the text.

• Number of Agents: Define the total count of agents to load in the list.

• Offset: Skip a specific number of agents at the beginning of the list (useful for creating a “Principal Agent” section followed by a general staff list).

• Link Type: Choose whether clicking the agent leads to their Public Profile Page or triggers an Inquiry Popup.

2. Query & Filtering Options

The Query tab allows you to precisely target which agents appear in the list:

• Filter by Category: Show only agents assigned to a specific category, such as “Sales,” “Rentals,” or “Management”.

• City & Location Filter: Display agents who operate in a particular city or neighborhood.

• Order By: Organize the list alphabetically by Name, by Date Joined, or by a custom ID.

• Order: Set the sorting direction to Ascending ($A$ to $Z$) or Descending ($Z$ to $A$).

3. Display Meta Options

These toggles allow you to show or hide specific agent data points:

• Show Contact Info: Toggle the visibility of the agent’s phone number, email address, and social media icons (WhatsApp, Facebook, etc.).

• Agent Bio/Description: Choose whether to include a short text snippet from the agent’s professional biography.

• Listing Count: Display a counter showing how many active properties the agent currently manages.

• Action Button: Customize the text and icon for the “View Profile” or “Contact” button.

4. Style & Typography

Elementor’s styling panel gives you full control over the aesthetic:

• Typography: Customize the font family, size, and weight for the Agent Name, Position/Title, and Description.

• Image Styling: Adjust the border-radius (for circular or rounded headshots) and set specific image dimensions to ensure consistency.

• Color Controls: Set unique colors for names, positions, contact icons, and button hover states to match your agency’s branding.

• Spacing: Fine-tune the “Gutter” or vertical gap between each agent in the list.