What the Search Form Builder does

The Search Form Builder widget allows you to create a custom property search form inside Elementor.

The form is displayed only on the page where the widget is added. It is a page-specific search form and does not replace the global search configuration.

Using the widget, you can build:

• a simple search form (no tabs), or
• a tabbed search form where each tab shows different search fields

Important scope and limitations

The Elementor Search Form Builder affects only the page where the widget is used.

This includes:

• Advanced Search Results pages
• Search forms shown in Hero Media (theme default setup)
• Advanced Search shortcodes
• Advanced Search widgets
• Mobile search

To keep search behavior consistent across the site, make sure the global search configuration matches the logic used in your Elementor-built search forms.

Video tutorials

Add the Search Form Builder widget

1. Edit the page with Elementor.
2. In the widgets panel, locate WpResidence Widgets.
3. Drag and drop Search Form Builder into the page.
4. Click the widget to open its settings.

Configure tabs (optional)

Tabs allow you to group search fields by category (for example: Sales, Rentals, Invest).

1. Open the Content tab.
2. Expand Tabs.
3. Enable Use Multiple Tabs?.
4. Select the Tab Type (taxonomy used for tabs).
5. Select the taxonomy terms to display as tabs.
6. Use Order by to control tab order.

Important: After selecting tab items, click Update and refresh the page. This step is required to load tab-specific field and price options.

Set up search fields

Search fields are configured in the Form Fields section. Each item represents one field in the form.

1. Open the Content tab.
2. Expand Form Fields.
3. Add, edit, duplicate, or reorder fields.

Field options

• Form Field – field type (City, Category, Price, Keyword, etc.)
• Compare – comparison logic (same as global search)
• Label – field label
• Placeholder – placeholder text
• Column Width – layout width
• Tab Assignment – tab where the field appears (if tabs are enabled)

Labels, amenities, and section title

• Show or hide field labels
• Show or hide Amenities & Features fields
• Show or hide the form section title

Configure the search button

1. Open Submit Button.
2. Set button text.
3. Adjust button width.
4. Select or upload an icon.

Style the search form

All visual styling is handled from the Style tab in Elementor.

Save and test

1. Click Update in Elementor.
2. Refresh the page.
3. Test the search and all tabs.

Troubleshooting

• If tab options don’t appear, click Update and refresh.
• If styling doesn’t apply, clear cache and reload.