Agents Grid (Agents & Agencies)

The Agents Grid widget displays real estate agents in a structured grid layout. This widget is useful when you want to showcase multiple agents on a single page, providing quick access to their profile details, languages spoken, and number of properties managed.

To know how to create an agent, please refer to how to add a new agent.

How to Add the "Agents Grid" Widget

1. In the Elementor editor, open the sidebar panel.
2. Search for Agents Grid under the Houzez widgets.
3. Drag and drop the widget into your page layout.
4. The widget will automatically display agents from your database.

Configuration Options

Content Tab

• Layout: Choose between available design versions for the agent grid.
• Columns: Select how many columns to display (e.g., 2, 3, 4).
• Category: Filter agents by category if categories are defined.
• City: Show agents from a specific city.
• Number of Agents: Limit how many agents are displayed.
• Offset: Skip a number of agents before displaying the grid.
• Order By: Define the sorting (Name, Date, etc.).
• Order: Ascending or descending order.

Show/Hide Section

• Hide Agent Position: Toggle the display of the agent's role.
• Hide Listings Count: Show or hide the number of properties managed.
• Hide Languages: Display or hide languages spoken by the agent.
• Hide Button: Remove the "View Profile" button.

Style Tab

• Box: Customize background color, border type, border radius, box shadow, and separator color.
• Image: Adjust the profile image radius for circular or square photos.
• Typography: Set styles for agent name, position, listings count, languages, and button.
• Button: Configure button style, background, text color, borders, and hover effects.

Best Practices

• Use 3 or 4 columns for a balanced design on desktop.
• Keep the number of agents manageable (e.g., 6–12) for readability.
• Ensure each agent has a profile image for a professional layout.
• Use filters (City, Category) to highlight relevant agents for specific pages.
• Hide unnecessary elements (e.g., Languages) if not relevant to your agency.

Notes

• Agents must be added through the Houzez system for them to appear in the grid.
• If no agents are set up, the grid will appear empty.
• Optimize images for fast loading and consistent visual style.