The WpRentals Search Form Builder widget is a feature designed for the Elementor page builder, allowing users to create customized search forms.
The WpRentals Search Form Builder widget is added to a specific page using Elementor.
However, for all other pages, the search functionality will default to the search form set in the Theme Options.
Edit the page with Elementor.
The widget is located under WpRentals Widgets and can be added to a page using drag and drop in Elementor.
Content Options:
Search Fields:
- Add, remove, or rearrange search fields to tailor the form to your requirements.
- Available field types include location selectors, property categories, check-in/check-out dates, number of guests, and more.
- Use the same Compare rules as specified in this help, for any field you add to the search form
Search Button Settings:
- Customize the text displayed on the search button.
- Adjust the button’s alignment within the form.
Style Options:
Form Styling:
- Customize form columns and rows gap
- Customize the text labels colors and typography
- Manage padding and border radius
- Manage colors
Field Styling:
- Customize typography, including font family, size, weight, and color.
- Set background and border colors for input fields.
- Adjust padding and margin settings to control spacing around each field.
Button Styling:
- Modify typography settings for the button text.
- Choose background and text colors for both normal and hover states.
- Adjust border radius to control the button’s corner rounding.
- Set padding and margin to position the button appropriately within the form.
WpRentals Advanced Search Types & Forms
WpRentals offers multiple search form variations to fit different layouts and functionalities. Below is a breakdown of the available search types and where they can be used.
1 – Hero Media Search (available in 5 variations) and only shows over theme hero media header.
- Search Type 1 – vertical with default fields. Read more here
- Search Type 2 – horizontal with default fields
- Search Type 3 – horizontal with custom fields. Read more here
- Search Type 4 – horizontal with 3 default fields (title keyword, first and 2nd category) + custom search fields . Read more here
- Search Type 5 – Vertical search with custom fields. Read more here
Each of these variations can be used as:
- Mobile Search – Displays as a collapsible search bar on mobile.
- Search Shortcode – Can be placed inside pages or posts.
- Search Widget – Can be added to widgetized areas.
2 – Half Map Search Form
This search form appears in:
- Search Results Half Map Layout
- Taxonomies / Property Categories Half Map Layout
It allows users to search and filter properties without reloading the page. Read more here
3 – Elementor Search Form Builder
A drag-and-drop search form builder specifically for pages created with Elementor. Read more here