Agent Search (Agent Profile Page)

The Agent Search widget allows users to quickly find agents by entering their name in a search field. This feature is especially useful on large real estate websites with multiple agents, providing a simple and fast way for visitors to locate a specific agent.

How to Add the "Agent Search" Widget

1. Navigate to Houzez → Theme Builder → All.
2. Edit the Agent Profile Page with Elementor.
3. In the Elementor panel, search for Agent Search.
4. Drag and drop the widget into your desired section of the page (commonly in a sidebar or dedicated agent tools area).

Configuration Options

Content Tab

• Title: Set the heading for the search box (e.g., "Find an Agent" or "Agent Search").

Fields

• Text Color: Customize the input field text color.
• Typography: Define font size, weight, and style for the search field.
• Background Color: Set the background color of the input field.
• Border Color: Adjust the color of the input field border.
• Border Radius: Define rounded corners for the input field.
• Padding: Add spacing inside the input field.

Button

• Normal/Hover States: Customize button styles for both normal and hover states.
• Background Color: Set the button background color.
• Text Color: Choose the button text color.
• Typography: Adjust the font settings of the button label.
• Border Type & Radius: Style the button border.
• Text Padding: Add internal spacing for the button text.

Style Tab

• Background Color: Set the background color for the widget container.
• Text Color: Adjust global text color.
• Padding: Define spacing inside the widget box.
• Border Options: Configure border type, color, and radius.
• Margins: Adjust spacing around the widget to fit it seamlessly in the layout.

Best Practices

• Keep the widget title clear and descriptive (e.g., "Search for an Agent").
• Place the widget in a visible and intuitive location, such as the top of the sidebar.
• Use consistent color schemes for the button to match your site branding.
• Ensure the button hover state is clearly distinguishable for better user interaction.