Agents (Agents & Agencies)

The Agents widget allows you to showcase real estate agents or agencies on your website in a customizable grid or list format. Use it to highlight your team members, their profiles, and provide quick access for users to learn more about each agent.

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

How to Add the "Agents" Widget

1. Open the page in Elementor where you want to display the agents.
2. In the Elementor sidebar, search for "Agents".
3. Drag and drop the widget into your page.
4. The agents or agencies added in the Houzez system will automatically populate based on your settings.

Configuration Options

Content Tab

• Module Type
  Choose between Grid or List layout for displaying agents.
• Columns
  Select the number of columns (1–4) when using Grid view.
• Category
  Filter agents by a specific category.
• City
  Show agents from a particular city.
• Number of Agents
  Define how many agents to display on the page.
• Offset
  Skip a certain number of agents before displaying the list.
• Order By
  Choose the sorting parameter (Name, Date, etc.).
• Order
  Display results in Ascending (ASC) or Descending (DESC) order.

Style Tab

• Box
  Adjust background color, border type, radius, and shadow of each agent box.
• Typography
  Customize fonts, sizes, and colors for:
  • Agent Name
  • Position
  • Content (bio/description)
  • Button ("View Profile")
• Button
  Style the action button with background color, text color, and hover effects.

Best Practices

• Use the Grid layout for team pages and the List layout for sidebar sections.
• Always upload high-quality agent photos for a professional appearance.
• Keep agent bios short to maintain a clean design.
• Use the Category or City filters when working with large teams to keep the page organized.