The Agency Search widget allows users to quickly find agencies within your directory by entering the agency name. This widget is useful when you want to provide a simple search option directly on the agency profile page, making navigation easier and more intuitive for visitors.
How to Add the "Agency Search" Widget
- Navigate to Houzez → Theme Builder → All.
- Edit the Agency Profile Page with Elementor.
- From the Elementor widget panel, drag and drop the Agency Search widget into your desired section of the page.
Configuration Options
Content Tab
- Title: Set the section title (e.g., "Find Agencies" or "Agency Search").
- Fields: Configure the input field for agency name (style, color, typography, border, radius).
- Button: Customize the search button, including text label, normal and hover states, background color, text color, typography, and border settings.
Style Tab
- Fields Styling: Adjust text color, background color, border color, radius, and typography for the search field.
- Button Styling: Customize the appearance of the search button in both Normal and Hover states. Control colors, typography, padding, and border settings to match your site's branding.
Best Practices
- Keep the search bar placed prominently near the top of the Agency Profile Page for visibility.
- Use concise and clear placeholder text like "Enter agency name" for better user guidance.
- Ensure button styles (normal and hover) contrast with the background so they are easily noticeable.
- Maintain consistent typography and color schemes to align with the overall design of your site.
Comments
0 comments
Article is closed for comments.